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


/* Start:/bitrix/templates/onesite.studio/css/bootstrap.min.css?1741162200160940*/
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
*,::after,::before{box-sizing:border-box}
html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section{display:block}
body{margin:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}
[tabindex="-1"]:focus{outline:0!important}
hr{box-sizing:content-box;height:0;overflow:visible}
h1, h2, h3, h4, h5, h6{margin-top:0;margin-bottom:.5rem}
p{margin-top:0;margin-bottom:1rem}
abbr[data-original-title], abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
dl, ol, ul{margin-top:0;margin-bottom:1rem}
ol ol, ol ul, ul ol, ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b, strong{font-weight:bolder}
small{font-size:80%}
sub, sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:#007bff;text-decoration:none;background-color:transparent}
a:hover{color:#0056b3;text-decoration:underline}
a:not([href]):not([tabindex]){color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus{outline:0}
code, kbd, pre, samp{font-family:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:1em}
pre{margin-top:0;margin-bottom:1rem;overflow:auto}
figure{margin:0 0 1rem}
img{vertical-align:middle;border-style:none}
svg{overflow:hidden;vertical-align:middle}
table{border-collapse:collapse}
caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}
th{text-align:inherit}
label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
button, input, optgroup, select, textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button, input{overflow:visible}
button, select{text-transform:none}
select{word-wrap:normal}
[type=button], [type=reset], [type=submit], button{-webkit-appearance:button}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){cursor:pointer}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{padding:0;border-style:none}
input[type=checkbox], input[type=radio]{box-sizing:border-box;padding:0}
input[type=date], input[type=datetime-local], input[type=month], input[type=time]{-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}
progress{vertical-align:baseline}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:none}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
template{display:none}
[hidden]{display:none!important}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}
.h1, h1{font-size:2.5rem}
.h2, h2{font-size:2rem}
.h3, h3{font-size:1.75rem}
.h4, h4{font-size:1.5rem}
.h5, h5{font-size:1.25rem}
.h6, h6{font-size:1rem}
.lead{font-size:1.25rem;font-weight:300}
.display-1{font-size:6rem;font-weight:300;line-height:1.2}
.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}
.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}
.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}
hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}
.small, small{font-size:80%;font-weight:400}
.mark, mark{padding:.2em;background-color:#fcf8e3}
.list-unstyled{padding-left:0;list-style:none}
.list-inline{padding-left:0;list-style:none}
.list-inline-item{display:inline-block}
.list-inline-item:not(:last-child){margin-right:.5rem}
.initialism{font-size:90%;text-transform:uppercase}
.blockquote{margin-bottom:1rem;font-size:1.25rem}
.blockquote-footer{display:block;font-size:80%;color:#6c757d}
.blockquote-footer::before{content:"\2014\00A0"}
.img-fluid{max-width:100%;height:auto}
.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}
.figure{display:inline-block}
.figure-img{margin-bottom:.5rem;line-height:1}
.figure-caption{font-size:90%;color:#6c757d}
code{font-size:87.5%;color:#e83e8c;word-break:break-word}
a>code{color:inherit}
kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}
kbd kbd{padding:0;font-size:100%;font-weight:700}
pre{display:block;font-size:87.5%;color:#212529}
pre code{font-size:inherit;color:inherit;word-break:normal}
.pre-scrollable{max-height:340px;overflow-y:scroll}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}
}
@media (min-width:768px){.container{max-width:720px}
}
@media (min-width:992px){.container{max-width:960px}
}
@media (min-width:1200px){.container{max-width:1140px}
}
.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col, .no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .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-lg-auto, .col-md, .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-md-auto, .col-sm, .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-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-first{-ms-flex-order:-1;order:-1}
.order-last{-ms-flex-order:13;order:13}
.order-0{-ms-flex-order:0;order:0}
.order-1{-ms-flex-order:1;order:1}
.order-2{-ms-flex-order:2;order:2}
.order-3{-ms-flex-order:3;order:3}
.order-4{-ms-flex-order:4;order:4}
.order-5{-ms-flex-order:5;order:5}
.order-6{-ms-flex-order:6;order:6}
.order-7{-ms-flex-order:7;order:7}
.order-8{-ms-flex-order:8;order:8}
.order-9{-ms-flex-order:9;order:9}
.order-10{-ms-flex-order:10;order:10}
.order-11{-ms-flex-order:11;order:11}
.order-12{-ms-flex-order:12;order:12}
.offset-1{margin-left:8.333333%}
.offset-2{margin-left:16.666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.333333%}
.offset-5{margin-left:41.666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.333333%}
.offset-8{margin-left:66.666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.333333%}
.offset-11{margin-left:91.666667%}
@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-sm-first{-ms-flex-order:-1;order:-1}
.order-sm-last{-ms-flex-order:13;order:13}
.order-sm-0{-ms-flex-order:0;order:0}
.order-sm-1{-ms-flex-order:1;order:1}
.order-sm-2{-ms-flex-order:2;order:2}
.order-sm-3{-ms-flex-order:3;order:3}
.order-sm-4{-ms-flex-order:4;order:4}
.order-sm-5{-ms-flex-order:5;order:5}
.order-sm-6{-ms-flex-order:6;order:6}
.order-sm-7{-ms-flex-order:7;order:7}
.order-sm-8{-ms-flex-order:8;order:8}
.order-sm-9{-ms-flex-order:9;order:9}
.order-sm-10{-ms-flex-order:10;order:10}
.order-sm-11{-ms-flex-order:11;order:11}
.order-sm-12{-ms-flex-order:12;order:12}
.offset-sm-0{margin-left:0}
.offset-sm-1{margin-left:8.333333%}
.offset-sm-2{margin-left:16.666667%}
.offset-sm-3{margin-left:25%}
.offset-sm-4{margin-left:33.333333%}
.offset-sm-5{margin-left:41.666667%}
.offset-sm-6{margin-left:50%}
.offset-sm-7{margin-left:58.333333%}
.offset-sm-8{margin-left:66.666667%}
.offset-sm-9{margin-left:75%}
.offset-sm-10{margin-left:83.333333%}
.offset-sm-11{margin-left:91.666667%}
}
@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-md-first{-ms-flex-order:-1;order:-1}
.order-md-last{-ms-flex-order:13;order:13}
.order-md-0{-ms-flex-order:0;order:0}
.order-md-1{-ms-flex-order:1;order:1}
.order-md-2{-ms-flex-order:2;order:2}
.order-md-3{-ms-flex-order:3;order:3}
.order-md-4{-ms-flex-order:4;order:4}
.order-md-5{-ms-flex-order:5;order:5}
.order-md-6{-ms-flex-order:6;order:6}
.order-md-7{-ms-flex-order:7;order:7}
.order-md-8{-ms-flex-order:8;order:8}
.order-md-9{-ms-flex-order:9;order:9}
.order-md-10{-ms-flex-order:10;order:10}
.order-md-11{-ms-flex-order:11;order:11}
.order-md-12{-ms-flex-order:12;order:12}
.offset-md-0{margin-left:0}
.offset-md-1{margin-left:8.333333%}
.offset-md-2{margin-left:16.666667%}
.offset-md-3{margin-left:25%}
.offset-md-4{margin-left:33.333333%}
.offset-md-5{margin-left:41.666667%}
.offset-md-6{margin-left:50%}
.offset-md-7{margin-left:58.333333%}
.offset-md-8{margin-left:66.666667%}
.offset-md-9{margin-left:75%}
.offset-md-10{margin-left:83.333333%}
.offset-md-11{margin-left:91.666667%}
}
@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-lg-first{-ms-flex-order:-1;order:-1}
.order-lg-last{-ms-flex-order:13;order:13}
.order-lg-0{-ms-flex-order:0;order:0}
.order-lg-1{-ms-flex-order:1;order:1}
.order-lg-2{-ms-flex-order:2;order:2}
.order-lg-3{-ms-flex-order:3;order:3}
.order-lg-4{-ms-flex-order:4;order:4}
.order-lg-5{-ms-flex-order:5;order:5}
.order-lg-6{-ms-flex-order:6;order:6}
.order-lg-7{-ms-flex-order:7;order:7}
.order-lg-8{-ms-flex-order:8;order:8}
.order-lg-9{-ms-flex-order:9;order:9}
.order-lg-10{-ms-flex-order:10;order:10}
.order-lg-11{-ms-flex-order:11;order:11}
.order-lg-12{-ms-flex-order:12;order:12}
.offset-lg-0{margin-left:0}
.offset-lg-1{margin-left:8.333333%}
.offset-lg-2{margin-left:16.666667%}
.offset-lg-3{margin-left:25%}
.offset-lg-4{margin-left:33.333333%}
.offset-lg-5{margin-left:41.666667%}
.offset-lg-6{margin-left:50%}
.offset-lg-7{margin-left:58.333333%}
.offset-lg-8{margin-left:66.666667%}
.offset-lg-9{margin-left:75%}
.offset-lg-10{margin-left:83.333333%}
.offset-lg-11{margin-left:91.666667%}
}
@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-xl-first{-ms-flex-order:-1;order:-1}
.order-xl-last{-ms-flex-order:13;order:13}
.order-xl-0{-ms-flex-order:0;order:0}
.order-xl-1{-ms-flex-order:1;order:1}
.order-xl-2{-ms-flex-order:2;order:2}
.order-xl-3{-ms-flex-order:3;order:3}
.order-xl-4{-ms-flex-order:4;order:4}
.order-xl-5{-ms-flex-order:5;order:5}
.order-xl-6{-ms-flex-order:6;order:6}
.order-xl-7{-ms-flex-order:7;order:7}
.order-xl-8{-ms-flex-order:8;order:8}
.order-xl-9{-ms-flex-order:9;order:9}
.order-xl-10{-ms-flex-order:10;order:10}
.order-xl-11{-ms-flex-order:11;order:11}
.order-xl-12{-ms-flex-order:12;order:12}
.offset-xl-0{margin-left:0}
.offset-xl-1{margin-left:8.333333%}
.offset-xl-2{margin-left:16.666667%}
.offset-xl-3{margin-left:25%}
.offset-xl-4{margin-left:33.333333%}
.offset-xl-5{margin-left:41.666667%}
.offset-xl-6{margin-left:50%}
.offset-xl-7{margin-left:58.333333%}
.offset-xl-8{margin-left:66.666667%}
.offset-xl-9{margin-left:75%}
.offset-xl-10{margin-left:83.333333%}
.offset-xl-11{margin-left:91.666667%}
}
.table{width:100%;margin-bottom:1rem;color:#212529}
.table td, .table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}
.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}
.table tbody+tbody{border-top:2px solid #dee2e6}
.table-sm td, .table-sm th{padding:.3rem}
.table-bordered{border:1px solid #dee2e6}
.table-bordered td, .table-bordered th{border:1px solid #dee2e6}
.table-bordered thead td, .table-bordered thead th{border-bottom-width:2px}
.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th{border:0}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}
.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}
.table-primary, .table-primary>td, .table-primary>th{background-color:#b8daff}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th{border-color:#7abaff}
.table-hover .table-primary:hover{background-color:#9fcdff}
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th{background-color:#9fcdff}
.table-secondary, .table-secondary>td, .table-secondary>th{background-color:#d6d8db}
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th{border-color:#b3b7bb}
.table-hover .table-secondary:hover{background-color:#c8cbcf}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th{background-color:#c8cbcf}
.table-success, .table-success>td, .table-success>th{background-color:#c3e6cb}
.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th{border-color:#8fd19e}
.table-hover .table-success:hover{background-color:#b1dfbb}
.table-hover .table-success:hover>td, .table-hover .table-success:hover>th{background-color:#b1dfbb}
.table-info, .table-info>td, .table-info>th{background-color:#bee5eb}
.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th{border-color:#86cfda}
.table-hover .table-info:hover{background-color:#abdde5}
.table-hover .table-info:hover>td, .table-hover .table-info:hover>th{background-color:#abdde5}
.table-warning, .table-warning>td, .table-warning>th{background-color:#ffeeba}
.table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th{border-color:#ffdf7e}
.table-hover .table-warning:hover{background-color:#ffe8a1}
.table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th{background-color:#ffe8a1}
.table-danger, .table-danger>td, .table-danger>th{background-color:#f5c6cb}
.table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th{border-color:#ed969e}
.table-hover .table-danger:hover{background-color:#f1b0b7}
.table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th{background-color:#f1b0b7}
.table-light, .table-light>td, .table-light>th{background-color:#fdfdfe}
.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th{border-color:#fbfcfc}
.table-hover .table-light:hover{background-color:#ececf6}
.table-hover .table-light:hover>td, .table-hover .table-light:hover>th{background-color:#ececf6}
.table-dark, .table-dark>td, .table-dark>th{background-color:#c6c8ca}
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th{border-color:#95999c}
.table-hover .table-dark:hover{background-color:#b9bbbe}
.table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th{background-color:#b9bbbe}
.table-active, .table-active>td, .table-active>th{background-color:rgba(0,0,0,.075)}
.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}
.table-hover .table-active:hover>td, .table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}
.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}
.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}
.table-dark{color:#fff;background-color:#343a40}
.table-dark td, .table-dark th, .table-dark thead th{border-color:#454d55}
.table-dark.table-bordered{border:0}
.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}
.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}
@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive-sm>.table-bordered{border:0}
}
@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive-md>.table-bordered{border:0}
}
@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive-lg>.table-bordered{border:0}
}
@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive-xl>.table-bordered{border:0}
}
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive>.table-bordered{border:0}
.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control{transition:none}
}
.form-control::-ms-expand{background-color:transparent;border:0}
.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}
.form-control::-moz-placeholder{color:#6c757d;opacity:1}
.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}
.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}
.form-control::placeholder{color:#6c757d;opacity:1}
.form-control:disabled, .form-control[readonly]{background-color:#e9ecef;opacity:1}
select.form-control:focus::-ms-value{color:#495057;background-color:#fff}
.form-control-file, .form-control-range{display:block;width:100%}
.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}
.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}
.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}
.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}
.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}
select.form-control[multiple], select.form-control[size]{height:auto}
textarea.form-control{height:auto}
.form-group{margin-bottom:1rem}
.form-text{display:block;margin-top:.25rem}
.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
.form-row>.col, .form-row>[class*=col-]{padding-right:5px;padding-left:5px}
.form-check{position:relative;display:block;padding-left:1.25rem}
.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}
.form-check-input:disabled~.form-check-label{color:#6c757d}
.form-check-label{margin-bottom:0}
.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}
.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}
.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}
.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}
.form-control.is-valid, .was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}
.form-control.is-valid~.valid-feedback, .form-control.is-valid~.valid-tooltip, .was-validated .form-control:valid~.valid-feedback, .was-validated .form-control:valid~.valid-tooltip{display:block}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.custom-select.is-valid, .was-validated .custom-select:valid{border-color:#28a745;padding-right:calc((1em + .75rem) * 3/4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}
.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}
.custom-select.is-valid~.valid-feedback, .custom-select.is-valid~.valid-tooltip, .was-validated .custom-select:valid~.valid-feedback, .was-validated .custom-select:valid~.valid-tooltip{display:block}
.form-control-file.is-valid~.valid-feedback, .form-control-file.is-valid~.valid-tooltip, .was-validated .form-control-file:valid~.valid-feedback, .was-validated .form-control-file:valid~.valid-tooltip{display:block}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{color:#28a745}
.form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip{display:block}
.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}
.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}
.custom-control-input.is-valid~.valid-feedback, .custom-control-input.is-valid~.valid-tooltip, .was-validated .custom-control-input:valid~.valid-feedback, .was-validated .custom-control-input:valid~.valid-tooltip{display:block}
.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}
.custom-control-input.is-valid:focus~.custom-control-label::before, .was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}
.custom-file-input.is-valid~.custom-file-label, .was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}
.custom-file-input.is-valid~.valid-feedback, .custom-file-input.is-valid~.valid-tooltip, .was-validated .custom-file-input:valid~.valid-feedback, .was-validated .custom-file-input:valid~.valid-tooltip{display:block}
.custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}
.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}
.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}
.form-control.is-invalid, .was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}
.form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip{display:block}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.custom-select.is-invalid, .was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc((1em + .75rem) * 3/4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}
.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}
.custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip{display:block}
.form-control-file.is-invalid~.invalid-feedback, .form-control-file.is-invalid~.invalid-tooltip, .was-validated .form-control-file:invalid~.invalid-feedback, .was-validated .form-control-file:invalid~.invalid-tooltip{display:block}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}
.form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip{display:block}
.custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}
.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}
.custom-control-input.is-invalid~.invalid-feedback, .custom-control-input.is-invalid~.invalid-tooltip, .was-validated .custom-control-input:invalid~.invalid-feedback, .was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}
.custom-control-input.is-invalid:checked~.custom-control-label::before, .was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}
.custom-control-input.is-invalid:focus~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}
.custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}
.custom-file-input.is-invalid~.invalid-feedback, .custom-file-input.is-invalid~.invalid-tooltip, .was-validated .custom-file-input:invalid~.invalid-feedback, .was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}
.custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}
.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}
.form-inline .form-check{width:100%}
@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}
.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
.form-inline .form-control-plaintext{display:inline-block}
.form-inline .custom-select, .form-inline .input-group{width:auto}
.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}
.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}
.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.form-inline .custom-control-label{margin-bottom:0}
}
.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.btn{transition:none}
}
.btn:hover{color:#212529;text-decoration:none}
.btn.focus, .btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.btn.disabled, .btn:disabled{opacity:.65}
a.btn.disabled, fieldset:disabled a.btn{pointer-events:none}
.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}
.btn-primary.focus, .btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-primary.disabled, .btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}
.btn-secondary.focus, .btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}
.btn-secondary.disabled, .btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}
.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}
.btn-success.focus, .btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}
.btn-success.disabled, .btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}
.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}
.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}
.btn-info.focus, .btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}
.btn-info.disabled, .btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}
.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}
.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}
.btn-warning.focus, .btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}
.btn-warning.disabled, .btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}
.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}
.btn-danger.focus, .btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}
.btn-danger.disabled, .btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}
.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}
.btn-light.focus, .btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}
.btn-light.disabled, .btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}
.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}
.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}
.btn-dark.focus, .btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}
.btn-dark.disabled, .btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}
.btn-outline-primary{color:#007bff;border-color:#007bff}
.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-outline-primary.focus, .btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
.btn-outline-primary.disabled, .btn-outline-primary:disabled{color:#007bff;background-color:transparent}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
.btn-outline-secondary{color:#6c757d;border-color:#6c757d}
.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-outline-secondary.focus, .btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.btn-outline-success{color:#28a745;border-color:#28a745}
.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-outline-success.focus, .btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}
.btn-outline-success.disabled, .btn-outline-success:disabled{color:#28a745;background-color:transparent}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}
.btn-outline-info{color:#17a2b8;border-color:#17a2b8}
.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}
.btn-outline-info.focus, .btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}
.btn-outline-info.disabled, .btn-outline-info:disabled{color:#17a2b8;background-color:transparent}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}
.btn-outline-warning{color:#ffc107;border-color:#ffc107}
.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}
.btn-outline-warning.focus, .btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}
.btn-outline-warning.disabled, .btn-outline-warning:disabled{color:#ffc107;background-color:transparent}
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}
.btn-outline-danger{color:#dc3545;border-color:#dc3545}
.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-outline-danger.focus, .btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}
.btn-outline-danger.disabled, .btn-outline-danger:disabled{color:#dc3545;background-color:transparent}
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}
.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}
.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-outline-light.focus, .btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
.btn-outline-light.disabled, .btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
.btn-outline-dark{color:#343a40;border-color:#343a40}
.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}
.btn-outline-dark.focus, .btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}
.btn-outline-dark.disabled, .btn-outline-dark:disabled{color:#343a40;background-color:transparent}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}
.btn-link{font-weight:400;color:#007bff;text-decoration:none}
.btn-link:hover{color:#0056b3;text-decoration:underline}
.btn-link.focus, .btn-link:focus{text-decoration:underline;box-shadow:none}
.btn-link.disabled, .btn-link:disabled{color:#6c757d;pointer-events:none}
.btn-group-lg>.btn, .btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}
.btn-group-sm>.btn, .btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:.5rem}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block{width:100%}
.fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){.fade{transition:none}
}
.fade:not(.show){opacity:0}
.collapse:not(.show){display:none}
.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}
@media (prefers-reduced-motion:reduce){.collapsing{transition:none}
}
.dropdown, .dropleft, .dropright, .dropup{position:relative}
.dropdown-toggle{white-space:nowrap}
.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}
.dropdown-toggle:empty::after{margin-left:0}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}
.dropdown-menu-left{right:auto;left:0}
.dropdown-menu-right{right:0;left:auto}
@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}
.dropdown-menu-sm-right{right:0;left:auto}
}
@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}
.dropdown-menu-md-right{right:0;left:auto}
}
@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}
.dropdown-menu-lg-right{right:0;left:auto}
}
@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}
.dropdown-menu-xl-right{right:0;left:auto}
}
.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}
.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}
.dropup .dropdown-toggle:empty::after{margin-left:0}
.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}
.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}
.dropright .dropdown-toggle:empty::after{margin-left:0}
.dropright .dropdown-toggle::after{vertical-align:0}
.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}
.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}
.dropleft .dropdown-toggle::after{display:none}
.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}
.dropleft .dropdown-toggle:empty::after{margin-left:0}
.dropleft .dropdown-toggle::before{vertical-align:0}
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top]{right:auto;bottom:auto}
.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}
.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}
.dropdown-item:focus, .dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}
.dropdown-item.active, .dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}
.dropdown-item.disabled, .dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}
.dropdown-menu.show{display:block}
.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}
.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}
.btn-group, .btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}
.btn-group-vertical>.btn, .btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}
.btn-group-vertical>.btn:hover, .btn-group>.btn:hover{z-index:1}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus{z-index:1}
.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}
.btn-toolbar .input-group{width:auto}
.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child){margin-left:-1px}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}
.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after{margin-left:0}
.dropleft .dropdown-toggle-split::before{margin-right:0}
.btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}
.btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}
.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}
.btn-group-vertical>.btn, .btn-group-vertical>.btn-group{width:100%}
.btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child){margin-top:-1px}
.btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}
.btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn{margin-bottom:0}
.btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}
.input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control, .input-group>.form-control-plaintext+.custom-file, .input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.form-control{margin-left:-1px}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus{z-index:3}
.input-group>.custom-file .custom-file-input:focus{z-index:4}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}
.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group-append, .input-group-prepend{display:-ms-flexbox;display:flex}
.input-group-append .btn, .input-group-prepend .btn{position:relative;z-index:2}
.input-group-append .btn:focus, .input-group-prepend .btn:focus{z-index:3}
.input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}
.input-group-prepend{margin-right:-1px}
.input-group-append{margin-left:-1px}
.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}
.input-group-text input[type=checkbox], .input-group-text input[type=radio]{margin-top:0}
.input-group-lg>.custom-select, .input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}
.input-group-lg>.custom-select, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}
.input-group-sm>.custom-select, .input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}
.input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
.input-group-lg>.custom-select, .input-group-sm>.custom-select{padding-right:1.75rem}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}
.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}
.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}
.custom-control-input{position:absolute;z-index:-1;opacity:0}
.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}
.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}
.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}
.custom-control-input:disabled~.custom-control-label{color:#6c757d}
.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}
.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}
.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}
.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}
.custom-checkbox .custom-control-label::before{border-radius:.25rem}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}
.custom-radio .custom-control-label::before{border-radius:50%}
.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}
.custom-switch{padding-left:2.25rem}
.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}
.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;transition:transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}
}
.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}
.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.custom-select:focus::-ms-value{color:#495057;background-color:#fff}
.custom-select[multiple], .custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}
.custom-select:disabled{color:#6c757d;background-color:#e9ecef}
.custom-select::-ms-expand{display:none}
.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}
.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}
.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}
.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}
.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}
.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}
.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}
.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}
.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}
.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.custom-range:focus{outline:0}
.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff, 0 0 0 .2rem rgba(0,123,255,.25)}
.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff, 0 0 0 .2rem rgba(0,123,255,.25)}
.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff, 0 0 0 .2rem rgba(0,123,255,.25)}
.custom-range::-moz-focus-outer{border:0}
.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}
@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}
}
.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}
.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}
.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}
@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}
}
.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}
.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}
.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;appearance:none}
@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}
}
.custom-range::-ms-thumb:active{background-color:#b3d7ff}
.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}
.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}
.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}
.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}
.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}
.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}
.custom-range:disabled::-moz-range-track{cursor:default}
.custom-range:disabled::-ms-thumb{background-color:#adb5bd}
.custom-control-label::before, .custom-file-label, .custom-select{transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.custom-control-label::before, .custom-file-label, .custom-select{transition:none}
}
.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.nav-link{display:block;padding:.5rem 1rem}
.nav-link:focus, .nav-link:hover{text-decoration:none}
.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}
.nav-tabs{border-bottom:1px solid #dee2e6}
.nav-tabs .nav-item{margin-bottom:-1px}
.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}
.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
.nav-pills .nav-link{border-radius:.25rem}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{color:#fff;background-color:#007bff}
.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}
.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}
.navbar>.container, .navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}
.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}
.navbar-brand:focus, .navbar-brand:hover{text-decoration:none}
.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}
.navbar-nav .nav-link{padding-right:0;padding-left:0}
.navbar-nav .dropdown-menu{position:static;float:none}
.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}
.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}
.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}
.navbar-toggler:focus, .navbar-toggler:hover{text-decoration:none}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}
@media (max-width:575.98px){.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}
}
@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}
.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}
.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}
.navbar-expand-sm .navbar-toggler{display:none}
}
@media (max-width:767.98px){.navbar-expand-md>.container, .navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}
}
@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}
.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}
.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
.navbar-expand-md>.container, .navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}
.navbar-expand-md .navbar-toggler{display:none}
}
@media (max-width:991.98px){.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}
}
@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}
.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}
.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}
.navbar-expand-lg .navbar-toggler{display:none}
}
@media (max-width:1199.98px){.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}
}
@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}
.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}
.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}
.navbar-expand-xl .navbar-toggler{display:none}
}
.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}
.navbar-expand>.container, .navbar-expand>.container-fluid{padding-right:0;padding-left:0}
.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}
.navbar-expand .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
.navbar-expand>.container, .navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}
.navbar-expand .navbar-toggler{display:none}
.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}
.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}
.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}
.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}
.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-light .navbar-text{color:rgba(0,0,0,.5)}
.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}
.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}
.navbar-dark .navbar-brand{color:#fff}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover{color:#fff}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}
.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{color:#fff}
.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}
.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}
.navbar-dark .navbar-text a{color:#fff}
.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover{color:#fff}
.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}
.card>hr{margin-right:0;margin-left:0}
.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}
.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}
.card-title{margin-bottom:.75rem}
.card-subtitle{margin-top:-.375rem;margin-bottom:0}
.card-text:last-child{margin-bottom:0}
.card-link:hover{text-decoration:none}
.card-link+.card-link{margin-left:1.25rem}
.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}
.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}
.card-header+.list-group .list-group-item:first-child{border-top:0}
.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}
.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}
.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}
.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}
.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}
.card-img{width:100%;border-radius:calc(.25rem - 1px)}
.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}
.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}
.card-deck .card{margin-bottom:15px}
@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}
.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}
}
.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}
.card-group>.card{margin-bottom:15px}
@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}
.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}
.card-group>.card+.card{margin-left:0;border-left:0}
.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}
.card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}
.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}
.card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}
}
.card-columns .card{margin-bottom:.75rem}
@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}
.card-columns .card{display:inline-block;width:100%}
}
.accordion>.card{overflow:hidden}
.accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}
.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}
.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}
.accordion>.card .card-header{margin-bottom:-1px}
.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}
.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}
.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}
.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}
.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}
.breadcrumb-item.active{color:#6c757d}
.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}
.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}
.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}
.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}
.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}
.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}
.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}
.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}
.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}
.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.badge{transition:none}
}
a.badge:focus, a.badge:hover{text-decoration:none}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}
.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}
.badge-primary{color:#fff;background-color:#007bff}
a.badge-primary:focus, a.badge-primary:hover{color:#fff;background-color:#0062cc}
a.badge-primary.focus, a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
.badge-secondary{color:#fff;background-color:#6c757d}
a.badge-secondary:focus, a.badge-secondary:hover{color:#fff;background-color:#545b62}
a.badge-secondary.focus, a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.badge-success{color:#fff;background-color:#28a745}
a.badge-success:focus, a.badge-success:hover{color:#fff;background-color:#1e7e34}
a.badge-success.focus, a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}
.badge-info{color:#fff;background-color:#17a2b8}
a.badge-info:focus, a.badge-info:hover{color:#fff;background-color:#117a8b}
a.badge-info.focus, a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}
.badge-warning{color:#212529;background-color:#ffc107}
a.badge-warning:focus, a.badge-warning:hover{color:#212529;background-color:#d39e00}
a.badge-warning.focus, a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}
.badge-danger{color:#fff;background-color:#dc3545}
a.badge-danger:focus, a.badge-danger:hover{color:#fff;background-color:#bd2130}
a.badge-danger.focus, a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}
.badge-light{color:#212529;background-color:#f8f9fa}
a.badge-light:focus, a.badge-light:hover{color:#212529;background-color:#dae0e5}
a.badge-light.focus, a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
.badge-dark{color:#fff;background-color:#343a40}
a.badge-dark:focus, a.badge-dark:hover{color:#fff;background-color:#1d2124}
a.badge-dark.focus, a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}
.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}
@media (min-width:576px){.jumbotron{padding:4rem 2rem}
}
.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}
.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
.alert-heading{color:inherit}
.alert-link{font-weight:700}
.alert-dismissible{padding-right:4rem}
.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}
.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}
.alert-primary hr{border-top-color:#9fcdff}
.alert-primary .alert-link{color:#002752}
.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}
.alert-secondary hr{border-top-color:#c8cbcf}
.alert-secondary .alert-link{color:#202326}
.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}
.alert-success hr{border-top-color:#b1dfbb}
.alert-success .alert-link{color:#0b2e13}
.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}
.alert-info hr{border-top-color:#abdde5}
.alert-info .alert-link{color:#062c33}
.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}
.alert-warning hr{border-top-color:#ffe8a1}
.alert-warning .alert-link{color:#533f03}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.alert-danger hr{border-top-color:#f1b0b7}
.alert-danger .alert-link{color:#491217}
.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}
.alert-light hr{border-top-color:#ececf6}
.alert-light .alert-link{color:#686868}
.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}
.alert-dark hr{border-top-color:#b9bbbe}
.alert-dark .alert-link{color:#040505}
@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}
to{background-position:0 0}
}
@keyframes progress-bar-stripes{from{background-position:1rem 0}
to{background-position:0 0}
}
.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}
.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}
@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}
}
.progress-bar-striped{background-image:linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);background-size:1rem 1rem}
.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}
@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}
}
.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}
.media-body{-ms-flex:1;flex:1}
.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}
.list-group-item-action{width:100%;color:#495057;text-align:inherit}
.list-group-item-action:focus, .list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}
.list-group-item-action:active{color:#212529;background-color:#e9ecef}
.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}
.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}
.list-group-item.disabled, .list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}
.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}
.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}
.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}
.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}
.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}
@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}
.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}
.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}
.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}
}
@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}
.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}
.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}
.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}
}
@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}
.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}
.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}
.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}
}
@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}
.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}
.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}
.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}
}
.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}
.list-group-flush .list-group-item:last-child{margin-bottom:-1px}
.list-group-flush:first-child .list-group-item:first-child{border-top:0}
.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}
.list-group-item-primary{color:#004085;background-color:#b8daff}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}
.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}
.list-group-item-secondary{color:#383d41;background-color:#d6d8db}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}
.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}
.list-group-item-success{color:#155724;background-color:#c3e6cb}
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}
.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}
.list-group-item-info{color:#0c5460;background-color:#bee5eb}
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}
.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}
.list-group-item-warning{color:#856404;background-color:#ffeeba}
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}
.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}
.list-group-item-danger{color:#721c24;background-color:#f5c6cb}
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}
.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}
.list-group-item-light{color:#818182;background-color:#fdfdfe}
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}
.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}
.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}
.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}
.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}
.close:hover{color:#000;text-decoration:none}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{opacity:.75}
button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
a.close.disabled{pointer-events:none}
.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}
.toast:not(:last-child){margin-bottom:.75rem}
.toast.showing{opacity:1}
.toast.show{display:block;opacity:1}
.toast.hide{display:none}
.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}
.toast-body{padding:.75rem}
.modal-open{overflow:hidden}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .3s ease-out;-webkit-transform:translate(0, -50px);transform:translate(0, -50px)}
@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}
}
.modal.show .modal-dialog{-webkit-transform:none;transform:none}
.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}
.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}
.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}
.modal-dialog-scrollable .modal-body{overflow-y:auto}
.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}
.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}
.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}
.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}
.modal-dialog-centered.modal-dialog-scrollable::before{content:none}
.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}
.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}
.modal-title{margin-bottom:0;line-height:1.5}
.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}
.modal-footer>:not(:first-child){margin-left:.25rem}
.modal-footer>:not(:last-child){margin-right:.25rem}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}
.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}
.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}
.modal-dialog-centered{min-height:calc(100% - 3.5rem)}
.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}
.modal-sm{max-width:300px}
}
@media (min-width:992px){.modal-lg, .modal-xl{max-width:800px}
}
@media (min-width:1200px){.modal-xl{max-width:1140px}
}
.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}
.tooltip.show{opacity:.9}
.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}
.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}
.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top{padding:.4rem 0}
.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow{bottom:0}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}
.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right{padding:0 .4rem}
.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}
.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom{padding:.4rem 0}
.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow{top:0}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}
.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left{padding:0 .4rem}
.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}
.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}
.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}
.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}
.popover .arrow::after, .popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}
.bs-popover-auto[x-placement^=top], .bs-popover-top{margin-bottom:.5rem}
.bs-popover-auto[x-placement^=top]>.arrow, .bs-popover-top>.arrow{bottom:calc((.5rem + 1px) * -1)}
.bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}
.bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}
.bs-popover-auto[x-placement^=right], .bs-popover-right{margin-left:.5rem}
.bs-popover-auto[x-placement^=right]>.arrow, .bs-popover-right>.arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}
.bs-popover-auto[x-placement^=right]>.arrow::before, .bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}
.bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}
.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom{margin-top:.5rem}
.bs-popover-auto[x-placement^=bottom]>.arrow, .bs-popover-bottom>.arrow{top:calc((.5rem + 1px) * -1)}
.bs-popover-auto[x-placement^=bottom]>.arrow::before, .bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}
.bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}
.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}
.bs-popover-auto[x-placement^=left], .bs-popover-left{margin-right:.5rem}
.bs-popover-auto[x-placement^=left]>.arrow, .bs-popover-left>.arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}
.bs-popover-auto[x-placement^=left]>.arrow::before, .bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}
.bs-popover-auto[x-placement^=left]>.arrow::after, .bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}
.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
.popover-header:empty{display:none}
.popover-body{padding:.5rem .75rem;color:#212529}
.carousel{position:relative}
.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner::after{display:block;clear:both;content:""}
.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out, -webkit-transform .6s ease-in-out}
@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active{display:block}
.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}
.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active{z-index:1;opacity:1}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}
@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right{transition:none}
}
.carousel-control-next, .carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}
@media (prefers-reduced-motion:reduce){.carousel-control-next, .carousel-control-prev{transition:none}
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}
.carousel-control-prev{left:0}
.carousel-control-next{right:0}
.carousel-control-next-icon, .carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}
.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}
.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}
.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}
.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}
@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}
}
.carousel-indicators .active{opacity:1}
.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}
@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}
.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}
@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}
50%{opacity:1}
}
@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}
50%{opacity:1}
}
.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}
.spinner-grow-sm{width:1rem;height:1rem}
.align-baseline{vertical-align:baseline!important}
.align-top{vertical-align:top!important}
.align-middle{vertical-align:middle!important}
.align-bottom{vertical-align:bottom!important}
.align-text-bottom{vertical-align:text-bottom!important}
.align-text-top{vertical-align:text-top!important}
.bg-primary{background-color:#007bff!important}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{background-color:#0062cc!important}
.bg-secondary{background-color:#6c757d!important}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover{background-color:#545b62!important}
.bg-success{background-color:#28a745!important}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover{background-color:#1e7e34!important}
.bg-info{background-color:#17a2b8!important}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover{background-color:#117a8b!important}
.bg-warning{background-color:#ffc107!important}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover{background-color:#d39e00!important}
.bg-danger{background-color:#dc3545!important}
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover{background-color:#bd2130!important}
.bg-light{background-color:#f8f9fa!important}
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover{background-color:#dae0e5!important}
.bg-dark{background-color:#343a40!important}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover{background-color:#1d2124!important}
.bg-white{background-color:#fff!important}
.bg-transparent{background-color:transparent!important}
.border{border:1px solid #dee2e6!important}
.border-top{border-top:1px solid #dee2e6!important}
.border-right{border-right:1px solid #dee2e6!important}
.border-bottom{border-bottom:1px solid #dee2e6!important}
.border-left{border-left:1px solid #dee2e6!important}
.border-0{border:0!important}
.border-top-0{border-top:0!important}
.border-right-0{border-right:0!important}
.border-bottom-0{border-bottom:0!important}
.border-left-0{border-left:0!important}
.border-primary{border-color:#007bff!important}
.border-secondary{border-color:#6c757d!important}
.border-success{border-color:#28a745!important}
.border-info{border-color:#17a2b8!important}
.border-warning{border-color:#ffc107!important}
.border-danger{border-color:#dc3545!important}
.border-light{border-color:#f8f9fa!important}
.border-dark{border-color:#343a40!important}
.border-white{border-color:#fff!important}
.rounded-sm{border-radius:.2rem!important}
.rounded{border-radius:.25rem!important}
.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}
.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}
.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}
.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}
.rounded-lg{border-radius:.3rem!important}
.rounded-circle{border-radius:50%!important}
.rounded-pill{border-radius:50rem!important}
.rounded-0{border-radius:0!important}
.clearfix::after{display:block;clear:both;content:""}
.d-none{display:none!important}
.d-inline{display:inline!important}
.d-inline-block{display:inline-block!important}
.d-block{display:block!important}
.d-table{display:table!important}
.d-table-row{display:table-row!important}
.d-table-cell{display:table-cell!important}
.d-flex{display:-ms-flexbox!important;display:flex!important}
.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
@media (min-width:576px){.d-sm-none{display:none!important}
.d-sm-inline{display:inline!important}
.d-sm-inline-block{display:inline-block!important}
.d-sm-block{display:block!important}
.d-sm-table{display:table!important}
.d-sm-table-row{display:table-row!important}
.d-sm-table-cell{display:table-cell!important}
.d-sm-flex{display:-ms-flexbox!important;display:flex!important}
.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media (min-width:768px){.d-md-none{display:none!important}
.d-md-inline{display:inline!important}
.d-md-inline-block{display:inline-block!important}
.d-md-block{display:block!important}
.d-md-table{display:table!important}
.d-md-table-row{display:table-row!important}
.d-md-table-cell{display:table-cell!important}
.d-md-flex{display:-ms-flexbox!important;display:flex!important}
.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media (min-width:992px){.d-lg-none{display:none!important}
.d-lg-inline{display:inline!important}
.d-lg-inline-block{display:inline-block!important}
.d-lg-block{display:block!important}
.d-lg-table{display:table!important}
.d-lg-table-row{display:table-row!important}
.d-lg-table-cell{display:table-cell!important}
.d-lg-flex{display:-ms-flexbox!important;display:flex!important}
.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media (min-width:1200px){.d-xl-none{display:none!important}
.d-xl-inline{display:inline!important}
.d-xl-inline-block{display:inline-block!important}
.d-xl-block{display:block!important}
.d-xl-table{display:table!important}
.d-xl-table-row{display:table-row!important}
.d-xl-table-cell{display:table-cell!important}
.d-xl-flex{display:-ms-flexbox!important;display:flex!important}
.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media print{.d-print-none{display:none!important}
.d-print-inline{display:inline!important}
.d-print-inline-block{display:inline-block!important}
.d-print-block{display:block!important}
.d-print-table{display:table!important}
.d-print-table-row{display:table-row!important}
.d-print-table-cell{display:table-cell!important}
.d-print-flex{display:-ms-flexbox!important;display:flex!important}
.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}
.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}
.embed-responsive::before{display:block;content:""}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-21by9::before{padding-top:42.857143%}
.embed-responsive-16by9::before{padding-top:56.25%}
.embed-responsive-4by3::before{padding-top:75%}
.embed-responsive-1by1::before{padding-top:100%}
.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}
.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}
.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}
.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}
@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}
.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}
.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}
.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}
}
@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}
.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}
.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}
.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}
}
@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}
.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}
.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}
.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}
}
@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}
.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}
.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}
.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}
}
.float-left{float:left!important}
.float-right{float:right!important}
.float-none{float:none!important}
@media (min-width:576px){.float-sm-left{float:left!important}
.float-sm-right{float:right!important}
.float-sm-none{float:none!important}
}
@media (min-width:768px){.float-md-left{float:left!important}
.float-md-right{float:right!important}
.float-md-none{float:none!important}
}
@media (min-width:992px){.float-lg-left{float:left!important}
.float-lg-right{float:right!important}
.float-lg-none{float:none!important}
}
@media (min-width:1200px){.float-xl-left{float:left!important}
.float-xl-right{float:right!important}
.float-xl-none{float:none!important}
}
.overflow-auto{overflow:auto!important}
.overflow-hidden{overflow:hidden!important}
.position-static{position:static!important}
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}
.position-fixed{position:fixed!important}
.position-sticky{position:-webkit-sticky!important;position:sticky!important}
.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}
.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}
@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sr-only-focusable:active, .sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}
.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}
.shadow-none{box-shadow:none!important}
.w-25{width:25%!important}
.w-50{width:50%!important}
.w-75{width:75%!important}
.w-100{width:100%!important}
.w-auto{width:auto!important}
.h-25{height:25%!important}
.h-50{height:50%!important}
.h-75{height:75%!important}
.h-100{height:100%!important}
.h-auto{height:auto!important}
.mw-100{max-width:100%!important}
.mh-100{max-height:100%!important}
.min-vw-100{min-width:100vw!important}
.min-vh-100{min-height:100vh!important}
.vw-100{width:100vw!important}
.vh-100{height:100vh!important}
.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}
.m-0{margin:0!important}
.mt-0, .my-0{margin-top:0!important}
.mr-0, .mx-0{margin-right:0!important}
.mb-0, .my-0{margin-bottom:0!important}
.ml-0, .mx-0{margin-left:0!important}
.m-1{margin:.25rem!important}
.mt-1, .my-1{margin-top:.25rem!important}
.mr-1, .mx-1{margin-right:.25rem!important}
.mb-1, .my-1{margin-bottom:.25rem!important}
.ml-1, .mx-1{margin-left:.25rem!important}
.m-2{margin:.5rem!important}
.mt-2, .my-2{margin-top:.5rem!important}
.mr-2, .mx-2{margin-right:.5rem!important}
.mb-2, .my-2{margin-bottom:.5rem!important}
.ml-2, .mx-2{margin-left:.5rem!important}
.m-3{margin:1rem!important}
.mt-3, .my-3{margin-top:1rem!important}
.mr-3, .mx-3{margin-right:1rem!important}
.mb-3, .my-3{margin-bottom:1rem!important}
.ml-3, .mx-3{margin-left:1rem!important}
.m-4{margin:1.5rem!important}
.mt-4, .my-4{margin-top:1.5rem!important}
.mr-4, .mx-4{margin-right:1.5rem!important}
.mb-4, .my-4{margin-bottom:1.5rem!important}
.ml-4, .mx-4{margin-left:1.5rem!important}
.m-5{margin:3rem!important}
.mt-5, .my-5{margin-top:3rem!important}
.mr-5, .mx-5{margin-right:3rem!important}
.mb-5, .my-5{margin-bottom:3rem!important}
.ml-5, .mx-5{margin-left:3rem!important}
.p-0{padding:0!important}
.pt-0, .py-0{padding-top:0!important}
.pr-0, .px-0{padding-right:0!important}
.pb-0, .py-0{padding-bottom:0!important}
.pl-0, .px-0{padding-left:0!important}
.p-1{padding:.25rem!important}
.pt-1, .py-1{padding-top:.25rem!important}
.pr-1, .px-1{padding-right:.25rem!important}
.pb-1, .py-1{padding-bottom:.25rem!important}
.pl-1, .px-1{padding-left:.25rem!important}
.p-2{padding:.5rem!important}
.pt-2, .py-2{padding-top:.5rem!important}
.pr-2, .px-2{padding-right:.5rem!important}
.pb-2, .py-2{padding-bottom:.5rem!important}
.pl-2, .px-2{padding-left:.5rem!important}
.p-3{padding:1rem!important}
.pt-3, .py-3{padding-top:1rem!important}
.pr-3, .px-3{padding-right:1rem!important}
.pb-3, .py-3{padding-bottom:1rem!important}
.pl-3, .px-3{padding-left:1rem!important}
.p-4{padding:1.5rem!important}
.pt-4, .py-4{padding-top:1.5rem!important}
.pr-4, .px-4{padding-right:1.5rem!important}
.pb-4, .py-4{padding-bottom:1.5rem!important}
.pl-4, .px-4{padding-left:1.5rem!important}
.p-5{padding:3rem!important}
.pt-5, .py-5{padding-top:3rem!important}
.pr-5, .px-5{padding-right:3rem!important}
.pb-5, .py-5{padding-bottom:3rem!important}
.pl-5, .px-5{padding-left:3rem!important}
.m-n1{margin:-.25rem!important}
.mt-n1, .my-n1{margin-top:-.25rem!important}
.mr-n1, .mx-n1{margin-right:-.25rem!important}
.mb-n1, .my-n1{margin-bottom:-.25rem!important}
.ml-n1, .mx-n1{margin-left:-.25rem!important}
.m-n2{margin:-.5rem!important}
.mt-n2, .my-n2{margin-top:-.5rem!important}
.mr-n2, .mx-n2{margin-right:-.5rem!important}
.mb-n2, .my-n2{margin-bottom:-.5rem!important}
.ml-n2, .mx-n2{margin-left:-.5rem!important}
.m-n3{margin:-1rem!important}
.mt-n3, .my-n3{margin-top:-1rem!important}
.mr-n3, .mx-n3{margin-right:-1rem!important}
.mb-n3, .my-n3{margin-bottom:-1rem!important}
.ml-n3, .mx-n3{margin-left:-1rem!important}
.m-n4{margin:-1.5rem!important}
.mt-n4, .my-n4{margin-top:-1.5rem!important}
.mr-n4, .mx-n4{margin-right:-1.5rem!important}
.mb-n4, .my-n4{margin-bottom:-1.5rem!important}
.ml-n4, .mx-n4{margin-left:-1.5rem!important}
.m-n5{margin:-3rem!important}
.mt-n5, .my-n5{margin-top:-3rem!important}
.mr-n5, .mx-n5{margin-right:-3rem!important}
.mb-n5, .my-n5{margin-bottom:-3rem!important}
.ml-n5, .mx-n5{margin-left:-3rem!important}
.m-auto{margin:auto!important}
.mt-auto, .my-auto{margin-top:auto!important}
.mr-auto, .mx-auto{margin-right:auto!important}
.mb-auto, .my-auto{margin-bottom:auto!important}
.ml-auto, .mx-auto{margin-left:auto!important}
@media (min-width:576px){.m-sm-0{margin:0!important}
.mt-sm-0, .my-sm-0{margin-top:0!important}
.mr-sm-0, .mx-sm-0{margin-right:0!important}
.mb-sm-0, .my-sm-0{margin-bottom:0!important}
.ml-sm-0, .mx-sm-0{margin-left:0!important}
.m-sm-1{margin:.25rem!important}
.mt-sm-1, .my-sm-1{margin-top:.25rem!important}
.mr-sm-1, .mx-sm-1{margin-right:.25rem!important}
.mb-sm-1, .my-sm-1{margin-bottom:.25rem!important}
.ml-sm-1, .mx-sm-1{margin-left:.25rem!important}
.m-sm-2{margin:.5rem!important}
.mt-sm-2, .my-sm-2{margin-top:.5rem!important}
.mr-sm-2, .mx-sm-2{margin-right:.5rem!important}
.mb-sm-2, .my-sm-2{margin-bottom:.5rem!important}
.ml-sm-2, .mx-sm-2{margin-left:.5rem!important}
.m-sm-3{margin:1rem!important}
.mt-sm-3, .my-sm-3{margin-top:1rem!important}
.mr-sm-3, .mx-sm-3{margin-right:1rem!important}
.mb-sm-3, .my-sm-3{margin-bottom:1rem!important}
.ml-sm-3, .mx-sm-3{margin-left:1rem!important}
.m-sm-4{margin:1.5rem!important}
.mt-sm-4, .my-sm-4{margin-top:1.5rem!important}
.mr-sm-4, .mx-sm-4{margin-right:1.5rem!important}
.mb-sm-4, .my-sm-4{margin-bottom:1.5rem!important}
.ml-sm-4, .mx-sm-4{margin-left:1.5rem!important}
.m-sm-5{margin:3rem!important}
.mt-sm-5, .my-sm-5{margin-top:3rem!important}
.mr-sm-5, .mx-sm-5{margin-right:3rem!important}
.mb-sm-5, .my-sm-5{margin-bottom:3rem!important}
.ml-sm-5, .mx-sm-5{margin-left:3rem!important}
.p-sm-0{padding:0!important}
.pt-sm-0, .py-sm-0{padding-top:0!important}
.pr-sm-0, .px-sm-0{padding-right:0!important}
.pb-sm-0, .py-sm-0{padding-bottom:0!important}
.pl-sm-0, .px-sm-0{padding-left:0!important}
.p-sm-1{padding:.25rem!important}
.pt-sm-1, .py-sm-1{padding-top:.25rem!important}
.pr-sm-1, .px-sm-1{padding-right:.25rem!important}
.pb-sm-1, .py-sm-1{padding-bottom:.25rem!important}
.pl-sm-1, .px-sm-1{padding-left:.25rem!important}
.p-sm-2{padding:.5rem!important}
.pt-sm-2, .py-sm-2{padding-top:.5rem!important}
.pr-sm-2, .px-sm-2{padding-right:.5rem!important}
.pb-sm-2, .py-sm-2{padding-bottom:.5rem!important}
.pl-sm-2, .px-sm-2{padding-left:.5rem!important}
.p-sm-3{padding:1rem!important}
.pt-sm-3, .py-sm-3{padding-top:1rem!important}
.pr-sm-3, .px-sm-3{padding-right:1rem!important}
.pb-sm-3, .py-sm-3{padding-bottom:1rem!important}
.pl-sm-3, .px-sm-3{padding-left:1rem!important}
.p-sm-4{padding:1.5rem!important}
.pt-sm-4, .py-sm-4{padding-top:1.5rem!important}
.pr-sm-4, .px-sm-4{padding-right:1.5rem!important}
.pb-sm-4, .py-sm-4{padding-bottom:1.5rem!important}
.pl-sm-4, .px-sm-4{padding-left:1.5rem!important}
.p-sm-5{padding:3rem!important}
.pt-sm-5, .py-sm-5{padding-top:3rem!important}
.pr-sm-5, .px-sm-5{padding-right:3rem!important}
.pb-sm-5, .py-sm-5{padding-bottom:3rem!important}
.pl-sm-5, .px-sm-5{padding-left:3rem!important}
.m-sm-n1{margin:-.25rem!important}
.mt-sm-n1, .my-sm-n1{margin-top:-.25rem!important}
.mr-sm-n1, .mx-sm-n1{margin-right:-.25rem!important}
.mb-sm-n1, .my-sm-n1{margin-bottom:-.25rem!important}
.ml-sm-n1, .mx-sm-n1{margin-left:-.25rem!important}
.m-sm-n2{margin:-.5rem!important}
.mt-sm-n2, .my-sm-n2{margin-top:-.5rem!important}
.mr-sm-n2, .mx-sm-n2{margin-right:-.5rem!important}
.mb-sm-n2, .my-sm-n2{margin-bottom:-.5rem!important}
.ml-sm-n2, .mx-sm-n2{margin-left:-.5rem!important}
.m-sm-n3{margin:-1rem!important}
.mt-sm-n3, .my-sm-n3{margin-top:-1rem!important}
.mr-sm-n3, .mx-sm-n3{margin-right:-1rem!important}
.mb-sm-n3, .my-sm-n3{margin-bottom:-1rem!important}
.ml-sm-n3, .mx-sm-n3{margin-left:-1rem!important}
.m-sm-n4{margin:-1.5rem!important}
.mt-sm-n4, .my-sm-n4{margin-top:-1.5rem!important}
.mr-sm-n4, .mx-sm-n4{margin-right:-1.5rem!important}
.mb-sm-n4, .my-sm-n4{margin-bottom:-1.5rem!important}
.ml-sm-n4, .mx-sm-n4{margin-left:-1.5rem!important}
.m-sm-n5{margin:-3rem!important}
.mt-sm-n5, .my-sm-n5{margin-top:-3rem!important}
.mr-sm-n5, .mx-sm-n5{margin-right:-3rem!important}
.mb-sm-n5, .my-sm-n5{margin-bottom:-3rem!important}
.ml-sm-n5, .mx-sm-n5{margin-left:-3rem!important}
.m-sm-auto{margin:auto!important}
.mt-sm-auto, .my-sm-auto{margin-top:auto!important}
.mr-sm-auto, .mx-sm-auto{margin-right:auto!important}
.mb-sm-auto, .my-sm-auto{margin-bottom:auto!important}
.ml-sm-auto, .mx-sm-auto{margin-left:auto!important}
}
@media (min-width:768px){.m-md-0{margin:0!important}
.mt-md-0, .my-md-0{margin-top:0!important}
.mr-md-0, .mx-md-0{margin-right:0!important}
.mb-md-0, .my-md-0{margin-bottom:0!important}
.ml-md-0, .mx-md-0{margin-left:0!important}
.m-md-1{margin:.25rem!important}
.mt-md-1, .my-md-1{margin-top:.25rem!important}
.mr-md-1, .mx-md-1{margin-right:.25rem!important}
.mb-md-1, .my-md-1{margin-bottom:.25rem!important}
.ml-md-1, .mx-md-1{margin-left:.25rem!important}
.m-md-2{margin:.5rem!important}
.mt-md-2, .my-md-2{margin-top:.5rem!important}
.mr-md-2, .mx-md-2{margin-right:.5rem!important}
.mb-md-2, .my-md-2{margin-bottom:.5rem!important}
.ml-md-2, .mx-md-2{margin-left:.5rem!important}
.m-md-3{margin:1rem!important}
.mt-md-3, .my-md-3{margin-top:1rem!important}
.mr-md-3, .mx-md-3{margin-right:1rem!important}
.mb-md-3, .my-md-3{margin-bottom:1rem!important}
.ml-md-3, .mx-md-3{margin-left:1rem!important}
.m-md-4{margin:1.5rem!important}
.mt-md-4, .my-md-4{margin-top:1.5rem!important}
.mr-md-4, .mx-md-4{margin-right:1.5rem!important}
.mb-md-4, .my-md-4{margin-bottom:1.5rem!important}
.ml-md-4, .mx-md-4{margin-left:1.5rem!important}
.m-md-5{margin:3rem!important}
.mt-md-5, .my-md-5{margin-top:3rem!important}
.mr-md-5, .mx-md-5{margin-right:3rem!important}
.mb-md-5, .my-md-5{margin-bottom:3rem!important}
.ml-md-5, .mx-md-5{margin-left:3rem!important}
.p-md-0{padding:0!important}
.pt-md-0, .py-md-0{padding-top:0!important}
.pr-md-0, .px-md-0{padding-right:0!important}
.pb-md-0, .py-md-0{padding-bottom:0!important}
.pl-md-0, .px-md-0{padding-left:0!important}
.p-md-1{padding:.25rem!important}
.pt-md-1, .py-md-1{padding-top:.25rem!important}
.pr-md-1, .px-md-1{padding-right:.25rem!important}
.pb-md-1, .py-md-1{padding-bottom:.25rem!important}
.pl-md-1, .px-md-1{padding-left:.25rem!important}
.p-md-2{padding:.5rem!important}
.pt-md-2, .py-md-2{padding-top:.5rem!important}
.pr-md-2, .px-md-2{padding-right:.5rem!important}
.pb-md-2, .py-md-2{padding-bottom:.5rem!important}
.pl-md-2, .px-md-2{padding-left:.5rem!important}
.p-md-3{padding:1rem!important}
.pt-md-3, .py-md-3{padding-top:1rem!important}
.pr-md-3, .px-md-3{padding-right:1rem!important}
.pb-md-3, .py-md-3{padding-bottom:1rem!important}
.pl-md-3, .px-md-3{padding-left:1rem!important}
.p-md-4{padding:1.5rem!important}
.pt-md-4, .py-md-4{padding-top:1.5rem!important}
.pr-md-4, .px-md-4{padding-right:1.5rem!important}
.pb-md-4, .py-md-4{padding-bottom:1.5rem!important}
.pl-md-4, .px-md-4{padding-left:1.5rem!important}
.p-md-5{padding:3rem!important}
.pt-md-5, .py-md-5{padding-top:3rem!important}
.pr-md-5, .px-md-5{padding-right:3rem!important}
.pb-md-5, .py-md-5{padding-bottom:3rem!important}
.pl-md-5, .px-md-5{padding-left:3rem!important}
.m-md-n1{margin:-.25rem!important}
.mt-md-n1, .my-md-n1{margin-top:-.25rem!important}
.mr-md-n1, .mx-md-n1{margin-right:-.25rem!important}
.mb-md-n1, .my-md-n1{margin-bottom:-.25rem!important}
.ml-md-n1, .mx-md-n1{margin-left:-.25rem!important}
.m-md-n2{margin:-.5rem!important}
.mt-md-n2, .my-md-n2{margin-top:-.5rem!important}
.mr-md-n2, .mx-md-n2{margin-right:-.5rem!important}
.mb-md-n2, .my-md-n2{margin-bottom:-.5rem!important}
.ml-md-n2, .mx-md-n2{margin-left:-.5rem!important}
.m-md-n3{margin:-1rem!important}
.mt-md-n3, .my-md-n3{margin-top:-1rem!important}
.mr-md-n3, .mx-md-n3{margin-right:-1rem!important}
.mb-md-n3, .my-md-n3{margin-bottom:-1rem!important}
.ml-md-n3, .mx-md-n3{margin-left:-1rem!important}
.m-md-n4{margin:-1.5rem!important}
.mt-md-n4, .my-md-n4{margin-top:-1.5rem!important}
.mr-md-n4, .mx-md-n4{margin-right:-1.5rem!important}
.mb-md-n4, .my-md-n4{margin-bottom:-1.5rem!important}
.ml-md-n4, .mx-md-n4{margin-left:-1.5rem!important}
.m-md-n5{margin:-3rem!important}
.mt-md-n5, .my-md-n5{margin-top:-3rem!important}
.mr-md-n5, .mx-md-n5{margin-right:-3rem!important}
.mb-md-n5, .my-md-n5{margin-bottom:-3rem!important}
.ml-md-n5, .mx-md-n5{margin-left:-3rem!important}
.m-md-auto{margin:auto!important}
.mt-md-auto, .my-md-auto{margin-top:auto!important}
.mr-md-auto, .mx-md-auto{margin-right:auto!important}
.mb-md-auto, .my-md-auto{margin-bottom:auto!important}
.ml-md-auto, .mx-md-auto{margin-left:auto!important}
}
@media (min-width:992px){.m-lg-0{margin:0!important}
.mt-lg-0, .my-lg-0{margin-top:0!important}
.mr-lg-0, .mx-lg-0{margin-right:0!important}
.mb-lg-0, .my-lg-0{margin-bottom:0!important}
.ml-lg-0, .mx-lg-0{margin-left:0!important}
.m-lg-1{margin:.25rem!important}
.mt-lg-1, .my-lg-1{margin-top:.25rem!important}
.mr-lg-1, .mx-lg-1{margin-right:.25rem!important}
.mb-lg-1, .my-lg-1{margin-bottom:.25rem!important}
.ml-lg-1, .mx-lg-1{margin-left:.25rem!important}
.m-lg-2{margin:.5rem!important}
.mt-lg-2, .my-lg-2{margin-top:.5rem!important}
.mr-lg-2, .mx-lg-2{margin-right:.5rem!important}
.mb-lg-2, .my-lg-2{margin-bottom:.5rem!important}
.ml-lg-2, .mx-lg-2{margin-left:.5rem!important}
.m-lg-3{margin:1rem!important}
.mt-lg-3, .my-lg-3{margin-top:1rem!important}
.mr-lg-3, .mx-lg-3{margin-right:1rem!important}
.mb-lg-3, .my-lg-3{margin-bottom:1rem!important}
.ml-lg-3, .mx-lg-3{margin-left:1rem!important}
.m-lg-4{margin:1.5rem!important}
.mt-lg-4, .my-lg-4{margin-top:1.5rem!important}
.mr-lg-4, .mx-lg-4{margin-right:1.5rem!important}
.mb-lg-4, .my-lg-4{margin-bottom:1.5rem!important}
.ml-lg-4, .mx-lg-4{margin-left:1.5rem!important}
.m-lg-5{margin:3rem!important}
.mt-lg-5, .my-lg-5{margin-top:3rem!important}
.mr-lg-5, .mx-lg-5{margin-right:3rem!important}
.mb-lg-5, .my-lg-5{margin-bottom:3rem!important}
.ml-lg-5, .mx-lg-5{margin-left:3rem!important}
.p-lg-0{padding:0!important}
.pt-lg-0, .py-lg-0{padding-top:0!important}
.pr-lg-0, .px-lg-0{padding-right:0!important}
.pb-lg-0, .py-lg-0{padding-bottom:0!important}
.pl-lg-0, .px-lg-0{padding-left:0!important}
.p-lg-1{padding:.25rem!important}
.pt-lg-1, .py-lg-1{padding-top:.25rem!important}
.pr-lg-1, .px-lg-1{padding-right:.25rem!important}
.pb-lg-1, .py-lg-1{padding-bottom:.25rem!important}
.pl-lg-1, .px-lg-1{padding-left:.25rem!important}
.p-lg-2{padding:.5rem!important}
.pt-lg-2, .py-lg-2{padding-top:.5rem!important}
.pr-lg-2, .px-lg-2{padding-right:.5rem!important}
.pb-lg-2, .py-lg-2{padding-bottom:.5rem!important}
.pl-lg-2, .px-lg-2{padding-left:.5rem!important}
.p-lg-3{padding:1rem!important}
.pt-lg-3, .py-lg-3{padding-top:1rem!important}
.pr-lg-3, .px-lg-3{padding-right:1rem!important}
.pb-lg-3, .py-lg-3{padding-bottom:1rem!important}
.pl-lg-3, .px-lg-3{padding-left:1rem!important}
.p-lg-4{padding:1.5rem!important}
.pt-lg-4, .py-lg-4{padding-top:1.5rem!important}
.pr-lg-4, .px-lg-4{padding-right:1.5rem!important}
.pb-lg-4, .py-lg-4{padding-bottom:1.5rem!important}
.pl-lg-4, .px-lg-4{padding-left:1.5rem!important}
.p-lg-5{padding:3rem!important}
.pt-lg-5, .py-lg-5{padding-top:3rem!important}
.pr-lg-5, .px-lg-5{padding-right:3rem!important}
.pb-lg-5, .py-lg-5{padding-bottom:3rem!important}
.pl-lg-5, .px-lg-5{padding-left:3rem!important}
.m-lg-n1{margin:-.25rem!important}
.mt-lg-n1, .my-lg-n1{margin-top:-.25rem!important}
.mr-lg-n1, .mx-lg-n1{margin-right:-.25rem!important}
.mb-lg-n1, .my-lg-n1{margin-bottom:-.25rem!important}
.ml-lg-n1, .mx-lg-n1{margin-left:-.25rem!important}
.m-lg-n2{margin:-.5rem!important}
.mt-lg-n2, .my-lg-n2{margin-top:-.5rem!important}
.mr-lg-n2, .mx-lg-n2{margin-right:-.5rem!important}
.mb-lg-n2, .my-lg-n2{margin-bottom:-.5rem!important}
.ml-lg-n2, .mx-lg-n2{margin-left:-.5rem!important}
.m-lg-n3{margin:-1rem!important}
.mt-lg-n3, .my-lg-n3{margin-top:-1rem!important}
.mr-lg-n3, .mx-lg-n3{margin-right:-1rem!important}
.mb-lg-n3, .my-lg-n3{margin-bottom:-1rem!important}
.ml-lg-n3, .mx-lg-n3{margin-left:-1rem!important}
.m-lg-n4{margin:-1.5rem!important}
.mt-lg-n4, .my-lg-n4{margin-top:-1.5rem!important}
.mr-lg-n4, .mx-lg-n4{margin-right:-1.5rem!important}
.mb-lg-n4, .my-lg-n4{margin-bottom:-1.5rem!important}
.ml-lg-n4, .mx-lg-n4{margin-left:-1.5rem!important}
.m-lg-n5{margin:-3rem!important}
.mt-lg-n5, .my-lg-n5{margin-top:-3rem!important}
.mr-lg-n5, .mx-lg-n5{margin-right:-3rem!important}
.mb-lg-n5, .my-lg-n5{margin-bottom:-3rem!important}
.ml-lg-n5, .mx-lg-n5{margin-left:-3rem!important}
.m-lg-auto{margin:auto!important}
.mt-lg-auto, .my-lg-auto{margin-top:auto!important}
.mr-lg-auto, .mx-lg-auto{margin-right:auto!important}
.mb-lg-auto, .my-lg-auto{margin-bottom:auto!important}
.ml-lg-auto, .mx-lg-auto{margin-left:auto!important}
}
@media (min-width:1200px){.m-xl-0{margin:0!important}
.mt-xl-0, .my-xl-0{margin-top:0!important}
.mr-xl-0, .mx-xl-0{margin-right:0!important}
.mb-xl-0, .my-xl-0{margin-bottom:0!important}
.ml-xl-0, .mx-xl-0{margin-left:0!important}
.m-xl-1{margin:.25rem!important}
.mt-xl-1, .my-xl-1{margin-top:.25rem!important}
.mr-xl-1, .mx-xl-1{margin-right:.25rem!important}
.mb-xl-1, .my-xl-1{margin-bottom:.25rem!important}
.ml-xl-1, .mx-xl-1{margin-left:.25rem!important}
.m-xl-2{margin:.5rem!important}
.mt-xl-2, .my-xl-2{margin-top:.5rem!important}
.mr-xl-2, .mx-xl-2{margin-right:.5rem!important}
.mb-xl-2, .my-xl-2{margin-bottom:.5rem!important}
.ml-xl-2, .mx-xl-2{margin-left:.5rem!important}
.m-xl-3{margin:1rem!important}
.mt-xl-3, .my-xl-3{margin-top:1rem!important}
.mr-xl-3, .mx-xl-3{margin-right:1rem!important}
.mb-xl-3, .my-xl-3{margin-bottom:1rem!important}
.ml-xl-3, .mx-xl-3{margin-left:1rem!important}
.m-xl-4{margin:1.5rem!important}
.mt-xl-4, .my-xl-4{margin-top:1.5rem!important}
.mr-xl-4, .mx-xl-4{margin-right:1.5rem!important}
.mb-xl-4, .my-xl-4{margin-bottom:1.5rem!important}
.ml-xl-4, .mx-xl-4{margin-left:1.5rem!important}
.m-xl-5{margin:3rem!important}
.mt-xl-5, .my-xl-5{margin-top:3rem!important}
.mr-xl-5, .mx-xl-5{margin-right:3rem!important}
.mb-xl-5, .my-xl-5{margin-bottom:3rem!important}
.ml-xl-5, .mx-xl-5{margin-left:3rem!important}
.p-xl-0{padding:0!important}
.pt-xl-0, .py-xl-0{padding-top:0!important}
.pr-xl-0, .px-xl-0{padding-right:0!important}
.pb-xl-0, .py-xl-0{padding-bottom:0!important}
.pl-xl-0, .px-xl-0{padding-left:0!important}
.p-xl-1{padding:.25rem!important}
.pt-xl-1, .py-xl-1{padding-top:.25rem!important}
.pr-xl-1, .px-xl-1{padding-right:.25rem!important}
.pb-xl-1, .py-xl-1{padding-bottom:.25rem!important}
.pl-xl-1, .px-xl-1{padding-left:.25rem!important}
.p-xl-2{padding:.5rem!important}
.pt-xl-2, .py-xl-2{padding-top:.5rem!important}
.pr-xl-2, .px-xl-2{padding-right:.5rem!important}
.pb-xl-2, .py-xl-2{padding-bottom:.5rem!important}
.pl-xl-2, .px-xl-2{padding-left:.5rem!important}
.p-xl-3{padding:1rem!important}
.pt-xl-3, .py-xl-3{padding-top:1rem!important}
.pr-xl-3, .px-xl-3{padding-right:1rem!important}
.pb-xl-3, .py-xl-3{padding-bottom:1rem!important}
.pl-xl-3, .px-xl-3{padding-left:1rem!important}
.p-xl-4{padding:1.5rem!important}
.pt-xl-4, .py-xl-4{padding-top:1.5rem!important}
.pr-xl-4, .px-xl-4{padding-right:1.5rem!important}
.pb-xl-4, .py-xl-4{padding-bottom:1.5rem!important}
.pl-xl-4, .px-xl-4{padding-left:1.5rem!important}
.p-xl-5{padding:3rem!important}
.pt-xl-5, .py-xl-5{padding-top:3rem!important}
.pr-xl-5, .px-xl-5{padding-right:3rem!important}
.pb-xl-5, .py-xl-5{padding-bottom:3rem!important}
.pl-xl-5, .px-xl-5{padding-left:3rem!important}
.m-xl-n1{margin:-.25rem!important}
.mt-xl-n1, .my-xl-n1{margin-top:-.25rem!important}
.mr-xl-n1, .mx-xl-n1{margin-right:-.25rem!important}
.mb-xl-n1, .my-xl-n1{margin-bottom:-.25rem!important}
.ml-xl-n1, .mx-xl-n1{margin-left:-.25rem!important}
.m-xl-n2{margin:-.5rem!important}
.mt-xl-n2, .my-xl-n2{margin-top:-.5rem!important}
.mr-xl-n2, .mx-xl-n2{margin-right:-.5rem!important}
.mb-xl-n2, .my-xl-n2{margin-bottom:-.5rem!important}
.ml-xl-n2, .mx-xl-n2{margin-left:-.5rem!important}
.m-xl-n3{margin:-1rem!important}
.mt-xl-n3, .my-xl-n3{margin-top:-1rem!important}
.mr-xl-n3, .mx-xl-n3{margin-right:-1rem!important}
.mb-xl-n3, .my-xl-n3{margin-bottom:-1rem!important}
.ml-xl-n3, .mx-xl-n3{margin-left:-1rem!important}
.m-xl-n4{margin:-1.5rem!important}
.mt-xl-n4, .my-xl-n4{margin-top:-1.5rem!important}
.mr-xl-n4, .mx-xl-n4{margin-right:-1.5rem!important}
.mb-xl-n4, .my-xl-n4{margin-bottom:-1.5rem!important}
.ml-xl-n4, .mx-xl-n4{margin-left:-1.5rem!important}
.m-xl-n5{margin:-3rem!important}
.mt-xl-n5, .my-xl-n5{margin-top:-3rem!important}
.mr-xl-n5, .mx-xl-n5{margin-right:-3rem!important}
.mb-xl-n5, .my-xl-n5{margin-bottom:-3rem!important}
.ml-xl-n5, .mx-xl-n5{margin-left:-3rem!important}
.m-xl-auto{margin:auto!important}
.mt-xl-auto, .my-xl-auto{margin-top:auto!important}
.mr-xl-auto, .mx-xl-auto{margin-right:auto!important}
.mb-xl-auto, .my-xl-auto{margin-bottom:auto!important}
.ml-xl-auto, .mx-xl-auto{margin-left:auto!important}
}
.text-monospace{font-family:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important}
.text-justify{text-align:justify!important}
.text-wrap{white-space:normal!important}
.text-nowrap{white-space:nowrap!important}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
@media (min-width:576px){.text-sm-left{text-align:left!important}
.text-sm-right{text-align:right!important}
.text-sm-center{text-align:center!important}
}
@media (min-width:768px){.text-md-left{text-align:left!important}
.text-md-right{text-align:right!important}
.text-md-center{text-align:center!important}
}
@media (min-width:992px){.text-lg-left{text-align:left!important}
.text-lg-right{text-align:right!important}
.text-lg-center{text-align:center!important}
}
@media (min-width:1200px){.text-xl-left{text-align:left!important}
.text-xl-right{text-align:right!important}
.text-xl-center{text-align:center!important}
}
.text-lowercase{text-transform:lowercase!important}
.text-uppercase{text-transform:uppercase!important}
.text-capitalize{text-transform:capitalize!important}
.font-weight-light{font-weight:300!important}
.font-weight-lighter{font-weight:lighter!important}
.font-weight-normal{font-weight:400!important}
.font-weight-bold{font-weight:700!important}
.font-weight-bolder{font-weight:bolder!important}
.font-italic{font-style:italic!important}
.text-white{color:#fff!important}
.text-primary{color:#007bff!important}
a.text-primary:focus, a.text-primary:hover{color:#0056b3!important}
.text-secondary{color:#6c757d!important}
a.text-secondary:focus, a.text-secondary:hover{color:#494f54!important}
.text-success{color:#28a745!important}
a.text-success:focus, a.text-success:hover{color:#19692c!important}
.text-info{color:#17a2b8!important}
a.text-info:focus, a.text-info:hover{color:#0f6674!important}
.text-warning{color:#ffc107!important}
a.text-warning:focus, a.text-warning:hover{color:#ba8b00!important}
.text-danger{color:#dc3545!important}
a.text-danger:focus, a.text-danger:hover{color:#a71d2a!important}
.text-light{color:#f8f9fa!important}
a.text-light:focus, a.text-light:hover{color:#cbd3da!important}
.text-dark{color:#343a40!important}
a.text-dark:focus, a.text-dark:hover{color:#121416!important}
.text-body{color:#212529!important}
.text-muted{color:#6c757d!important}
.text-black-50{color:rgba(0,0,0,.5)!important}
.text-white-50{color:rgba(255,255,255,.5)!important}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.text-decoration-none{text-decoration:none!important}
.text-break{word-break:break-word!important;overflow-wrap:break-word!important}
.text-reset{color:inherit!important}
.visible{visibility:visible!important}
.invisible{visibility:hidden!important}
@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}
a:not(.btn){text-decoration:underline}
abbr[title]::after{content:" (" attr(title) ")"}
pre{white-space:pre-wrap!important}
blockquote, pre{border:1px solid #adb5bd;page-break-inside:avoid}
thead{display:table-header-group}
img, tr{page-break-inside:avoid}
h2, h3, p{orphans:3;widows:3}
h2, h3{page-break-after:avoid}
@page{size:a3}
body{min-width:992px!important}
.container{min-width:992px!important}
.navbar{display:none}
.badge{border:1px solid #000}
.table{border-collapse:collapse!important}
.table td, .table th{background-color:#fff!important}
.table-bordered td, .table-bordered th{border:1px solid #dee2e6!important}
.table-dark{color:inherit}
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th{border-color:#dee2e6}
.table .thead-dark th{color:inherit;border-color:#dee2e6}
}

/* End */


/* Start:/bitrix/templates/onesite.studio/css/font-awesome.min.css?174116220057130*/
/*!
 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\f907"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\f913"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\f91a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\f91e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\f941"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\f949"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(/bitrix/templates/onesite.studio/css/../fonts/fa-brands-400.eot);src:url(/bitrix/templates/onesite.studio/css/../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/onesite.studio/css/../fonts/fa-brands-400.woff2) format("woff2"),url(/bitrix/templates/onesite.studio/css/../fonts/fa-brands-400.woff) format("woff"),url(/bitrix/templates/onesite.studio/css/../fonts/fa-brands-400.ttf) format("truetype"),url(/bitrix/templates/onesite.studio/css/../fonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(/bitrix/templates/onesite.studio/css/../fonts/fa-regular-400.eot);src:url(/bitrix/templates/onesite.studio/css/../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/onesite.studio/css/../fonts/fa-regular-400.woff2) format("woff2"),url(/bitrix/templates/onesite.studio/css/../fonts/fa-regular-400.woff) format("woff"),url(/bitrix/templates/onesite.studio/css/../fonts/fa-regular-400.ttf) format("truetype"),url(/bitrix/templates/onesite.studio/css/../fonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(/bitrix/templates/onesite.studio/css/../fonts/fa-solid-900.eot);src:url(/bitrix/templates/onesite.studio/css/../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/bitrix/templates/onesite.studio/css/../fonts/fa-solid-900.woff2) format("woff2"),url(/bitrix/templates/onesite.studio/css/../fonts/fa-solid-900.woff) format("woff"),url(/bitrix/templates/onesite.studio/css/../fonts/fa-solid-900.ttf) format("truetype"),url(/bitrix/templates/onesite.studio/css/../fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
/* End */


/* Start:/bitrix/templates/onesite.studio/css/owl.theme.css?1741162200935*/
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent;}
.owl-theme .owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px;}
.owl-theme .owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none;}
.owl-theme .owl-nav .disabled{opacity:0.5;cursor:default;}
.owl-theme .owl-nav.disabled + .owl-dots{margin-top:10px;}
.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#869791;}
/* End */


/* Start:/bitrix/templates/onesite.studio/css/owl.carousel.min.css?17411622002930*/
/*Owl Carousel v2.2.1  |  Copyright 2013-2017 David Deutsch  |  Licensed under  ()*/.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;-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;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select: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{-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 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(/bitrix/templates/onesite.studio/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%}
/* End */


/* Start:/bitrix/templates/onesite.studio/css/twentytwenty-no-compass.css?17411622005158*/
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: #fff;
  position: absolute;
  z-index: 30; }

.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 {
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: #fff;
  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;
  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 {
  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%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay,
  .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: transparent; }
    .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 * {
    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 {
  transition-property: background;
  background: transparent;
  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: -22px;
  margin-top: -22px;
  border: 3px solid #fff;
  border-radius: 1000px;
  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;
  box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  box-shadow: 3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  box-shadow: -3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid #fff;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid #fff;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid #fff;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid #fff;
  bottom: 50%;
  margin-bottom: -17px; }

/* End */


/* Start:/bitrix/templates/onesite.studio/css/royal-preload.css?17411622007939*/
body.royal_preloader {
    background: none;
    visibility: hidden;    
}
#royal_preloader {
    visibility: visible;
    position: fixed;
    width:100%;
    height:100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    margin: 0;
    z-index: 9999999999;
}
#royal_preloader.royal_preloader_number:before,
#royal_preloader.royal_preloader_progress:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -moz-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -ms-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
}
#royal_preloader.complete {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear 0.5s;
       -moz-transition: opacity 0.2s linear 0.5s;
        -ms-transition: opacity 0.2s linear 0.5s;
         -o-transition: opacity 0.2s linear 0.5s;
            transition: opacity 0.2s linear 0.5s;
}
#royal_preloader.royal_preloader_line {
    height: 2px;
    bottom: auto;
}

/* Number Mode */
#royal_preloader.royal_preloader_number .royal_preloader_percentage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    line-height: 100px;
    font-size: 20px;
    font-family: Impact, Arial;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}
#royal_preloader.royal_preloader_number .royal_preloader_percentage > div {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border: 4px solid transparent;
    border-left-color: #FFFFFF;
    border-radius: 50%;
    -webkit-animation: rotate 0.8s linear infinite;
       -moz-animation: rotate 0.8s linear infinite;
        -ms-animation: rotate 0.8s linear infinite;
         -o-animation: rotate 0.8s linear infinite;
            animation: rotate 0.8s linear infinite;
}

/* Line Mode */
#royal_preloader.royal_preloader_line .royal_preloader_loader {
    position: absolute;
    height: 100%;
    left: 0;
}
#royal_preloader.royal_preloader_line .royal_preloader_peg {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100px;
    opacity: 0.5;
}

/* Text Mode */
#royal_preloader.royal_preloader_text .royal_preloader_loader {
    color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    font-family: 'Titillium Web', Arial, sans-serif;
    font-weight: 300;
    height: 80px;
    line-height: 80px;
    margin: auto;
    letter-spacing: 2px;
    font-size: 25px;
    white-space: nowrap;
}
#royal_preloader.royal_preloader_text .royal_preloader_loader div {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0%;
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* Scale Text Mode */
#royal_preloader.royal_preloader_scale_text .royal_preloader_loader {
    color: #FFFFFF;
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 32px;
    line-height: 32px;
    margin: auto;
    letter-spacing: 1px;
    font-size: 32px;
    white-space: nowrap;
}

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader span {
    display: inline-block;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader span.loaded {
    -webkit-animation: scale 0.2s forwards;
       -moz-animation: scale 0.2s forwards;
        -ms-animation: scale 0.2s forwards;
         -o-animation: scale 0.2s forwards;
            animation: scale 0.2s forwards;
}

/* Logo Mode */
#royal_preloader.royal_preloader_logo .royal_preloader_loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 5px;
}
#royal_preloader.royal_preloader_logo .royal_preloader_loader div {
    position: absolute;
    bottom: 0%;
    left: 0px;
    right: 0px;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
#royal_preloader.royal_preloader_logo .royal_preloader_percentage {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    color: #072E77;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 400;
    letter-spacing:2px;
    padding-top:10px;
}

/* Progress Mode */
#royal_preloader.royal_preloader_progress .royal_preloader_percentage {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #AAAAAA;
    color: rgba(255, 255, 255, 0.5);
    font-family: Impact, Arial;
    font-size: 20px;
    text-align: center;
}
#royal_preloader.royal_preloader_progress .royal_preloader_loader {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 60%;
    height: 1px;
    margin: -10px auto auto auto;
    background-color: rgba(0, 0, 0, 0.2); 
}
#royal_preloader.royal_preloader_progress .royal_preloader_meter {
    width: 0;
    height: 100%;
    margin: auto;
    padding: 0;
    background-color: #9f9e9e;
}
#royal_preloader.royal_preloader_progress .royal_preloader_percentage, 
#royal_preloader.royal_preloader_logo .royal_preloader_percentage, 
#royal_preloader.royal_preloader_scale_text .royal_preloader_loader {
    font-family: 'Open Sans';
    font-size: 20px;
    line-height: 40px;
    color: #9f9e9e;
}


@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0);}
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate {
    0% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotate {
    0% { -ms-transform: rotate(0); }
    100% { -ms-transform: rotate(360deg); }
}
@-o-keyframes rotate {
    0% { -o-transform: rotate(0); }
    100% { -o-transform: rotate(360deg); }
}
@keyframes rotate {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes scale {
    0% { -webkit-transform: scale(0); opacity: 0;}
    50% { -webkit-transform: scale(2);  opacity: 0.5;}
    100% { -webkit-transform: scale(1);  opacity: 1;}
}
@-moz-keyframes scale {
    0% { -moz-transform: scale(0); opacity: 0;}
    50% { -moz-transform: scale(2); opacity: 0.5;}
    100% { -moz-transform: scale(1); opacity: 1;}
}
@-ms-keyframes scale {
    0% { -ms-transform: scale(0); opacity: 0;}
    50% { -ms-transform: scale(2); opacity: 0.5;}
    100% { -ms-transform: scale(1); opacity: 1;}
}
@-o-keyframes scale {
    0% { -o-transform: scale(0); opacity: 0;}
    50% { -o-transform: scale(2); opacity: 0.5;}
    100% { -o-transform: scale(1); opacity: 1;}
}
@keyframes scale {
    0% { transform: scale(0); opacity: 0;}
    50% { transform: scale(2); opacity: 0.5;}
    100% { transform: scale(1); opacity: 1;}
}
@media only screen and (max-width: 800px) {
    #royal_preloader.royal_preloader_scale_text .royal_preloader_loader {
        height: 22px;
        line-height: 22px;
        font-size: 22px;
    }
}
/* End */


/* Start:/bitrix/templates/onesite.studio/css/style.css?1750742884244453*/
@charset "UTF-8";
/*
Theme Name: Theratio
Theme URI: http://templates.thememodern.com/theratio/index.html
Author: ThemeModern
Author URI: http://thememodern.com
Description: Theratio is a WordPress theme for Interior Design & Architecture Company. Theratio is easy to use, it provides everything you need to create great looking website. With Theratio you can impress your customer by it’s professional design and the interactivity. Theratio built with latest website technology to ensure your website is looks nice on desktop and mobile. Get Theratio now!
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theratio
Domain Path: /languages/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Titillium Web:200,300,300i,400,400i,600,600i,700,700i,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i');

html {
  overflow-x: hidden;
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #555555;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  line-height: 1.875;
  font-weight: 400;
  word-break: break-word;
  box-sizing: border-box;
}

body.dark-scheme {
  color: #a3a3a3;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 20px;
  color: #1a1a1a;
}

.dark-scheme h1, .dark-scheme h2, .dark-scheme h3, .dark-scheme h4, .dark-scheme h5, .dark-scheme h6 {
  color: #fff;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 42px;
}

h3 {
  font-size: 36px;
}

h4 {
  font-size: 30px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 20px;
}

p {
  margin: 0 0 20px;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  font-size: 22px;
  margin: 40px 0 28px;
  font-weight: 400;
  padding: 50px 160px 0;
  position: relative;
  font-family: "Montserrat", sans-serif;
  color: #1a1a1a;
  text-align: center;
}
blockquote cite {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  display: block;
  color: #9f9e9e;
  margin-top: 10px;
}
blockquote:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  background: url("https://via.placeholder.com/189x150.png");
  width: 39px;
  height: 32px;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  line-height: 1.7142857143;
  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: 15px;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

.bg-alt {
  background: #f7f7f7;
}

.bg-primary {
  background: #9f9e9e;
}

.text-primary {
  color: #9f9e9e;
}

.section-padd {
  padding: 110px 0;
}

.section-padd-bot {
  padding-bottom: 110px;
}

.section-padd-top {
  padding-top: 110px;
}

.section-padd-top70 {
  padding-top: 70px;
}

.lead {
  font-size: 18px;
}

.clear-both {
  clear: both;
}

.unstyle {
  list-style: none;
  padding-left: 0;
}

.font14 {
  font-size: 14px;
}

.text-light {
  color: #fff;
}
.text-light * {
  color: #fff;
}

.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;
}

.flex-middle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.overflow {
  overflow: hidden;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  z-index: -1;
  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;
}

.layer-behind {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #f4f4f4;
  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;
}

.gaps {
  clear: both;
  height: 20px;
  display: block;
}
.gaps.size-2x {
  height: 40px;
}

.number-stroke {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  color: transparent !important;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  opacity: 0.5;
  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;
}

.title-link {
  display: inline;
  background-size: 0 2px;
  background-position: 0 90%;
  background-repeat: no-repeat;
  background-image: linear-gradient(0deg, #7e7e7e, #f5f5f5);
}
.title-link:hover {
  background-size: 100% 2px;
}

.btn-details {
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  text-transform: uppercase;
  z-index: 0;
  letter-spacing: 0.5px;
}
.btn-details:before {
  position: absolute;
  content: "";
  background: var(--primary);
  bottom: -12px;
  left: -7px;
  width: 20px;
  height: 6px;
  z-index: -1;
  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;
}
.btn-details:hover {
  color: #1a1a1a;
}
.btn-details:hover:before {
  width: calc( 100% + 14px );
  transition: width 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: width 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: width 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: width 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -ms-transition: width 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.img-lgpopup {
  cursor: pointer;
}
.img-lgpopup i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  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-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: var(--primary);
  color: #fff;
}
.img-lgpopup i:before {
  font-size: 22px;
}
.img-lgpopup i:hover {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

.btn-play {
  position: relative;
  text-align: center;
  width: 60px;
  height: 60px;
  display: block;
  background: #fff;
  color: #1a1a1a;
  -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;
}
.btn-play i {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.btn-play i:before {
  margin-left: 2px;
}
.btn-play:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
  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;
}
.btn-play:hover {
  background: #1a1a1a;
  color: #fff;
}
.btn-play:hover:before {
  background: #1a1a1a;
}

.octf-swiper-button-next, .octf-swiper-button-prev {
  position: absolute;
  z-index: 1;
  width: 60px;
  height: 60px;
  color: #1a1a1a;
  outline: none;
  text-align: center;
  line-height: 60px;
  font-weight: bold;
  top: 50%;
  left: 0;
  background: #9f9e9e;
  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%);
}
.octf-swiper-button-next i:before, .octf-swiper-button-prev i:before {
  font-size: 16px;
}
.octf-swiper-button-next.swiper-button-disabled, .octf-swiper-button-prev.swiper-button-disabled {
  cursor: not-allowed;
}
.octf-swiper-button-next:not(.swiper-button-disabled):hover, .octf-swiper-button-prev:not(.swiper-button-disabled):hover {
  color: #fff;
  background: #1a1a1a;
}

.octf-swiper-button-next {
  left: auto;
  right: 0;
}

.octf-swiper-pagination {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 30px;
  line-height: 1;
}
.octf-swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 !important;
  opacity: 1;
  background: 0;
  border: 1px solid;
  border-color: transparent;
  outline: none;
  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-swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  background: #323232;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -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-swiper-pagination .swiper-pagination-bullet-active {
  border-color: #323232;
}

.arrow-top {
  padding-top: 70px;
}
.arrow-top .octf-swiper-button-next, .arrow-top .octf-swiper-button-prev {
  background: 0;
}
.arrow-top .octf-swiper-button-next:hover, .arrow-top .octf-swiper-button-prev:hover {
  background: 0;
  color: #9f9e9e;
}
.arrow-top .octf-swiper-button-next {
  top: 30px;
  right: 0;
}
.arrow-top .octf-swiper-button-prev {
  right: 60px;
  left: auto;
  top: 30px;
}

.arrow-bot {
  padding-bottom: 70px;
}
.arrow-bot .octf-swiper-button-next, .arrow-bot .octf-swiper-button-prev {
  top: auto;
  bottom: 0;
  background: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.arrow-bot .octf-swiper-button-next:hover, .arrow-bot .octf-swiper-button-prev:hover {
  background: 0;
  color: #9f9e9e;
}
.arrow-bot .octf-swiper-button-prev {
  right: 60px;
  left: auto;
}

.scroll-down {
  position: relative;
  color: #fff;
  display: inline-block;
  min-height: 50px;
  line-height: 1;
}
.scroll-down:hover, .scroll-down:active, .scroll-down:focus {
  color: #fff;
}
.scroll-down:after {
  position: absolute;
  content: "";
  font-family: "Flaticon";
  font-size: 14px;
  bottom: 0;
  left: 43%;
  animation: MoveUpDown 1.5s linear infinite;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.header-vertical .container {
  width: 100%;
}

@media (min-width: 768px) {
  .header-vertical .container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .header-vertical .container {
    max-width: 970px;
  }
}
@media (min-width: 1230px) {
  .header-vertical .container {
    max-width: 1200px;
  }
}
@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.7);
    opacity: 0;
  }
}
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 10px;
  }
}
.dark-scheme {
  background: #0a0a0a;
}
.dark-scheme .btn-details {
  color: #fff;
}
.dark-scheme .btn-details:before {
  background: #505050;
}
.dark-scheme blockquote {
  color: #fff;
}
.dark-scheme blockquote:before {
  background-image: url("https://via.placeholder.com/189x150.png");
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
  overflow: hidden;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

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;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

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;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* #button Group
================================================== */
.octf-btn {
  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;
  font-size: 13px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 18px 41px;
  line-height: 1.42857143;
  display: inline-block;
  margin-bottom: 0;
  text-decoration: none;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-align: center;
  background: var(--primary);
  cursor: pointer;
  border: 1px solid transparent;
  color: #fff;
  outline: none;
  position: relative;
}
.octf-btn:before, .octf-btn:after {
  content: "";
  position: absolute;
  background: #1a1a1a;
  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:before {
  width: calc( 100% + 2px );
  height: 1px;
  bottom: -6px;
  left: 10px;
}
.octf-btn:after {
  width: 1px;
  height: calc( 100% + 2px );
  top: 10px;
  right: -6px;
}
.octf-btn:hover, .octf-btn:active, .octf-btn:focus {
  background: transparent;
  color: #1a1a1a;
  border-color: #1a1a1a;
}
.octf-btn:hover:before, .octf-btn:active:before, .octf-btn:focus:before {
  width: 0;
}
.octf-btn:hover:after, .octf-btn:active:after, .octf-btn:focus:after {
  height: 0;
}

.dark-scheme .octf-btn {
  background: #fff;
  color: #1a1a1a;
}
.dark-scheme .octf-btn:hover, .dark-scheme .octf-btn:active, .dark-scheme .octf-btn:focus {
  background: #1a1a1a;
  color: #fff;
}

.octf-btn.octf-btn-light {
  background: #fff;
  color: #1a1a1a;
}
.octf-btn.octf-btn-light:before, .octf-btn.octf-btn-light:after {
  background: #fff;
}
.octf-btn.octf-btn-light:visited {
  background: #fff;
  color: #1a1a1a;
}
.octf-btn.octf-btn-light:hover, .octf-btn.octf-btn-light:focus {
  color: #fff;
  background: #1a1a1a;
  border-color: #1a1a1a;
}

.octf-btn.octf-btn-dark {
  color: #fff;
  background: #1a1a1a;
}
.octf-btn.octf-btn-dark:before, .octf-btn.octf-btn-dark:after {
  background: #1a1a1a;
}
.octf-btn.octf-btn-dark:visited {
  color: #fff;
  background: #1a1a1a;
}
.octf-btn.octf-btn-dark:hover, .octf-btn.octf-btn-dark:focus {
  background: #fff;
  color: #1a1a1a;
  border-color: #fff;
}

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],
textarea {
  color: #555555;
  border: none;
  background: #fff;
  border-bottom: 1px solid #3e342b;
  padding: 8px 10px;
  box-sizing: border-box;
  outline: none;
  font-size: 14px;
  font-weight: 500;
}
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,
textarea:focus {
  color: #555555;
}

select {
  border: none;
  background: #fff;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

textarea {
  width: 100%;
  height: 130px;
  vertical-align: top;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #555555;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #555555;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #555555;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #555555;
}

/*Dark Scheme*/
.dark-scheme input[type=text],
.dark-scheme input[type=email],
.dark-scheme input[type=url],
.dark-scheme input[type=password],
.dark-scheme input[type=search],
.dark-scheme input[type=number],
.dark-scheme input[type=tel],
.dark-scheme input[type=range],
.dark-scheme input[type=date],
.dark-scheme input[type=month],
.dark-scheme input[type=week],
.dark-scheme input[type=time],
.dark-scheme input[type=datetime],
.dark-scheme input[type=datetime-local],
.dark-scheme input[type=color],
.dark-scheme textarea {
  color: #a3a3a3;
  background: transparent;
  border-bottom-color: #292929;
}
.dark-scheme input[type=text]:focus,
.dark-scheme input[type=email]:focus,
.dark-scheme input[type=url]:focus,
.dark-scheme input[type=password]:focus,
.dark-scheme input[type=search]:focus,
.dark-scheme input[type=number]:focus,
.dark-scheme input[type=tel]:focus,
.dark-scheme input[type=range]:focus,
.dark-scheme input[type=date]:focus,
.dark-scheme input[type=month]:focus,
.dark-scheme input[type=week]:focus,
.dark-scheme input[type=time]:focus,
.dark-scheme input[type=datetime]:focus,
.dark-scheme input[type=datetime-local]:focus,
.dark-scheme input[type=color]:focus,
.dark-scheme textarea:focus {
  color: #a3a3a3;
}
.dark-scheme ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a3a3a3;
}
.dark-scheme ::-moz-placeholder {
  /* Firefox 19+ */
  color: #a3a3a3;
}
.dark-scheme :-ms-input-placeholder {
  /* IE 10+ */
  color: #a3a3a3;
}
.dark-scheme :-moz-placeholder {
  /* Firefox 18- */
  color: #a3a3a3;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  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;
  color: #1a1a1a;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #9f9e9e;
  text-decoration: none;
}
a:focus {
  outline: 0;
}
a:hover, a:active {
  outline: 0;
}

.dark-scheme a {
  color: #fff;
}
.dark-scheme a:hover, .dark-scheme a:focus, .dark-scheme a:active {
  color: #fff;
}

/*--------------------------------------------------------------
## Top Bar
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Logo
--------------------------------------------------------------*/
#site-logo {
  min-width: 200px;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  line-height: 1;
}
#site-logo img {
  height: 40px;
  padding-left: 20px;
}
#site-logo img.logo-static {
  display: block;
}
#site-logo img.logo-scroll {
  display: none;
}

.is-stuck #site-logo img.logo-static {
  display: none;
}
.is-stuck #site-logo img.logo-scroll {
  display: block;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation ul, .vertical-main-navigation ul {
  list-style: none;
  padding-left: 0;
}

.site-header {
  position: absolute;
  width: 100%;
  z-index: 999;
}
.site-header.header-static {
  position: static;
}


.octf-mainbar-container {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}

.octf-mainbar {
  display: flex;
  flex-flow: column wrap;
  flex: 1 auto;
}

.octf-main-header .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 > [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;
}

.octf-main-header .octf-row > div:empty {
  display: none;
}

.octf-row {
  margin-right: -15px;
  margin-left: -15px;
}

.octf-col:before {
  display: inline-flex;
}

.octf-main-header .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 Menu */
.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%;
  gap: 20px;
}
.footer-row .main-navigation > ul {
  flex-wrap: wrap;
  gap: 0;
}
.main-navigation ul {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  font-size: 14px;
  list-style: none;
  margin: 0px 0px;
  padding: 0px 0px;
}

.main-navigation > ul > li {
  /*margin: 0px 20px;*/
  padding: 0px 0px;
  float: left;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.main-navigation > ul > li:last-child {
  margin-right: 0;
}
.main-navigation > ul > li:first-child {
  margin-left: 0;
}

.main-navigation > ul > li > a:before {
  position: absolute;
  height: 8px;
  width: 8px;
  bottom: -14px;
  left: 50%;
  opacity: 0;
  margin-left: -5px;
  background: #fff;
  content: "";
  display: 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;
  transform: rotate(45deg);
}

.main-navigation > ul > li:hover > a:before,
.main-navigation > ul > li.current-menu-item > a:before,
.main-navigation > ul > li.current-menu-ancestor > a:before {
  bottom: -4px;
  opacity: 1;
}

.main-navigation ul ul {
  float: none;
  margin: 0px 0px;
  padding: 0px 0px;
  background-color: #2a2a2a;
}

.main-navigation ul > li > a {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  outline: none;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.main-navigation ul > li.menu-item-has-children > a {
  padding-right: 17px;
}

.main-navigation > ul > li.menu-item-has-children:last-child > a:after {
  right: 0px;
}

.main-navigation ul li li {
  display: block;
  position: relative;
  padding: 0px 34px;
}

.main-navigation ul li li a {
  font-size: 16px;
  line-height: 30px;
  color: #b6b6b6;
  text-align: left;
  display: block;
  padding: 5px 0px 5px 0px;
  position: relative;
  text-decoration: none;
  outline: none;
  text-transform: none;
  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;
}

.main-navigation:not(.no-line) ul li li a:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 0px;
  height: 1px;
  background: #fff;
  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;
  visibility: hidden;
  opacity: 0;
}

.main-navigation:not(.no-line) ul li li a:hover:before,
.main-navigation:not(.no-line) ul ul li.current-menu-item > a:before,
.main-navigation:not(.no-line) ul ul li.current-menu-ancestor > a:before {
  left: 0px;
  visibility: visible;
  opacity: 1;
  width: 30px;
}

.main-navigation ul li li a:hover,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current-menu-ancestor > a {
  padding-left: 40px;
  color: #fff;
}

.main-navigation.no-line ul li li a:hover,
.main-navigation.no-line ul ul li.current-menu-item > a,
.main-navigation.no-line ul ul li.current-menu-ancestor > a {
  padding-left: 0;
}

.main-navigation ul > li.menu-item-has-children > a:after {
  position: absolute;
  right: 1px;
  top: 50%;
  margin-top: -4px;
  font-family: "Flaticon";
  content: "";
  font-size: 8px;
  line-height: 1;
  color: #c3c7c9;
  font-weight: 500;
}

.main-navigation ul > li.menu-item-has-children > a:hover:after {
  color: #fff;
}

.main-navigation ul > li li.menu-item-has-children > a:after {
  position: absolute;
  content: "";
  font-family: Flaticon;
  top: 50%;
  right: 0;
  margin-top: -5px;
  font-size: 9px;
  color: #b6b6b6;
  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;
  transform: rotate(-90deg);
}

.main-navigation ul li ul {
  min-width: 290px;
  white-space: nowrap;
  padding: 20px 0px;
  position: absolute;
  top: 100%;
  left: -34px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -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;
  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);
  box-sizing: border-box;
}
.main-navigation ul li ul:before {
  content: "";
  position: absolute;
  height: 10px;
  width: 100%;
  top: -10px;
  left: 0;
}

.main-navigation ul li ul ul {
  left: calc(100% + 2px);
  top: -30px;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
}

.main-navigation ul li:hover > ul {
  visibility: visible;
  opacity: 1;
}

.main-navigation ul > li:hover > ul {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

@-webkit-keyframes stickySlideUp {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes stickySlideUp {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes stickySlideDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes stickySlideDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.is-stuck {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
  border: none !important;
  -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  -moz-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.admin-bar .is-stuck,
.admin-bar .site-header-vertical {
  top: 32px;
}

@media screen and (min-width: 1024px) {
  .is-stuck {
    background-color: #1a1a1a;
    -webkit-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
  }
  .is-stuck .main-navigation ul.menu > li:hover > ul {
    transform: translateY(0);
  }
  .is-stuck .main-navigation ul.menu > li > a {
    color: #fff;
  }
  .is-stuck .main-navigation ul.menu > li > a:after {
    color: #fff;
  }
  .is-stuck .main-navigation ul.menu > li > a:before {
    background: #fff;
  }
  .is-stuck .cart-contents .count {
    background: #fff;
    color: #1a1a1a;
  }
}
/* Responsive */
@media (max-width: 1199px) {
  .main-navigation > ul > li {
    margin: 0 14px;
  }
}
@media (max-width: 1440px) {
  .octf-btn-cta .btn-cta-header {
    display: none;
  }
}
@media (max-width: 1265px) {
  .octf-btn-cta .contact-header {
    display: none;
  }
}
@media (max-width: 782px) {
  .admin-bar .site-header,
.admin-bar .site-header-vertical,
.admin-bar .is-stuck {
    top: 46px;
  }
}
@media (max-width: 600px) {
  .admin-bar .is-stuck,
.admin-bar .site-header-vertical {
    top: 0;
  }
}
/*--------------------------------------------------------------
## Vertical Header
--------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {
  .site-header-vertical {
      background-image: url(https://via.placeholder.com/340x950.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover
  }
  .site-header-vertical {
      width: 340px;
  }
  .header-vertical .site-footer {
      margin-left: 340px;
  }
  .header-vertical .footer-bottom {
      margin-left: 340px;
  }
  .header-vertical .site-content {
    margin-left: 340px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .header-vertical .site-footer {
    margin-left: 340px;
  }

  .site-header-vertical {
    position: fixed;
    top: 0;
    left: 0;
    width: 340px;
    height: 100%;
    outline: 0;
    z-index: 101;
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .site-header-vertical .header-desktop {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    height: 100%;
  }

  .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 {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 14px;
    margin: 0px 0px;
    padding: 0px 0px;
  }
  .vertical-main-navigation ul ul {
    margin: 0;
    padding: 0;
    background-color: #2a2a2a;
  }
  .vertical-main-navigation ul > li > a {
    position: relative;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    display: block;
    outline: none;
    color: #fff;
    line-height: 48px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
  }
  .vertical-main-navigation ul > li.menu-item-has-children > a:after {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -4px;
    font-family: "Flaticon";
    content: "";
    font-size: 8px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
  }
  .vertical-main-navigation ul li {
    display: block;
    position: relative;
  }
  .vertical-main-navigation ul li li {
    padding: 0px 34px;
  }
  .vertical-main-navigation ul li li a {
    font-size: 16px;
    line-height: 30px;
    color: #b6b6b6;
    text-align: left;
    display: block;
    padding: 5px 0px 5px 0px;
    position: relative;
    text-decoration: none;
    outline: none;
    text-transform: none;
    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;
  }
  .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 {
    padding-left: 40px;
    color: #fff;
  }
  .vertical-main-navigation ul li ul {
    min-width: 250px;
    white-space: nowrap;
    padding: 20px 0px;
    position: absolute;
    top: 10px;
    left: calc(100% + 15px);
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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;
  }
  .vertical-main-navigation ul li ul ul {
    left: 100%;
    top: 10px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
  }
  .vertical-main-navigation ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  .vertical-main-navigation.no-line ul li li a:hover,
.vertical-main-navigation.no-line ul ul li.current-menu-item > a,
.vertical-main-navigation.no-line ul ul li.current-menu-ancestor > a {
    padding-left: 0;
  }

  .vertical-main-navigation:not(.no-line) ul li li a:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 0px;
    height: 1px;
    background: #fff;
    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;
    visibility: hidden;
    opacity: 0;
  }
  .vertical-main-navigation:not(.no-line) ul li li a:hover:before, .vertical-main-navigation:not(.no-line) ul ul li.current-menu-item > a:before, .vertical-main-navigation:not(.no-line) ul ul li.current-menu-ancestor > a:before {
    left: 0px;
    visibility: visible;
    opacity: 1;
    width: 30px;
  }
}
@media (min-width: 768px) {
  .row-height-full.elementor-section.elementor-section-height-full > .elementor-container .elementor-row {
    height: 100%;
  }
}
/*--------------------------------------------------------------
## Header Mobile
--------------------------------------------------------------*/
.header_mobile {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .octf-main-header,
.header-desktop {
    display: none;
  }

  .header_mobile {
    display: block;
    width: 100%;
    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;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .header_mobile.open, .header_mobile.is-stuck {
    background: #1a1a1a;
    -webkit-box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.3);
  }
  .header_mobile .mobile_nav .mobile_mainmenu li a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
  .header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i {
    color: rgba(255, 255, 255, 0.7);
  }

  .header_mobile .mlogo_wrapper {
    position: relative;
  }
  .header_mobile .mlogo_wrapper img {
    height: 90px;
  }

  .header_mobile .mlogo_wrapper .mobile_logo {
    float: left;
  }

  #mmenu_toggle {
    position: absolute;
    cursor: pointer;
    width: 26px;
    height: 20px;
    right: 34px;
    margin-top: -10px;
    top: 50%;
  }

  #mmenu_toggle button {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -2px 0 0;
    background: #fff;
    height: 3px;
    padding: 0;
    border: none;
    width: 100%;
    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;
    outline: none;
    border-radius: 2px;
  }

  #mmenu_toggle button:before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    width: 26px;
    height: 3px;
    background: #fff;
    -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;
    border-radius: 2px;
  }

  #mmenu_toggle button:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 26px;
    height: 3px;
    background: #fff;
    -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;
    border-radius: 2px;
  }

  #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;
    margin-top: 20px;
  }

  .mobile_nav .mobile_mainmenu {
    font-family: "Montserrat", sans-serif;
    margin: 0;
    padding: 0;
  }

  .mobile_nav .mobile_mainmenu ul {
    position: relative;
    margin: 0;
    padding: 0;
    margin-left: 15px;
  }

  .mobile_nav .mobile_mainmenu ul {
    display: none;
  }

  .mobile_nav .mobile_mainmenu li {
    position: relative;
    list-style: none;
  }

  .mobile_nav .mobile_mainmenu li a {
    padding: 9px 0;
    display: block;
    font-size: 16px;
  }

  .mobile_nav .mobile_mainmenu > li > a {
    text-transform: uppercase;
    font-size: 14px;
  }

  .mobile_nav .mobile_mainmenu > li:last-child > a {
    border: none;
  }

  .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow {
    color: #fff;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 40px;
    height: auto;
    padding: 9px 12px 9px 0;
    line-height: inherit;
    text-align: right;
    box-sizing: border-box;
  }

  .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i {
    color: #9397a7;
    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: 10px;
    font-weight: 600;
  }

  .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow.active i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .mobile_nav ul li a:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 30px;
    height: 1px;
    background: #fff;
    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;
    visibility: hidden;
    opacity: 0;
  }

  .mobile_nav ul li > a:hover:before {
    visibility: visible;
    opacity: 1;
  }

  .mobile_nav ul li a:hover {
    padding-left: 40px;
  }
}
@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: 47px;
  }
}
/*--------------------------------------------------------------
## Page Header
--------------------------------------------------------------*/
.page-header {
  width: 100%;
  height: 500px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  background: center center no-repeat;
  background-size: cover;
}
.page-header .breadcrumbs {
  margin-bottom: 0;
  padding-left: 0;
}
.page-header .breadcrumbs li {
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  padding-left: 24px;
  margin-left: 7px;
}
.page-header .breadcrumbs li:before {
  content: "•";
  position: absolute;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 4px;
  left: 4px;
  top: 8px;
}
.page-header .breadcrumbs li:first-child {
  padding-left: 0;
  margin-left: 0;
}
.page-header .breadcrumbs li:first-child:before {
  display: none;
}
.page-header .breadcrumbs li a {
  color: #fff;
  background-size: 0 2px;
  background-position: 0 88%;
  background-repeat: no-repeat;
  background-image: linear-gradient(0deg, #7e7e7e, #f5f5f5);
}
.page-header .breadcrumbs li a:hover {
  background-size: 100% 2px;
}
.page-header.header-static .page-title {
  margin-top: -15px;
}

.page-title {
  color: #fff;
  font-size: 60px;
  font-weight: 300;
  margin-top: 75px;
  margin-bottom: 10px;
}

/*Header Left*/
.header-vertical .page-header {
  height: 400px;
}

/* Dark scheme*/
.dark-scheme .page-title {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .page-header {
    height: 400px;
  }

  .page-title {
    font-size: 42px;
  }
}
@media (max-width: 600px) {
  .page-header .page-title {
    font-size: 32px;
  }
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.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;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  float: left;
  margin-right: 1.5em;
}

.alignright {
  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;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.entry-content {
  padding: 90px 0 100px;
}

.post-box .post-inner {
  padding: 40px 40px 38px;
  border: 1px solid #e0e0e0;
  background: #fff;
  margin-bottom: 60px;
  overflow: 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;
}
.post-box .entry-title {
  margin-bottom: 12px;
}
.post-box .entry-title a {
  color: #1a1a1a;
  background-image: linear-gradient(0deg, #4b4b4b, #f5f5f5);
}
.post-box p {
  line-height: 30px;
  margin-bottom: 16px;
}
.post-box .entry-footer {
  line-height: 1;
}
.post-box .entry-media {
  position: relative;
  margin-bottom: 34px;
  overflow: hidden;
}
.post-box .entry-media.post-cat-abs .post-cat {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
}
.post-box .entry-media .video-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.post-box .post-cat {
  margin-bottom: -10px;
}
.post-box .post-cat a {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.6px;
  line-height: 1.1;
  display: inline-block;
  color: #fff;
  background: #1a1a1a;
  padding: 8px 10px;
  margin-right: 7px;
  margin-bottom: 10px;
}
.post-box .post-cat a:hover {
  background: #f5f5f5;
  color: #1a1a1a;
}
.post-box .entry-meta {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 8px;
  color: #1a1a1a;
}
.post-box .entry-meta > span {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-left: 25px;
}
.post-box .entry-meta > span:before {
  position: absolute;
  content: "••";
  font-size: 18px;
  line-height: 1;
  left: -2px;
  top: 4px;
}
.post-box .entry-meta > span:first-child {
  padding-left: 0;
}
.post-box .entry-meta > span:first-child:before {
  display: none;
}
.post-box .entry-meta > span a {
  color: #9f9e9e;
}
.post-box .entry-meta > span a:hover {
  color: #1a1a1a;
}
.post-box .img-slider {
  position: relative;
}
.post-box .img-slider .octf-swiper-button-next, .post-box .img-slider .octf-swiper-button-prev {
  background: #fff;
  color: #1a1a1a;
}
.post-box .img-slider .octf-swiper-button-next:hover, .post-box .img-slider .octf-swiper-button-prev:hover {
  color: #9f9e9e;
}
.post-box .audio-box iframe {
  width: 100%;
  margin-bottom: 30px;
}
.post-box .link-box {
  margin-bottom: 22px;
  position: relative;
  padding-left: 52px;
}
.post-box .link-box a {
  font-size: 22px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  color: #1a1a1a;
}
.post-box .link-box i {
  color: #1a1a1a;
  position: absolute;
  left: 0;
  top: -1px;
}
.post-box .link-box i:before {
  font-size: 40px;
  line-height: 1;
}
.post-box .quote-box {
  overflow: hidden;
  margin-bottom: 20px;
}
.post-box .quote-box img {
  float: left;
  width: 28px;
  height: 22px;
  margin-top: 4px;
}
.post-box .quote-box img:before {
  font-size: 100px;
  line-height: 1;
}
.post-box .quote-box .quote-text {
  position: relative;
  padding-left: 42px;
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  font-family: "Montserrat", sans-serif;
  color: #1a1a1a;
}
.post-box .quote-box .quote-text span {
  display: block;
  font-family: "Montserrat", sans-serif;
  margin-top: 6px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #9f9e9e;
}
.post-box .quote-box .quote-text:before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  background-image: url("https://via.placeholder.com/189x150.png");
  width: 28px;
  height: 22px;
  background-repeat: no-repeat;
}
.post-box:not(.blog-post):hover .post-inner {
  border-color: #1a1a1a;
}

.page-pagination {
  margin-top: 50px;
  margin-bottom: 0;
}
.page-pagination li {
  display: inline-block;
}
.page-pagination li a, .page-pagination li span {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #bfbfbf;
  font-weight: 600;
  display: block;
  text-align: center;
  line-height: 18px;
  margin-right: 5px;
  border-bottom: 2px solid #d8d8d8;
  padding: 7px;
  background: transparent;
}
.page-pagination li a i:before, .page-pagination li span i:before {
  font-size: 12px;
}
.page-pagination li a.next, .page-pagination li a.prev {
  line-height: 15px;
}
.page-pagination li span, .page-pagination li a:hover {
  color: #1a1a1a;
  border-bottom-color: var(--primary)000;
}

/* blog post */
.blog-post {
  box-shadow: none;
  overflow: inherit;
  margin-bottom: 0;
}
.blog-post > .inner-post p:not(:last-child) {
  margin-bottom: 20px;
}
.blog-post > .inner-post p:last-child {
  margin-bottom: 0;
}
.blog-post > .inner-post .entry-summary {
  padding-bottom: 50px;
  overflow: hidden;
}
.blog-post .entry-footer {
  margin-bottom: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.blog-post .tagcloud {
  margin: 2px -3px 0;
  float: left;
}
.blog-post .tagcloud a {
  color: #1a1a1a;
  background: #fff;
  font-size: 14px !important;
  font-family: "Montserrat", sans-serif;
  text-transform: lowercase;
  font-weight: 400;
  padding: 8px 12px;
  margin: 0 3px;
  margin-bottom: 10px;
  line-height: 1;
  display: inline-block;
  border: 1px solid #e0e0e0;
  margin-bottom: 0;
}
.blog-post .tagcloud a:hover {
  background: #1a1a1a;
  color: #fff;
}
.blog-post .share-post {
  float: right;
  margin: 0 -5px;
}
.blog-post .share-post a {
  float: left;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  font-weight: 500;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: transparent;
  color: #1a1a1a;
  margin: 0 5px;
  border: 1px solid #e0e0e0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
}
.blog-post .share-post a:hover {
  color: #fff;
}
.blog-post .share-post a:hover.face {
  background: #4661c5;
  border-color: #4661c5;
}
.blog-post .share-post a:hover.twit {
  background: #44b1e4;
  border-color: #44b1e4;
}
.blog-post .share-post a:hover.pint {
  background: #ff2e2e;
  border-color: #ff2e2e;
}
.blog-post .share-post a:hover.linked {
  background: #0073B0;
  border-color: #0073B0;
}
.blog-post .share-post a:hover.google {
  background: #DC4A38;
  border-color: #DC4A38;
}
.blog-post .share-post a:hover.tumblr {
  background: #3C586D;
  border-color: #3C586D;
}
.blog-post .share-post a:hover.reddit {
  background: #FD4507;
  border-color: #FD4507;
}
.blog-post .share-post a:hover.vk {
  background: #5082B9;
  border-color: #5082B9;
}
.blog-post .author-bio {
  position: relative;
  text-align: center;
  overflow: hidden;
  margin-bottom: 50px;
  padding-top: 76px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.blog-post .author-bio .author-image {
  margin-bottom: 20px;
  position: absolute;
  top: 0;
  left: 50%;
  border: 10px solid #fff;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.blog-post .author-bio .author-info {
  padding: 96px 170px 46px;
  background-position: center;
  background-repeat: no-repeat;
}
.blog-post .author-bio .author-info h5 {
  margin-bottom: 15px;
}
.blog-post .author-bio .author-info .des {
  margin-bottom: 15px;
}
.blog-post .author-bio .author-info .author-socials a {
  font-size: 14px;
  margin-right: 22px;
  color: #b6b6b6;
}
.blog-post .author-bio .author-info .author-socials a:hover {
  color: #1a1a1a;
}
.blog-post .author-bio .author-info .author-socials a:last-child {
  margin-right: 0;
}

.drop-cap, .elementor-drop-cap {
  font-family: "Montserrat", sans-serif;
  float: left;
  text-align: center;
  background: #fff;
  width: 42px;
  height: 42px;
  line-height: 1;
  margin: 8px 18px 0 0 !important;
}
.drop-cap span, .elementor-drop-cap span {
  font-size: 24px;
  line-height: 40px;
  border: 1px solid #1a1a1a;
  display: block !important;
  font-weight: bold;
  color: #1a1a1a;
}

.post-nav {
  margin-bottom: 50px;
  overflow: hidden;
}
.post-nav a {
  position: relative;
  display: block;
  line-height: 1;
  min-height: 75px;
}
.post-nav a:before {
  position: absolute;
  font-family: "Flaticon";
  font-size: 20px;
  top: 50%;
  color: #1a1a1a;
  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: 11px;
}
.post-nav h6 > span {
  background-image: linear-gradient(0deg, #4b4b4b, #f5f5f5);
  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 span:not(.title-link) {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #9f9e9e;
}
.post-nav .post-prev {
  float: left;
  margin-left: -40px;
  width: 380px;
  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: "";
  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 {
  float: right;
  margin-right: -40px;
  width: 380px;
  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: "";
  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 h3, .blog-grid h3, .blog-slider h3 {
  margin-bottom: 30px;
}
.related-posts .post-box .post-inner, .blog-grid .post-box .post-inner, .blog-slider .post-box .post-inner {
  padding: 19px;
  margin-bottom: 0;
}
.related-posts .post-box .post-inner .entry-media, .blog-grid .post-box .post-inner .entry-media, .blog-slider .post-box .post-inner .entry-media {
  margin-bottom: 24px;
}
.related-posts .post-box .post-inner .the-excerpt, .blog-grid .post-box .post-inner .the-excerpt, .blog-slider .post-box .post-inner .the-excerpt {
  margin-bottom: 5px;
}
.related-posts .post-box .post-inner .entry-title, .blog-grid .post-box .post-inner .entry-title, .blog-slider .post-box .post-inner .entry-title {
  margin-bottom: 15px;
}

.related-posts {
  margin-bottom: 78px;
}

/*Version Dark*/
.dark-scheme .post-box .quote-box .quote-text:before {
  background-image: url("https://via.placeholder.com/189x150.png");
}
.dark-scheme .page-pagination li span, .dark-scheme .page-pagination li a:hover {
  color: #a3a3a3;
  border-color: #505050;
}
.dark-scheme .blog-post .author-bio .author-info h5 {
  color: #1a1a1a;
}
.dark-scheme .blog-post .tagcloud a {
  color: #fff;
  background: #1a1a1a;
  border-color: #1a1a1a;
}
.dark-scheme .blog-post .tagcloud a:hover {
  border-color: #fff;
  background: #fff;
  color: #1a1a1a;
}
.dark-scheme .post-nav a:before {
  color: #fff;
}
.dark-scheme .drop-cap, .dark-scheme .elementor-drop-cap {
  background: #0a0a0a;
}
.dark-scheme .drop-cap span, .dark-scheme .elementor-drop-cap span {
  border-color: #fff;
  color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area ol, .comments-area ul {
  list-style: none;
  padding-left: 0;
}
.comments-area ol .comment-respond, .comments-area ul .comment-respond {
  margin-top: -30px;
  margin-bottom: 40px;
}
.comments-area .comments-title {
  margin-bottom: 25px;
}
.comments-area .comment-item {
  padding-bottom: 12px;
  margin-bottom: 40px;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.comments-area .comment-item .gravatar {
  float: left;
}
.comments-area .comment-item .comment-content:not(.pingback) {
  padding-left: 110px;
}
.comments-area .comment-item .comment-meta {
  position: relative;
}
.comments-area .comment-item .comment-meta .comment-author {
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 2px;
  margin-top: -3px;
}
.comments-area .comment-item .comment-meta .comment-time {
  font-family: "Montserrat", sans-serif;
  display: block;
  color: #9f9e9e;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.comments-area .comment-item .comment-meta .comment-reply {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
}
.comments-area ul.children {
  padding-left: 110px;
}

.comment-respond {
  padding-top: 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: #9f9e9e;
}

.comment-form p {
  margin-bottom: 20px;
  line-height: 1.4;
}
.comment-form p label {
  margin-left: 8px;
}
.comment-form p.form-submit {
  margin-bottom: 0;
}
.comment-form .comment-notes {
  margin-bottom: 10px;
}
.comment-form .logged-in-as {
  font-size: 14px;
  margin-bottom: 20px;
}
.comment-form .logged-in-as a {
  color: #555555;
}
.comment-form input[type=text],
.comment-form input[type=email] {
  width: 100%;
}
.comment-form .octf-btn {
  margin-top: 10px;
}
.comment-form .octf-btn:before, .comment-form .octf-btn:after {
  display: none;
}
.comment-form .octf-btn:hover {
  border: 1px solid;
}

/*Version Dark*/
.dark-scheme .comments-area .comment-item {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.dark-scheme .comment-form .logged-in-as a {
  color: #a3a3a3;
}

/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
.widget ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.widget ul li {
  position: relative;
}
.widget ul li a {
  display: inline;
  background-size: 0 2px;
  background-position: 0 88%;
  background-repeat: no-repeat;
  background-image: linear-gradient(0deg, #4b4b4b, #f5f5f5);
}
.widget ul li a:hover {
  background-size: 100% 2px;
}
.widget .tagcloud {
  margin: 0 -3px -10px;
}
.widget .tagcloud a {
  color: #1a1a1a;
  background: #fff;
  font-size: 14px !important;
  font-family: "Montserrat", sans-serif;
  text-transform: lowercase;
  font-weight: 400;
  padding: 8px 12px;
  margin: 0 3px;
  margin-bottom: 10px;
  line-height: 1;
  display: inline-block;
  border: 1px solid #e0e0e0;
}
.widget .tagcloud a:hover {
  background: #1a1a1a;
  color: #fff;
}

.widget-area {
  font-family: "Montserrat", sans-serif;
}
.widget-area .widget {
  margin-bottom: 43px;
}
.widget-area .widget:last-child {
  margin-bottom: 0;
}
.widget-area .widget .widget-title {
  padding-bottom: 12px;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
  position: relative;
}
.widget-area .widget .widget-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 66px;
  height: 2px;
  border-bottom: 2px dotted #1a1a1a;
}
.widget-area .widget ul:not(.recent-news) > li {
  font-weight: 600;
  font-size: 16px;
  position: relative;
  margin-bottom: 10px;
}
.widget-area .widget ul:not(.recent-news) > li:last-child {
  margin-bottom: 0;
}
.widget-area .widget ul:not(.recent-news) > li a {
  color: #1a1a1a;
  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 ul:not(.recent-news) > li .count {
  font-family: "Montserrat", sans-serif;
  position: absolute;
  right: 20px;
  top: 50%;
  line-height: 1;
  color: #9f9e9e;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  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;
}
.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_categories ul li a,
.widget-area .widget_archive ul li a,
.widget-area .widget_nav_menu ul li a,
.widget-area .widget_product_categories ul li a {
  display: block;
  padding: 10px 20px;
  background: #f4f4f4;
  text-transform: uppercase;
}
.widget-area .widget_categories ul li a:hover,
.widget-area .widget_archive ul li a:hover,
.widget-area .widget_nav_menu ul li a:hover,
.widget-area .widget_product_categories ul li a:hover {
  color: #fff;
  background: #1a1a1a;
  text-decoration: none;
}
.widget-area .widget_categories ul li a:hover + span.count,
.widget-area .widget_archive ul li a:hover + span.count,
.widget-area .widget_nav_menu ul li a:hover + span.count,
.widget-area .widget_product_categories ul li a:hover + span.count {
  color: #fff;
}
.widget-area .widget_nav_menu ul li a > span {
  color: #a3a3a3;
}
.widget-area .widget_nav_menu ul li.current-menu-item a {
  color: #fff;
  background: #1a1a1a;
}

.widget .recent-news li:not(:last-child) {
  margin-bottom: 25px;
}
.widget .recent-news .thumb {
  float: left;
  margin-right: 20px;
  width: 75px;
}
.widget .recent-news h6 {
  margin-bottom: 15px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 400;
}
.widget .recent-news h6 a {
  color: #1a1a1a;
}
.widget .recent-news .post-on {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  display: block;
  line-height: 1;
  text-transform: uppercase;
  color: #9f9e9e;
}

.search-form {
  position: relative;
}
.search-form .search-field {
  width: 100%;
  padding: 0 46px 0 10px;
  height: 46px;
  line-height: 1;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.search-form .search-submit {
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 46px;
  outline: none;
  text-align: center;
  vertical-align: middle;
  color: #1a1a1a;
  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;
}
.search-form .search-submit i:before, .search-form .search-submit i:after {
  font-size: 17px;
  font-weight: 600;
}

.author-widget_wrapper {
  padding: 30px;
  background-image: url('https://via.placeholder.com/270x370.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.author-widget_wrapper .author-widget_image-wrapper {
  margin-bottom: 22px;
}
.author-widget_wrapper .author-widget_title {
  font-size: 22px;
  margin-bottom: 5px;
  color: #fff;
}
.author-widget_wrapper .author-widget_text {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 28px;
  color: #a3a3a3;
  margin-bottom: 15px;
}

.author-widget_social a {
  display: inline-block;
  font-size: 12px;
  text-align: center;
  height: 28px;
  width: 28px;
  line-height: 28px;
  cursor: pointer;
  margin-right: 7px;
  background: transparent;
  border: 1px solid #e0e0e0;
  color: #fff;
  -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;
}
.author-widget_social a:last-child {
  margin-right: 0px;
}
.author-widget_social a:hover {
  background: #444444;
  border-color: #444444;
}

.instafeed-gallery {
  margin-left: -5px;
  margin-right: -5px;
}
.instafeed-gallery .instafeed-item {
  display: inline-block;
  width: 33.33333333%;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.instafeed-gallery .instafeed-item a {
  display: inline-block;
  position: relative;
}
.instafeed-gallery .instafeed-item a img {
  max-width: 100%;
  height: auto;
}
.instafeed-gallery .instafeed-item a .overlay {
  opacity: 0;
}
.instafeed-gallery .instafeed-item a:hover .overlay {
  z-index: 1;
  opacity: 0.3;
}
.instafeed-gallery .instafeed-item:nth-last-child(1), .instafeed-gallery .instafeed-item:nth-last-child(2), .instafeed-gallery .instafeed-item:nth-last-child(3) {
  margin-bottom: 0;
}

/*Version Dark*/
.dark-scheme .widget-area .widget .widget-title:before {
  border-color: #fff;
}
.dark-scheme .widget-area .widget ul:not(.recent-news) > li a {
  color: #fff;
}
.dark-scheme .widget-area .widget_categories ul li a,
.dark-scheme .widget-area .widget_archive ul li a,
.dark-scheme .widget-area .widget_nav_menu ul li a,
.dark-scheme .widget-area .widget_product_categories ul li a {
  background: #1a1a1a;
}
.dark-scheme .widget-area .widget_categories ul li a:hover,
.dark-scheme .widget-area .widget_archive ul li a:hover,
.dark-scheme .widget-area .widget_nav_menu ul li a:hover,
.dark-scheme .widget-area .widget_product_categories ul li a:hover {
  color: #1a1a1a;
  background: #fff;
}
.dark-scheme .widget-area .widget_categories ul li a:hover + span.count,
.dark-scheme .widget-area .widget_archive ul li a:hover + span.count,
.dark-scheme .widget-area .widget_nav_menu ul li a:hover + span.count,
.dark-scheme .widget-area .widget_product_categories ul li a:hover + span.count {
  color: #1a1a1a;
}
.dark-scheme .widget .recent-news h6 a {
  color: #fff;
}
.dark-scheme .widget .tagcloud a {
  color: #fff;
  background: #1a1a1a;
  border-color: #1a1a1a;
}
.dark-scheme .widget .tagcloud a:hover {
  border-color: #fff;
  background: #fff;
  color: #1a1a1a;
}
.dark-scheme .search-form .search-submit {
  color: #a3a3a3;
}

/*--------------------------------------------------------------
## Responsive Blog
--------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
  .content-area {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-post .author-bio .author-info {
    padding-right: 30px;
    padding-left: 30px;
    background-size: cover;
  }

  .post-nav .post-prev,
.post-nav .post-next {
    width: 50%;
  }

  .post-nav .thumb-post-next,
.post-nav .thumb-post-prev {
    display: none;
  }

  .post-nav .post-next {
    margin-right: 0;
  }

  .post-nav .post-prev {
    margin-left: 0;
  }

  .related-posts .col-sm-6:first-child {
    margin-bottom: 30px;
  }

  .comment-respond .comment-reply-title {
    font-size: 32px;
  }

  .comments-area ul.children {
    padding-left: 50px;
  }

  .comment-form .octf-btn {
    font-size: 12px;
    padding: 15px 28px;
  }
}
@media only screen and (max-width: 600px) {
  .single-post .entry-content {
    padding: 50px 0 70px;
  }

  .post-box .post-inner {
    padding: 20px 20px 18px;
  }
}
@media only screen and (max-width: 479px) {
  .blog-post .tagcloud,
.blog-post .share-post {
    float: none;
  }

  .blog-post .share-post {
    margin-top: 20px;
  }
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.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-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;
}

/*--------------------------------------------------------------
# Elementor Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Heading
--------------------------------------------------------------*/
.ot-heading {
  position: relative;
}
.ot-heading > span {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #9f9e9e;
  display: inline-block;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.ot-heading h2 {
  margin-bottom: 0;
  line-height: 48px;
}
.ot-heading.is-dots {
  padding-bottom: 30px;
}
.ot-heading.is-dots:before {
  content: "";
  position: absolute;
  left: 1px;
  bottom: 1px;
  width: 66px;
  height: 2px;
  border-bottom: 2px dotted #1a1a1a;
}

.dark-scheme .ot-heading.is-dots:before {
  border-bottom-color: #fff;
}

.theratio-align-center .ot-heading.is-dots:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.theratio-align-right .ot-heading.is-dots:before {
  left: auto;
  right: 2px;
}

.theratio-align-left .ot-heading.is-dots:before {
  left: 1px;
  right: auto;
}

@media (max-width: 1024px) {
  .theratio-tablet-align-center .ot-heading.is-dots:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .theratio-tablet-align-right .ot-heading.is-dots:before {
    left: auto;
    right: 2px;
  }

  .theratio-tablet-align-left .ot-heading.is-dots:before {
    left: 1px;
    right: auto;
  }
}
@media (max-width: 767px) {
  .ot-heading > span {
    font-size: 12px;
  }

  .ot-heading h2 {
    font-size: 27px;
    line-height: 38px;
  }

  .ot-heading {
    padding-bottom: 20px;
  }
  .ot-heading:before {
    width: 40px;
  }

  .theratio-mobile-align-center .ot-heading.is-dots:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .theratio-mobile-align-right .ot-heading.is-dots:before {
    left: auto;
    right: 2px;
  }

  .theratio-mobile-align-left .ot-heading.is-dots:before {
    left: 1px;
    right: auto;
  }
}
@media (max-width: 600px) {
  .ot-heading h2 br {
    display: none;
  }
}
/*--------------------------------------------------------------
## Video Popup
--------------------------------------------------------------*/
.video-popup span {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  margin-left: 20px;
}

/*--------------------------------------------------------------
## Icon Box
--------------------------------------------------------------*/
.icon-box {
  padding: 37px 60px;
  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;
}
.icon-box .icon-main {
  color: #1a1a1a;
}
.icon-box .icon-main i, .icon-box .icon-main span:before {
  font-size: 54px;
  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;
}
.icon-box .icon-main i, .icon-box .icon-main img {
  margin-bottom: 17px;
}
.icon-box .icon-main span {
  display: block;
  line-height: 1;
  margin-bottom: 28px;
}
.icon-box h5 {
  margin-bottom: 15px;
  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;
}
.icon-box h5 a {
  color: #1a1a1a;
}
.icon-box p {
  margin-bottom: 13px;
  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;
}

.icon-box--bg-img {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f4f4f4;
}
.icon-box--bg-img.icon-box--is-line-hover:before, .icon-box--bg-img.icon-box--is-line-hover:after {
  content: "";
  position: absolute;
  background: #1a1a1a;
  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;
}
.icon-box--bg-img.icon-box--is-line-hover:before {
  width: 0;
  height: 1px;
  bottom: -10px;
  left: 10px;
}
.icon-box--bg-img.icon-box--is-line-hover:after {
  width: 1px;
  height: 0;
  top: 10px;
  right: -11px;
}
.icon-box--bg-img.icon-box--is-line-hover:hover:before {
  width: calc( 100% + 5px );
}
.icon-box--bg-img.icon-box--is-line-hover:hover:after {
  height: calc( 100% + 5px );
}
.icon-box--bg-img:hover {
  background-color: #1a1a1a;
}
.icon-box--bg-img:hover h5 {
  color: #fff;
}
.icon-box--bg-img:hover h5 a {
  color: #fff;
}
.icon-box--bg-img:hover p {
  color: #a3a3a3;
}
.icon-box--bg-img:hover .btn-details {
  opacity: 0.9;
  color: #fff;
}
.icon-box--bg-img:hover .btn-details:before {
  background: #505050;
}

.icon-box--classic {
  padding: 0;
}
.icon-box--classic p {
  margin-bottom: 0;
}

.icon-box--bg-color {
  padding: 30px;
  padding-bottom: 28px;
  background-color: #1a1a1a;
  border: 1px solid #292929;
  position: relative;
}
.icon-box--bg-color .link_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.icon-box--bg-color h5 {
  color: #fff;
  margin-bottom: 11px;
  line-height: 1.1;
}
.icon-box--bg-color p {
  color: #a3a3a3;
  margin-bottom: 0;
}
.icon-box--bg-color .icon-main {
  color: #fff;
  text-align: center;
  line-height: 1;
  margin-top: 10px;
}
.icon-box--bg-color .icon-main i, .icon-box--bg-color .icon-main span:before {
  font-size: 45px;
}
.icon-box--bg-color .icon-main span {
  margin-bottom: 0;
}
.icon-box--bg-color .icon-main img {
  max-width: 60px;
}
.icon-box--bg-color.icon-box--icon-left .icon-main {
  float: left;
}
.icon-box--bg-color.icon-box--icon-left .content-box {
  padding-left: 68px;
}
.icon-box--bg-color.icon-box--icon-right .icon-main {
  float: right;
}
.icon-box--bg-color.icon-box--icon-right .content-box {
  padding-right: 68px;
  text-align: right;
}
.icon-box--bg-color:hover {
  background-color: var(--primary);
}
.icon-box--bg-color:hover .link_overlay {
  z-index: 1;
}

@media (min-width: 768px) and (max-width: 991px) {
  .icon-box--bg-img {
    padding: 25px 40px;
  }

  .icon-box--bg-color {
    padding: 20px;
  }
}
/*--------------------------------------------------------------
## Service Box
--------------------------------------------------------------*/
.service-box .image-box {
  position: relative;
  overflow: hidden;
}
.service-box .image-box .overlay {
  background: rgba(26, 26, 26, 0.3);
  opacity: 0;
  z-index: 1;
}
.service-box .image-box img {
  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;
}
.service-box .info-box {
  padding: 25px 20px 0;
}
.service-box h4 {
  margin-bottom: 12px;
}
.service-box p {
  margin-bottom: 10px;
}
.service-box:hover .image-box .overlay {
  opacity: 1;
}
.service-box:hover .image-box img {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

/*--------------------------------------------------------------
## Counter
--------------------------------------------------------------*/
.ot-counter {
  font-family: "Montserrat", sans-serif;
  display: block;
  text-align: center;
}
.ot-counter span {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #c2c2c2;
  font-size: 42px;
  line-height: 1;
}
.ot-counter h6 {
  font-size: 18px;
  text-transform: uppercase;
  color: #232323;
  margin-top: 8px;
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: 1px;
  display: inline-block;
}

/*--------------------------------------------------------------
## Countdown
--------------------------------------------------------------*/
.ot-countdown {
  text-align: center;
  display: flex;
  margin-bottom: 0;
  color: #fff;
}
.ot-countdown li {
  display: inline-block;
  line-height: 1;
  flex-grow: 1;
  flex-basis: 0;
  font-weight: 600;
  color: #1a1a1a;
}
.ot-countdown li span {
  font-size: 120px;
  font-family: "Montserrat", sans-serif;
  display: block;
  margin-bottom: 13px;
  white-space: nowrap;
}
.ot-countdown li p {
  margin-bottom: 0;
  font-size: 18px;
  text-transform: uppercase;
  white-space: nowrap;
}
.ot-countdown li.seperator {
  font-size: 72px;
  font-weight: bold;
  color: #a7a7a7;
  margin-top: 27px;
}

.cs-form {
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  max-width: 475px;
  justify-content: space-between;
}
.cs-form > span.wpcf7-form-control-wrap {
  max-width: 335px;
  width: 100%;
  margin-top: 7px;
}
.cs-form > span.wpcf7-form-control-wrap .wpcf7-text {
  background: transparent;
  color: #555555;
  width: 100%;
}
.cs-form > span.wpcf7-form-control-wrap .wpcf7-text::placeholder {
  color: #555555;
}
.cs-form .octf-btn {
  padding: 15px 34px;
}
.cs-form .octf-btn:before, .cs-form .octf-btn:after {
  display: none;
}
.cs-form + div {
  max-width: 475px;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 767px) {
  .ot-countdown li p {
    font-size: 14px;
  }

  .ot-countdown li span,
.ot-countdown li.seperator {
    font-size: 42px;
  }

  .ot-countdown li span {
    margin-bottom: 10px;
  }

  .ot-countdown li.seperator {
    line-height: 55px;
    margin-top: -6px;
  }
}
@media (max-width: 600px) {
  .cs-form {
    display: block;
  }
  .cs-form > span.wpcf7-form-control-wrap {
    margin: 0 auto;
    display: block;
  }
  .cs-form .octf-btn {
    margin-top: 15px;
  }
}
/*--------------------------------------------------------------
## Contact-info
--------------------------------------------------------------*/
.contact-info {
  font-size: 16px;
  overflow: hidden;
  color: #1a1a1a;
}
.contact-info h6 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.contact-info i {
  font-size: 26px;
  margin-top: 2px;
  line-height: 1;
  float: left;
  color: #1a1a1a;
}
.contact-info i:before {
  font-size: 26px;
}
.contact-info img {
  width: 30px;
  margin-top: 3px;
  float: left;
}
.contact-info p {
  margin-bottom: 0;
}
.contact-info .info-text {
  padding-left: 50px;
  font-weight: 300;
}

/*--------------------------------------------------------------
## Testimonials
--------------------------------------------------------------*/
.ot-testimonials .testi-item {
  background: transparent;
  padding-right: 20px;
  margin-top: 26px;
}
.ot-testimonials .testi-item .t-head {
  overflow: hidden;
  justify-content: normal;
  padding-left: 20px;
}
.ot-testimonials .testi-item .t-head img {
  max-width: 80px;
  margin-right: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.ot-testimonials .testi-item .t-head h6 {
  font-size: 22px;
  margin-bottom: 2px;
}
.ot-testimonials .testi-item .t-head span {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  color: #6f6f6f;
}
.ot-testimonials .testi-item .ttext {
  position: relative;
  margin-bottom: 50px;
  padding: 37px 35px 37px 40px;
  font-size: 18px;
  line-height: 36px;
  background: #fff;
  border: 1px solid #e0e0e0;
}
.ot-testimonials .testi-item .ttext > span {
  position: absolute;
  content: "";
  left: 28px;
  top: -1px;
  width: 80px;
  height: 1px;
  background: #fff;
}
.ot-testimonials .testi-item .ttext:before {
  /*position: absolute;*/
  /*top: -28px;*/
  /*left: 28px;*/
  /*content: "";*/
  /*width: 80px;*/
  /*height: 45px;*/
  /*z-index: 1;*/
  /*background: url("https://via.placeholder.com/189x150.png") no-repeat center;*/

    position: absolute;
    font-family: "Montserrat",sans-serif;
    font-size: 200px;
    color: #1a1a1a;
    top: 23px;
    left: 29px;
    content: "“";
    width: 80px;
    height: 45px;
    z-index: 1;
}
.ot-testimonials .ot-testimonials-slider-s2 .testi-item {
  padding-right: 0;
  padding-bottom: 10px;
  margin: 0;
}
.ot-testimonials .ot-testimonials-slider-s2 .testi-item .ttext {
  font-size: 20px;
  padding: 0;
  margin-bottom: 30px;
  border: none;
  background: none;
}
.ot-testimonials .ot-testimonials-slider-s2 .testi-item .ttext:before {
  display: none;
}
.ot-testimonials .ot-testimonials-slider-s2 .testi-item .t-head {
  padding-left: 0;
}
.ot-testimonials .ot-testimonials-slider-s2 .testi-item .t-head h5 {
  margin-bottom: 3px;
}

.ot-testimonials.v-dark .ot-testimonials-slider-s1 .octf-swiper-button-next, .ot-testimonials.v-dark .ot-testimonials-slider-s1 .octf-swiper-button-prev, .ot-testimonials.v-dark .ot-testimonials-slider-s2 .octf-swiper-button-next, .ot-testimonials.v-dark .ot-testimonials-slider-s2 .octf-swiper-button-prev {
  color: #fff;
  background: #0a0a0a;
}
.ot-testimonials.v-dark .ot-testimonials-slider-s1 .octf-swiper-button-next:hover, .ot-testimonials.v-dark .ot-testimonials-slider-s1 .octf-swiper-button-prev:hover, .ot-testimonials.v-dark .ot-testimonials-slider-s2 .octf-swiper-button-next:hover, .ot-testimonials.v-dark .ot-testimonials-slider-s2 .octf-swiper-button-prev:hover {
  color: #919191;
}
.ot-testimonials.v-dark .octf-swiper-pagination .swiper-pagination-bullet {
  background: #0a0a0a;
}
.ot-testimonials.v-dark .octf-swiper-pagination .swiper-pagination-bullet:before {
  background: #fff;
  border-color: #fff;
}
.ot-testimonials.v-dark .testi-item .t-head h6, .ot-testimonials.v-dark .testi-item .t-head h5 {
  color: #fff;
}
.ot-testimonials.v-dark .testi-item .ttext {
  color: #fff;
  background: #0a0a0a;
  border-color: #292929;
}
.ot-testimonials.v-dark .testi-item .ttext > span {
  background: #0a0a0a;
}
.ot-testimonials.v-dark .testi-item .ttext:before {
  background: url("https://via.placeholder.com/189x150.png") no-repeat center;
}
.ot-testimonials.v-dark .testi-item .ttext .layer-behind {
  background: #1a1a1a;
}
.ot-testimonials.v-dark .ot-testimonials-slider-s2 .testi-item .ttext {
  color: #a3a3a3;
  background: none;
}
.ot-testimonials.v-dark .ot-testimonials-slider-s2 .testi-item .t-head span {
  color: #d0cfcf;
}

@media (max-width: 480px) {
  .ot-testimonials .t-head img {
    margin-right: 15px;
  }
}
/*--------------------------------------------------------------
## Image Carousel
--------------------------------------------------------------*/
.image-carousel .swiper-wrapper {
  align-items: center;
}
.image-carousel .swiper-slide {
  text-align: center;
}
.image-carousel .swiper-slide figure {
  line-height: inherit;
}
.image-carousel .swiper-slide img {
  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;
}
.image-carousel .octf-swiper-pagination {
  margin-top: 30px;
}
.image-carousel .octf-swiper-button-next, .image-carousel .octf-swiper-button-prev {
  background: #fff;
}

.image-gallery .gallery-icon {
  position: relative;
}
.image-gallery .gallery-icon .overlay {
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  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;
}
.image-gallery .gallery-icon .overlay i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  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-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  background: var(--primary);
  color: #fff;
}
.image-gallery .gallery-icon .overlay i:before {
  font-size: 22px;
}
.image-gallery .gallery-icon .overlay i:hover {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
  transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
.image-gallery .gallery-icon:hover .overlay {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 600px) {
  .image-gallery .gallery.gallery-columns-2 .gallery-item, .image-gallery .gallery.gallery-columns-3 .gallery-item, .image-gallery .gallery.gallery-columns-4 .gallery-item, .image-gallery .gallery.gallery-columns-5 .gallery-item, .image-gallery .gallery.gallery-columns-6 .gallery-item, .image-gallery .gallery.gallery-columns-7 .gallery-item, .image-gallery .gallery.gallery-columns-8 .gallery-item, .image-gallery .gallery.gallery-columns-9 .gallery-item, .image-gallery .gallery.gallery-columns-10 .gallery-item {
    max-width: 100%;
  }
}
/*--------------------------------------------------------------
## Image Category
--------------------------------------------------------------*/
.cate-lines {
  position: relative;
  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;
}
.cate-lines .cate-item_content {
  position: absolute;
  bottom: 67px;
  left: 60px;
}
.cate-lines img {
  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;
}
.cate-lines h2 {
  position: relative;
  color: #fff;
  font-weight: 300;
  margin-bottom: 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;
}
.cate-lines .number-stroke {
  font-size: 150px;
  position: absolute;
  left: calc(100% - 23px);
  bottom: -30px;
}
.cate-lines:before, .cate-lines:after {
  content: "";
  position: absolute;
  background: #fff;
  z-index: 1;
  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;
}
.cate-lines:before {
  width: calc(100% - 30px);
  height: 1px;
  bottom: 20px;
  left: 20px;
}
.cate-lines:after {
  width: 1px;
  height: calc(100% - 30px);
  top: 20px;
  right: 20px;
}
.cate-lines:hover h2 {
  color: #1a1a1a;
}
.cate-lines:hover .number-stroke {
  -webkit-text-stroke-color: #1a1a1a;
}
.cate-lines:hover img {
  filter: brightness(126%);
}
.cate-lines:hover:before, .cate-lines:hover:after {
  background: #222328;
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .cate-lines .cate-item_content {
    bottom: 56px;
    left: 50px;
  }
  .cate-lines h2 {
    font-size: 36px;
  }
  .cate-lines .number-stroke {
    font-size: 100px;
    bottom: -18px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .cate-lines .cate-item_content {
    bottom: 35px;
    left: 30px;
  }
  .cate-lines h2 {
    font-size: 36px;
  }
  .cate-lines .number-stroke {
    display: none;
  }
}
@media (max-width: 479px) {
  .cate-lines .cate-item_content {
    bottom: 40px;
    left: 40px;
  }
  .cate-lines h2 {
    font-size: 36px;
  }
  .cate-lines .number-stroke {
    font-size: 100px;
    bottom: -18px;
  }
}
/*--------------------------------------------------------------
## Accordion
--------------------------------------------------------------*/
.ot-accordions .acc-item {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.ot-accordions .acc-item .acc-toggle {
  cursor: pointer;
  justify-content: space-between;
  overflow: hidden;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  color: #1a1a1a;
  padding: 15px 0 20px;
  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-accordions .acc-item .acc-toggle i {
  float: right;
  text-align: center;
  line-height: 30px;
  font-size: 10px;
  color: #1a1a1a;
}
.ot-accordions .acc-item .acc-toggle i.up {
  display: none;
}
.ot-accordions .acc-item .acc-toggle i.down {
  margin-top: 5px;
}
.ot-accordions .acc-item .acc-toggle i:before {
  font-size: 14px;
}
.ot-accordions .acc-item .acc-content {
  display: none;
  padding: 0 20px 27px 0;
  font-size: 14px;
  line-height: 30px;
}
.ot-accordions .acc-item .acc-content p:last-child, .ot-accordions .acc-item .acc-content ul:last-child {
  margin-bottom: 0;
}
.ot-accordions .acc-item.current .acc-toggle i.down {
  display: none;
}
.ot-accordions .acc-item.current .acc-toggle i.up {
  display: inherit;
}
.ot-accordions .acc-item:last-child {
  border-bottom: none;
}

/*--------------------------------------------------------------
## Tabs
--------------------------------------------------------------*/
.ot-tabs .tabs-heading {
  margin-bottom: 0;
  overflow: hidden;
}
.ot-tabs .tab-link {
  font-family: "Montserrat", sans-serif;
  min-width: 176px;
  margin-right: 20px;
  padding: 12px 0;
  float: left;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 3px solid #dadada;
  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-tabs .tab-link.current, .ot-tabs .tab-link:hover {
  border-color: #1a1a1a;
  color: #1a1a1a;
}
.ot-tabs .tab-link:last-child {
  margin-right: 0;
}
.ot-tabs .tab-content {
  display: none;
  padding: 33px 0;
}
.ot-tabs .tab-content.current {
  display: inherit;
}
.ot-tabs .tab-content ul, .ot-tabs .tab-content ol {
  list-style: none;
  padding-left: 0;
  margin-top: 17px;
}
.ot-tabs .tab-content ul li, .ot-tabs .tab-content ol li {
  position: relative;
  padding-left: 46px;
  margin-bottom: 15px;
}
.ot-tabs .tab-content ul li:before, .ot-tabs .tab-content ol li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 1px;
  background: #555555;
}
.ot-tabs .tab-content ul li:last-child, .ot-tabs .tab-content ol li:last-child {
  margin-bottom: 0;
}
.ot-tabs p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
## Progress Bars
--------------------------------------------------------------*/
.ot-progress {
  font-weight: 700;
  font-size: 14px;
  color: #1a1a1a;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
.ot-progress .pname {
  margin-bottom: 3px;
  text-transform: uppercase;
}
.ot-progress .ppercent {
  position: absolute;
  right: -11px;
  bottom: 100%;
  padding: 0 8px;
  min-width: 40px;
  line-height: 1;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.ot-progress .iprogress {
  height: 2px;
  margin-bottom: 6px;
}
.ot-progress .progress-bar {
  height: 100%;
  width: 0;
  background: #1a1a1a;
  position: relative;
  -webkit-transition: all 1s 0.5s;
  -o-transition: all 1s 0.5s;
  transition: all 1s 0.5s;
}
.ot-progress .progress-bar:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 10px;
  background: #1a1a1a;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) skewX(-30deg);
  -ms-transform: translateY(-50%) skewX(-30deg);
  transform: translateY(-50%) skewX(-30deg);
}

.circle-progress {
  justify-content: left;
}
.circle-progress .inner-bar {
  position: relative;
  display: inline-block;
  line-height: 1;
  z-index: 1;
}
.circle-progress .inner-bar > span {
  position: absolute;
  width: 100%;
  line-height: 1;
  top: 50%;
  left: 0;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 30px;
  margin-top: -15px;
  color: #1a1a1a;
}
.circle-progress .inner-bar canvas {
  display: block;
}
.circle-progress .inner-bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  border: 2px solid rgba(10, 10, 10, 0.1);
}
.circle-progress h4 {
  display: block;
  font-size: 18px;
  line-height: 26px;
  margin-left: 20px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.circle-progress.tbottom h4 {
  margin: 19px 0 0;
}

.easyPieChart {
  position: relative;
  text-align: center;
}

.easyPieChart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 480px) {
  .ot-progress .pname {
    margin-bottom: 30px;
  }
}
/*--------------------------------------------------------------
## Process
--------------------------------------------------------------*/
.ot-process {
  padding-right: 20px;
  padding-left: 20px;
}
.ot-process .process_nav {
  margin: 0;
  text-align: center;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 3px solid var(--primary);
}
.ot-process .process_nav li {
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  margin-right: 70px;
  cursor: pointer;
}
.ot-process .process_nav li:last-child {
  margin-right: 0;
}
.ot-process .process_nav li:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  bottom: -3px;
  left: 0;
  background: #fff;
  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 .process_nav li .number-stroke {
  position: absolute;
  left: -17px;
  top: -38px;
  font-size: 72px;
}
.ot-process .process_nav li .icon-main {
  position: relative;
  display: inline-block;
  width: 141px;
  height: 141px;
  line-height: 141px;
  background: var(--primary);
  color: #fff;
  margin-bottom: 25px;
  -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-process .process_nav li .icon-main span:not(.number-stroke) {
  font-size: 56px;
}
.ot-process .process_nav li .icon-main span:not(.number-stroke):before {
  font-size: 56px;
}
.ot-process .process_nav li .icon-main span.ot-flaticon-tip {
  margin-left: 18px;
}
.ot-process .process_nav li.current:after {
  opacity: 1;
  visibility: visible;
}
.ot-process .process_nav li:hover .icon-main, .ot-process .process_nav li.current .icon-main {
  background: #fff;
  color: var(--primary);
}
.ot-process .process_nav li .process-des-item {
  padding: 0;
}
.ot-process .process_nav li h5 {
  margin-bottom: 16px;
}
.ot-process .process_nav h5 {
  font-size: 22px;
  color: #fff;
  margin-bottom: 26px;
}
.ot-process .process-des-item {
  padding: 38px 50px 0;
  text-align: center;
  color: #a3a3a3;
  margin: 0;
}

.ot-process:not([data-tab]) .process_nav {
  border-bottom: none;
}
.ot-process:not([data-tab]) .process_nav li {
  margin-right: 50px;
}
.ot-process:not([data-tab]) .process_nav li:last-child {
  margin-right: 0;
}

.order-even-top-40 .ot-process:not([data-tab]) .process_nav li:nth-child(even) {
  margin-top: 40px;
}

@media (max-width: 1024px) {
  .ot-process .process_nav li, .ot-process:not([data-tab]) .process_nav li {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .ot-process .process_nav {
    display: block;
    border-color: #fff;
  }
  .ot-process .process_nav li {
    margin-bottom: 60px;
  }
  .ot-process .process_nav li:last-child {
    margin-bottom: 30px;
  }
  .ot-process .process_nav li:after {
    display: none;
  }
  .ot-process .process-des-item {
    padding: 20px 30px 0;
  }

  .order-even-top-40 .ot-process:not([data-tab]) .process_nav li:nth-child(even) {
    margin-top: 0;
  }
}
/*--------------------------------------------------------------
## Support Box
--------------------------------------------------------------*/
.support-box {
  position: relative;
}
.support-box .inner-box {
  position: relative;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transform-style: preserve-3d;
}
.support-box .inner-box > div {
  backface-visibility: hidden;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
}
.support-box .icon-title {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  color: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.support-box .icon-title h5 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 42px;
}
.support-box .icon-title span {
  margin-bottom: 4px;
}
.support-box .icon-title span:before {
  font-size: 45px;
}
.support-box .icon-title i {
  font-size: 45px;
  margin-bottom: 20px;
  margin-top: 19px;
}
.support-box .overlay {
  z-index: 1;
  opacity: 1;
  text-align: center;
  padding: 20px 45px;
  background: #0a0a0a;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #a3a3a3;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.support-box .overlay p {
  margin-bottom: 0;
}
.support-box:hover .inner-box {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.support-box:hover .inner-box .content-box {
  opacity: 0;
}

/*--------------------------------------------------------------
## Features Box
--------------------------------------------------------------*/
.ot-features-box .features-image {
  position: relative;
  color: #fff;
}
.ot-features-box .features-image .overlay {
  cursor: pointer;
  background: rgba(26, 26, 26, 0.4);
  opacity: 0;
  z-index: 1;
}
.ot-features-box .features-image i:before {
  color: #fff;
  font-size: 30px;
}
.ot-features-box .features-image:hover .overlay {
  opacity: 1;
}
.ot-features-box .features-content {
  text-align: center;
  overflow: hidden;
  background-color: #1a1a1a;
  padding: 36px 0;
}
.ot-features-box .features-content h6 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1;
  position: relative;
  text-align: center;
  color: #fff;
}
.ot-features-box .features-content h6 a {
  color: #fff;
}
.ot-features-box .features-content h6 span {
  font-weight: 300;
  color: #a3a3a3;
}
.ot-features-box .features-content h6:before {
  content: "";
  position: absolute;
  display: inline-block;
  left: -1px;
  top: 50%;
  height: 1px;
  width: 0;
  background: #fff;
  transition: all 0.45s;
  transition-delay: 0.1s;
}
.ot-features-box .features-content h6:hover:before {
  width: 70px;
}

@media (max-width: 1024px) {
  .ot-features-box .features-content h6:before {
    display: none;
  }
}
/*--------------------------------------------------------------
## Message
--------------------------------------------------------------*/
.message-box {
  padding: 5px;
  overflow: hidden;
  position: relative;
  background: #fff;
  border: 1px solid #e0e0e0;
  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;
}
.message-box .icon-main {
  float: left;
  font-size: 20px;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: #fff;
  background: #32a7eb;
}
.message-box .icon-main span:before {
  font-size: 20px;
}
.message-box .content-box {
  padding-left: 66px;
}
.message-box .content-box h6 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
.message-box .content-box p {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1;
}
.message-box > i {
  position: absolute;
  top: 50%;
  right: 20px;
  line-height: 1;
  margin-top: -7px;
  color: #a5b7d2;
  cursor: pointer;
}
.message-box > i:before {
  font-size: 13px;
}

@media (max-width: 600px) {
  .message-box > i {
    top: 15px;
    right: 10px;
  }

  .message-box .content-box p {
    line-height: 1.4;
  }
}
/*--------------------------------------------------------------
## Pricing Table
--------------------------------------------------------------*/
.ot-pricing-table {
  position: relative;
  text-align: center;
  padding-right: 20px;
  padding-bottom: 20px;
  overflow: 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-pricing-table .inner-table {
  position: relative;
  padding: 70px 45px 47px;
  border: 1px solid #e0e0e0;
  background: #fff;
}
.ot-pricing-table .inner-table .title-table {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  padding: 9px 19px;
  line-height: 1;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #fff;
  background: #1a1a1a;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ot-pricing-table .inner-table h2 {
  font-size: 48px;
  font-weight: 300;
  line-height: 1;
  position: relative;
  display: inline-block;
  padding-left: 27px;
  top: -1px;
}
.ot-pricing-table .inner-table h2 sup {
  position: absolute;
  top: 15px;
  left: 5px;
  font-size: 62.5%;
  font-weight: 400;
}
.ot-pricing-table .inner-table > p {
  display: inline-block;
  position: relative;
  color: #929292;
  bottom: -9px;
  padding-left: 15px;
}
.ot-pricing-table .inner-table > p:before {
  position: absolute;
  content: "";
  top: -15px;
  left: 5px;
  width: 1px;
  height: 49px;
  background: #929292;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}
.ot-pricing-table .inner-table .details {
  margin-top: 26px;
  padding-top: 25px;
  padding-bottom: 26px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.ot-pricing-table .inner-table .details ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  line-height: 42px;
  text-align: left;
}
.ot-pricing-table .inner-table .details ul li {
  position: relative;
  color: #b8b8b8;
}
.ot-pricing-table .inner-table .details ul li.active {
  color: #555555;
}
.ot-pricing-table .inner-table .details ul li.active:after {
  position: absolute;
  content: "";
  font-family: "Flaticon";
  font-size: 10px;
  right: 0;
}
.ot-pricing-table .inner-table .details.no-icon ul li.active:after {
  display: none;
}
.ot-pricing-table .octf-btn {
  border-color: #1a1a1a;
  background: #fff;
  color: var(--primary);
  padding: 15px 31px;
}
.ot-pricing-table .octf-btn:before, .ot-pricing-table .octf-btn:after {
  display: none;
}
.ot-pricing-table .octf-btn:hover {
  background: #1a1a1a;
  color: #fff;
}
.ot-pricing-table.is-featured .inner-table {
  background: #1a1a1a;
  color: #fff;
}
.ot-pricing-table.is-featured .inner-table .title-table {
  background: #4e4e4e;
}
.ot-pricing-table.is-featured .inner-table .details {
  border-color: rgba(255, 255, 255, 0.15);
  color: #8e88b8;
}
.ot-pricing-table.is-featured .inner-table .details ul li {
  color: #6e6666;
}
.ot-pricing-table.is-featured .inner-table h2,
.ot-pricing-table.is-featured .inner-table .details ul li.active {
  color: #fff;
}
.ot-pricing-table.is-featured .octf-btn:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.ot-pricing-table:hover {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .ot-pricing-table .inner-table {
    padding: 70px 45px 47px;
  }
  .ot-pricing-table .inner-table h2 {
    font-size: 40px;
  }
}
@media (max-width: 1024px) {
  .ot-pricing-table {
    max-width: 430px;
    margin: auto;
  }
  .ot-pricing-table .inner-table {
    padding: 45px;
  }
}
@media (max-width: 767px) {
  .ot-pricing-table {
    max-width: 470px;
  }
}
@media (max-width: 479px) {
  .ot-pricing-table .inner-table {
    padding: 33px;
    padding-top: 70px;
  }

  .ot-pricing-table .inner-table .details {
    font-size: 14px;
  }
}
/*--------------------------------------------------------------
## Post Grid
--------------------------------------------------------------*/
.blog-grid {
  margin-right: -15px;
  margin-left: -15px;
}
.blog-grid:after {
  content: "";
  display: block;
  clear: both;
}
.blog-grid .masonry-post-item {
  float: left;
  width: 33.3333333333%;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.blog-grid .masonry-post-item .post-inner {
  margin-bottom: 15px;
}
.blog-grid .masonry-post-item.post-box .entry-meta span.comment-num {
  display: none;
}
.blog-grid .octf-swiper-button-next, .blog-grid .octf-swiper-button-prev {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.blog-grid.pf_4_cols .masonry-post-item {
  width: 25%;
}
.blog-grid.pf_2_cols .masonry-post-item {
  width: 50%;
}

.blog-slider .post-box .entry-meta span.comment-num {
  display: none;
}

.blog-grid.v-dark .post-box .entry-title a, .blog-slider.v-dark .post-box .entry-title a, .dark-scheme .post-box .entry-title a {
  color: #fff;
}
.blog-grid.v-dark .post-box .link-box i, .blog-grid.v-dark .post-box .link-box a, .blog-slider.v-dark .post-box .link-box i, .blog-slider.v-dark .post-box .link-box a, .dark-scheme .post-box .link-box i, .dark-scheme .post-box .link-box a {
  color: #fff;
}
.blog-grid.v-dark .post-box .quote-box .quote-text, .blog-slider.v-dark .post-box .quote-box .quote-text, .dark-scheme .post-box .quote-box .quote-text {
  color: #fff;
}
.blog-grid.v-dark .post-box .post-inner, .blog-slider.v-dark .post-box .post-inner, .dark-scheme .post-box .post-inner {
  background: #0a0a0a;
  border-color: #292929;
}
.blog-grid.v-dark .post-box .post-inner .the-excerpt, .blog-slider.v-dark .post-box .post-inner .the-excerpt, .dark-scheme .post-box .post-inner .the-excerpt {
  color: #a3a3a3;
}
.blog-grid.v-dark .post-box .entry-meta > span a:hover, .blog-slider.v-dark .post-box .entry-meta > span a:hover, .dark-scheme .post-box .entry-meta > span a:hover {
  color: #fff;
}
.blog-grid.v-dark .post-box .entry-meta > span:before, .blog-slider.v-dark .post-box .entry-meta > span:before, .dark-scheme .post-box .entry-meta > span:before {
  color: #9f9e9e;
}
.blog-grid.v-dark .post-box:not(.blog-post):hover .post-inner, .blog-slider.v-dark .post-box:not(.blog-post):hover .post-inner, .dark-scheme .post-box:not(.blog-post):hover .post-inner {
  border-color: #fff;
}
.blog-grid.v-dark + .page-pagination li a, .blog-grid.v-dark + .page-pagination li span, .blog-slider.v-dark + .page-pagination li a, .blog-slider.v-dark + .page-pagination li span, .dark-scheme + .page-pagination li a, .dark-scheme + .page-pagination li span {
  color: #fff;
  border-color: #fff;
}
.blog-grid.v-dark .octf-swiper-pagination .swiper-pagination-bullet-active, .blog-slider.v-dark .octf-swiper-pagination .swiper-pagination-bullet-active, .dark-scheme .octf-swiper-pagination .swiper-pagination-bullet-active {
  border-color: #fff;
}
.blog-grid.v-dark .octf-swiper-pagination .swiper-pagination-bullet:before, .blog-slider.v-dark .octf-swiper-pagination .swiper-pagination-bullet:before, .dark-scheme .octf-swiper-pagination .swiper-pagination-bullet:before {
  background: #fff;
}

@media only screen and (min-width: 991px) {
  .blog-grid.pf_4_cols .octf-swiper-button-next, .blog-grid.pf_4_cols .octf-swiper-button-prev {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .blog-grid.pf_4_cols .octf-swiper-button-next i:before, .blog-grid.pf_4_cols .octf-swiper-button-prev i:before {
    font-size: 14px;
  }
  .blog-grid.pf_4_cols .btn-play i {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .blog-grid .masonry-post-item,
.blog-grid.pf_4_cols .masonry-post-item {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .blog-grid .masonry-post-item,
.blog-grid.pf_4_cols .masonry-post-item,
.blog-grid.pf_2_cols .masonry-post-item {
    width: 100%;
  }
}
/*--------------------------------------------------------------
## Team
--------------------------------------------------------------*/
.team-wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
.team-wrap .team-text-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.team-wrap .team-info {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(26, 26, 26, 0.6);
  opacity: 0;
  text-align: center;
  display: table;
  table-layout: fixed;
  overflow: hidden;
  color: #fff;
  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;
}
.team-wrap .team-info div.dcell {
  position: relative;
  width: 100%;
  height: 100%;
}
.team-wrap .team-thumb {
  overflow: hidden;
}
.team-wrap img {
  display: 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;
}
.team-wrap .m_extra {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 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;
}
.team-wrap .m_extra span {
  display: block;
  letter-spacing: 0.5px;
  margin-bottom: 32px;
}
.team-wrap h4 {
  margin-bottom: 23px;
  color: #fff;
  text-transform: uppercase;
  line-height: 36px;
  letter-spacing: 0.5px;
}
.team-wrap h4 a {
  color: #fff;
}
.team-wrap h4 a:hover {
  color: #9f9e9e;
}
.team-wrap .team-social > span {
  cursor: pointer;
  margin-bottom: 20px;
  position: absolute;
  z-index: 2;
  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;
}
.team-wrap .team-social > span:before {
  font-size: 21px;
}
.team-wrap .team-social a {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  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;
}
.team-wrap .team-social a:hover {
  color: #9f9e9e;
}
.team-wrap .team-social.active > span {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.team-wrap .team-social.active a {
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 1;
  visibility: visible;
}
.team-wrap:hover .team-info {
  opacity: 1;
}
.team-wrap:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.member-info {
  font-family: "Montserrat", sans-serif;
  list-style: none;
  font-size: 18px;
  padding-left: 0;
}
.member-info li {
  color: #a3a3a3;
  padding-bottom: 10px;
}

.member-form input[type=text],
.member-form input[type=email] {
  width: 100%;
}
.member-form .octf-btn {
  margin-top: 10px;
}
.member-form .octf-btn:before, .member-form .octf-btn:after {
  display: none;
}
.member-form .octf-btn:hover {
  border: 1px solid;
}

@media (min-width: 1025px) and (max-width: 1300px) {
  .team-wrap h4 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .team-wrap .team-social a {
    opacity: 1;
    font-size: 14px;
  }
}
/*--------------------------------------------------------------
## Portfolio
--------------------------------------------------------------*/
/* projects-grid
================================================== */
.project-item,
.grid-sizer {
  float: left;
  width: 33.3333333333%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.project-item.thumb2x,
.grid-sizer.thumb2x {
  width: 66.66666666%;
}

.projects-grid.pf_5_cols .project-item,
.projects-grid.pf_5_cols .grid-sizer {
  width: 20%;
}
.projects-grid.pf_5_cols .project-item.thumb2x,
.projects-grid.pf_5_cols .grid-sizer.thumb2x {
  width: 40%;
}

.projects-grid.pf_4_cols .project-item,
.projects-grid.pf_4_cols .grid-sizer {
  width: 25%;
}
.projects-grid.pf_4_cols .project-item.thumb2x,
.projects-grid.pf_4_cols .grid-sizer.thumb2x {
  width: 50%;
}

.projects-grid.pf_2_cols .project-item,
.projects-grid.pf_2_cols .grid-sizer {
  width: 50%;
}
.projects-grid.pf_2_cols .project-item.thumb2x,
.projects-grid.pf_2_cols .grid-sizer.thumb2x {
  width: 100%;
}

.projects-grid {
  position: relative;
  overflow: 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;
  /* info style 2 */
  /* info style 3 */
  /* info hidden */
}
.projects-grid .projects-box {
  position: relative;
  overflow: hidden;
}
.projects-grid .projects-box .portfolio-info {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(10, 10, 10, 0.8);
  opacity: 0;
  display: flex;
  align-items: center;
  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;
}
.projects-grid .projects-box .portfolio-info .overlay {
  opacity: 1;
  background: transparent;
  z-index: 0;
}
.projects-grid .projects-box .portfolio-info .portfolio-info-inner {
  text-align: center;
  width: 100%;
  z-index: 1;
  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;
}
.projects-grid .projects-box .portfolio-info h5 {
  color: #fff;
  font-size: 24px;
  padding: 0 25px;
  margin-bottom: 17px;
}
.projects-grid .projects-box .portfolio-info h5 a {
  color: #fff;
}
.projects-grid .projects-box .portfolio-info .portfolio-cates {
  color: #9f9e9e;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  padding: 0 25px;
}
.projects-grid .projects-box .portfolio-info .portfolio-cates a {
  color: #9f9e9e;
  line-height: 1;
  display: inline-block;
  letter-spacing: 0.5px;
  margin: 0 5px;
}
.projects-grid .projects-box .portfolio-info .portfolio-cates a:before {
  content: "[";
  margin-right: 5px;
}
.projects-grid .projects-box .portfolio-info .portfolio-cates a:after {
  content: "]";
  margin-left: 5px;
}
.projects-grid .projects-box .portfolio-info .portfolio-cates a:hover {
  color: #fff;
}
.projects-grid .projects-box .portfolio-info .portfolio-cates a:first-child {
  margin-left: 0;
}
.projects-grid .projects-box .portfolio-info .portfolio-cates a:last-child {
  margin-right: 0;
}
.projects-grid .projects-box .projects-thumbnail {
  overflow: hidden;
}
.projects-grid .projects-box .projects-thumbnail .overlay {
  visibility: hidden;
}
.projects-grid .projects-box img {
  width: 100%;
  height: auto;
  display: 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;
}
.projects-grid .projects-box:hover .portfolio-info {
  opacity: 1;
}
.projects-grid.style-2 .portfolio-info {
  background: none;
  align-items: flex-end;
  height: auto;
}
.projects-grid.style-2 .portfolio-info .portfolio-info-inner {
  text-align: left;
  background: #fff;
  padding: 27px 50px 26px;
  -webkit-transform: translateY(40%);
  -ms-transform: translateY(40%);
  transform: translateY(40%);
  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;
}
.projects-grid.style-2 .portfolio-info .portfolio-info-inner h5 {
  margin-bottom: 8px;
  padding: 0;
}
.projects-grid.style-2 .portfolio-info .portfolio-info-inner h5 a {
  color: #1a1a1a;
}
.projects-grid.style-2 .portfolio-info .portfolio-info-inner .portfolio-cates {
  padding: 0;
}
.projects-grid.style-2 .portfolio-info .portfolio-info-inner .portfolio-cates a:hover {
  color: #1a1a1a;
}
.projects-grid.style-2 .projects-box:hover .portfolio-info-inner {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.projects-grid.style-2.w-auto .portfolio-info {
  width: auto;
}
.projects-grid.style-3 .projects-thumbnail {
  position: relative;
}
.projects-grid.style-3 .projects-thumbnail .overlay {
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  display: none;
  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;
}
.projects-grid.style-3 .projects-thumbnail .overlay i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  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-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  background: var(--primary);
  color: #fff;
}
.projects-grid.style-3 .projects-thumbnail .overlay i:before {
  font-size: 22px;
}
.projects-grid.style-3 .projects-thumbnail .overlay i:hover {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
  transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
.projects-grid.style-3 .projects-thumbnail:hover .overlay {
  opacity: 1;
  visibility: visible;
}
.projects-grid.style-3 .portfolio-info {
  background: none;
  position: static;
  opacity: 1;
  align-items: flex-end;
}
.projects-grid.style-3 .portfolio-info .portfolio-info-inner {
  text-align: left;
  padding-top: 20px;
  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;
}
.projects-grid.style-3 .portfolio-info .portfolio-info-inner h5 {
  padding: 0;
  margin-bottom: 7px;
}
.projects-grid.style-3 .portfolio-info .portfolio-info-inner h5 a {
  color: #1a1a1a;
  margin-bottom: 10px;
}
.projects-grid.style-3 .portfolio-info .portfolio-info-inner .portfolio-cates {
  padding: 0;
}
.projects-grid.style-3 .portfolio-info .portfolio-info-inner .portfolio-cates a:hover {
  color: #1a1a1a;
}
.projects-grid.style-3 .portfolio-info .overlay {
  display: none;
}
.projects-grid.style-4 .projects-thumbnail {
  position: relative;
}
.projects-grid.style-4 .projects-thumbnail .overlay {
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  display: none;
  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;
}
.projects-grid.style-4 .projects-thumbnail .overlay i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  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-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  background: var(--primary);
  color: #fff;
}
.projects-grid.style-4 .projects-thumbnail .overlay i:before {
  font-size: 22px;
}
.projects-grid.style-4 .projects-thumbnail .overlay i:hover {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
  transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
.projects-grid.style-4 .projects-thumbnail:hover .overlay {
  opacity: 1;
  visibility: visible;
}
.projects-grid.style-4 .portfolio-info {
  display: none;
}
.projects-grid.img-popup .projects-thumbnail .overlay {
  display: block;
}
.projects-grid.img-scale .projects-box:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.projects-grid.no-cat .portfolio-cates {
  display: none;
}

/*** load more button ***/
.btn-block {
  text-align: center;
  clear: both;
}
.btn-block .octf-btn {
  margin-top: 60px;
}
.btn-block .octf-btn:after, .btn-block .octf-btn:before {
  display: none;
}

/**** isotope filtering ****/
.project_filters {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  padding-left: 0;
}
.project_filters:after {
  content: "";
  display: block;
  clear: both;
}

.project_filters li {
  position: relative;
  display: inline-block;
  text-align: center;
  margin-left: 28px;
  margin-right: 28px;
  margin-bottom: 5px;
}
.project_filters li:last-child {
  margin-right: 0;
}
.project_filters li:first-child {
  margin-left: 0;
}

.project_filters li a {
  font-size: 14px;
}
.project_filters li a::before {
  width: 0;
}
.project_filters li a.selected:before {
  width: calc( 100% + 14px );
}
.project_filters li a:focus, .project_filters li a:active {
  color: #1a1a1a;
}
.project_filters li a .filter-count {
  position: absolute;
  top: -11px;
  right: -10px;
  width: 20px;
  text-align: left;
  font-size: 11px;
  color: #828282;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.project_filters li a.selected .filter-count, .project_filters li a:hover .filter-count {
  opacity: 1;
  visibility: visible;
  right: -20px;
}

/*Dark scheme*/
.dark-scheme .project_filters li a:focus, .dark-scheme .project_filters li a:active {
  color: #fff;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* project carousel */
.project-slider .octf-swiper-pagination {
  margin-top: 30px;
}

.project-bottom {
  /*border-top: 1px solid rgba(0, 0, 0, 0.1);*/
  padding-bottom: 30px;
}

.single-portfolio-navigation {
  padding-top: 42px;
}
.single-portfolio-navigation .post-nav {
  margin-bottom: 0;
}

.portfolio-related-posts-wrap {
  /*padding-top: 70px;*/
}

.portfolio-related-title-wrap h2 {
  margin-bottom: 15px;
}

@media only screen and (min-width: 1025px) {
  .portfolio-related-posts-wrap .octf-swiper-pagination {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .projects-grid.pf_5_cols .grid-sizer,
.projects-grid.pf_5_cols .project-item,
.projects-grid.pf_4_cols .grid-sizer,
.projects-grid.pf_4_cols .project-item {
    width: 33.333333%;
  }
  .projects-grid.pf_5_cols .grid-sizer.thumb2x,
.projects-grid.pf_5_cols .project-item.thumb2x,
.projects-grid.pf_4_cols .grid-sizer.thumb2x,
.projects-grid.pf_4_cols .project-item.thumb2x {
    width: 66.666666%;
  }
}
@media only screen and (max-width: 992px) {
  .project-item,
.grid-sizer,
.projects-grid.pf_5_cols .grid-sizer,
.projects-grid.pf_5_cols .project-item,
.projects-grid.pf_4_cols .grid-sizer,
.projects-grid.pf_4_cols .project-item {
    width: 50%;
  }
  .project-item.thumb2x,
.grid-sizer.thumb2x,
.projects-grid.pf_5_cols .grid-sizer.thumb2x,
.projects-grid.pf_5_cols .project-item.thumb2x,
.projects-grid.pf_4_cols .grid-sizer.thumb2x,
.projects-grid.pf_4_cols .project-item.thumb2x {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .projects-box .portfolio-info {
    right: 0;
    opacity: 1;
  }

  .projects-style-1 .projects-box .portfolio-info .portfolio-info-inner {
    padding: 30px;
  }

  .projects-style-1 .projects-box .portfolio-info h5 {
    font-size: 20px;
  }

  .projects-style-1 .projects-box .portfolio-info .portfolio-cates {
    font-size: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .project-item,
.grid-sizer,
.projects-grid.pf_5_cols .project-item,
.projects-grid.pf_4_cols .project-item,
.projects-grid.pf_2_cols .project-item {
    width: 100%;
  }

  .project_filters li {
    margin-left: 10px;
    margin-right: 10px;
  }

  .portfolio-related-title-wrap h2 {
    font-size: 30px;
  }
}
/*--------------------------------------------------------------
## Miscellaneous
--------------------------------------------------------------*/
.site-overlay {
  cursor: url(https://via.placeholder.com/32x32.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;
}

.dc-bgdark .elementor-drop-cap span {
  background: #1a1a1a;
  color: #fff;
}

.wpcf7 .main-form .font14 {
  margin-bottom: 24px;
}
.wpcf7 .main-form input,
.wpcf7 .main-form textarea {
  width: 100%;
  background: #fff;
}
.wpcf7 .main-form input::placeholder,
.wpcf7 .main-form textarea::placeholder {
  text-transform: uppercase;
}
.wpcf7 .main-form button {
  margin-top: 15px;
}
.wpcf7 .main-form button:before, .wpcf7 .main-form button:after {
  display: none;
}
.wpcf7 .main-form button:hover {
  background: #fff;
  color: #1a1a1a;
  border-color: #1a1a1a;
}
.wpcf7 .main-form p {
  margin-bottom: 15px;
}
.wpcf7 .main-form p:last-child {
  margin-bottom: 0;
}
.wpcf7 div.wpcf7-response-output {
  margin: 20px 0 0;
}
.wpcf7 span.wpcf7-not-valid-tip {
  display: none;
}
.wpcf7 .wpcf7-not-valid {
  border-color: #f00;
}
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-acceptance-missing {
  background: #f7e700;
  color: #1a1a1a;
}

.grid-lines {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0;
  pointer-events: none;
  user-select: none;
}
.grid-lines .g-line-vertical {
  height: 100%;
  display: block;
  width: 1px;
  background-color: #fff;
  left: 90px;
  top: 0;
  position: absolute;
}
.grid-lines .g-line-horizontal {
  height: 1px;
  display: block;
  width: 100%;
  background-color: #fff;
  top: 90px;
  left: 0;
  position: absolute;
}
.grid-lines .line-center {
  left: 50%;
}
.grid-lines .line-right {
  left: auto;
  right: 90px;
}
.grid-lines .line-bottom {
  bottom: 90px;
  top: auto;
}

.has-lines-horizontal-bottom .grid-lines .line-top {
  display: none;
}

.has-lines-horizontal-top .grid-lines .line-bottom {
  display: none;
}

.no-lines-vertical-center .grid-lines .line-center {
  display: none;
}

.ot-social-vertical {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ot-social-vertical ul {
  line-height: 90px;
}
.ot-social-vertical ul li.elementor-icon-list-item {
  margin-bottom: 40px;
  writing-mode: vertical-rl;
  letter-spacing: 0.75px;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.ot-social-vertical ul li.elementor-icon-list-item:last-child {
  margin-bottom: 0;
}

.rs-layer .btn-details {
  color: #fff;
}
.rs-layer .btn-details:before {
  background: #505050;
}

.dark-scheme .wpcf7 .main-form input, .dark-scheme .wpcf7 .main-form textarea {
  background: transparent;
}
.dark-scheme .wpcf7 .main-form button {
  background: #1a1a1a;
  color: #fff;
  border-color: #1a1a1a;
}
.dark-scheme .wpcf7 .main-form button:hover {
  background: #fff;
  color: #1a1a1a;
  border-color: #fff;
}

@media (max-width: 600px) {
  .rs-layer .btn-details:before {
    width: 16px;
    height: 7px;
    bottom: 0;
    left: -5px;
  }
  .rs-layer .btn-details:hover:before {
    width: calc( 100% + 10px );
  }

  .rs-layer.octf-btn:before, .rs-layer.octf-btn:after {
    display: none;
  }
}
@media (max-width: 1024px) {
  .grid-lines .g-line-vertical {
    left: 0;
  }
  .grid-lines .g-line-vertical.line-right {
    right: 0;
    left: auto;
  }
  .grid-lines .g-line-vertical.line-center {
    left: 50%;
  }
}
@media (max-width: 991px) {
  .ot-gallery .gallery-item:nth-child(even) .gallery-icon {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .ot-social-vertical {
    display: none;
  }
}
body .elementor-widget:not(:last-child) {
  margin-bottom: 0;
}

div.elementor-widget-heading .elementor-heading-title {
  color: #1a1a1a;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

.dark-scheme .elementor-widget-heading .elementor-heading-title {
  color: #fff;
}

.elementor .elementor-section.elementor-section-boxed > .elementor-container {
  padding: 0 15px;
}

.elementor-default .elementor-widget-text-editor,
.elementor-default .elementor-icon-list-text {
  font-family: "Montserrat", sans-serif;
  color: #555555;
  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;
}

.elementor-default.dark-scheme .elementor-widget-text-editor,
.elementor-default.dark-scheme .elementor-icon-list-text {
  color: #a3a3a3;
}

.elementor_library-template-default .post-author-box,
.elementor_library-template-default .post-navigation {
  display: none;
}

.elementor-default .elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}

.elementor .elementor-section > .elementor-container > .elementor-row {
  width: auto;
  flex: 100%;
  min-width: 100%;
}

.elementor-section > .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated, .elementor-section > .elementor-column-gap-narrow > .elementor-row > .elementor-column > .elementor-element-populated, .elementor-section > .elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated {
  padding-top: 0;
  padding-bottom: 0;
}

.elementor .elementor-section > .elementor-column-gap-extended > .elementor-row {
  margin-left: -15px;
  margin-right: -15px;
}
.elementor .elementor-section > .elementor-column-gap-default > .elementor-row {
  margin-left: -10px;
  margin-right: -10px;
}
.elementor .elementor-section > .elementor-column-gap-narrow > .elementor-row {
  margin-left: -5px;
  margin-right: -5px;
}

.elementor .elementor-section-full_width:not(.elementor-inner-section) > .elementor-column-gap-extended > .elementor-row {
  margin-left: 0;
  margin-right: 0;
}

.page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-default > .elementor-row, .page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-narrow > .elementor-row, .page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-extended > .elementor-row, .page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wide > .elementor-row, .page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wider > .elementor-row,
.page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-default > .elementor-row,
.page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-narrow > .elementor-row,
.page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-extended > .elementor-row,
.page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wide > .elementor-row,
.page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wider > .elementor-row,
.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-default > .elementor-row,
.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-narrow > .elementor-row,
.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-extended > .elementor-row,
.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wide > .elementor-row,
.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wider > .elementor-row {
  margin-left: 0;
  margin-right: 0;
}

.ot-flex-column-horizontal .elementor-widget-wrap {
  flex-wrap: nowrap;
}
.ot-flex-column-horizontal .elementor-widget-wrap > .elementor-widget {
  display: flex;
  width: auto;
}

.elementor-section.ml_0 .elementor-container {
  margin-left: 0;
}

@media (max-width: 767px) {
  .elementor .elementor-hidden-phone {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor .elementor-hidden-tablet {
    display: none;
  }
}
@media (min-width: 1025px) {
  .elementor .elementor-hidden-desktop {
    display: none;
  }
}
@media (max-width: 767px) {
  .page-template-template-homepage .elementor-top-section:not(.elementor-section-full_width) > .elementor-container,
.page-template-template-full-width .elementor-top-section:not(.elementor-section-full_width) > .elementor-container,
.page-template-template-home-full-width .elementor-top-section:not(.elementor-section-full_width) > .elementor-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .page-template-template-homepage .elementor-top-section:not(.elementor-section-full_width) > .elementor-column-gap-no,
.page-template-template-full-width .elementor-top-section:not(.elementor-section-full_width) > .elementor-column-gap-no,
.page-template-template-home-full-width .elementor-top-section:not(.elementor-section-full_width) > .elementor-column-gap-no {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .elementor .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 750px;
  }

  .elementor-element .container {
    width: 720px;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .elementor .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 970px;
  }

  .elementor-element .container {
    width: 940px;
    padding: 0;
  }
}
@media (min-width: 1230px) {
  .elementor .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1200px;
  }

  .elementor-element .container {
    width: 1170px;
    padding: 0;
  }
}
@media (min-width: 1230px) {
  .elementor .elementor-section:not(.elementor-section-full_width) > .elementor-column-gap-wide > .elementor-row {
    margin-left: -20px;
    margin-right: -20px;
  }
  .elementor .elementor-section:not(.elementor-section-full_width) > .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated {
    padding-left: 20px;
    padding-right: 20px;
  }
  .elementor .elementor-section:not(.elementor-section-full_width) > .elementor-column-gap-wider > .elementor-row {
    margin-left: -30px;
    margin-right: -30px;
  }
  .elementor .elementor-section:not(.elementor-section-full_width) > .elementor-column-gap-wider > .elementor-row > .elementor-column > .elementor-element-populated {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/*--------------------------------------------------------------
## Search
--------------------------------------------------------------*/
.octf-cta-header {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.octf-cta-header .toggle_search {
  cursor: pointer;
}
.octf-cta-header .toggle_search i {
  color: #fff;
  text-align: center;
  display: inline-block;
  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.ot-flaticon-close-1:before {
  font-size: 18px;
}
.octf-cta-header .h-search-form-field {
  position: absolute;
  z-index: 99;
  top: -webkit-calc(100% + 10px);
  top: expression(100% + 10px);
  top: -moz-calc(100% + 10px);
  top: -o-calc(100% + 10px);
  top: calc(100% + 10px);
  right: -30px;
  width: 340px;
}
.octf-cta-header .h-search-form-field .h-search-form-inner {
  padding: 20px 35px 34px;
  background-color: #2a2a2a;
  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);
}
.octf-cta-header .h-search-form-field .h-search-form-inner input {
  background: transparent;
  color: #fff;
  font-weight: 400;
  border-color: rgba(255, 255, 255, 0.1);
}
.octf-cta-header .h-search-form-field .h-search-form-inner button {
  color: #fff;
}
.octf-cta-header .h-search-form-field .h-search-form-inner button i:before {
  font-weight: normal;
}
.octf-cta-header .h-search-form-field .h-search-form-inner ::-webkit-input-placeholder {
  /* Edge */
  color: #fff;
}
.octf-cta-header .h-search-form-field .h-search-form-inner :-ms-input-placeholder {
  /* Internet Explorer */
  color: #fff;
}
.octf-cta-header .h-search-form-field .h-search-form-inner ::placeholder {
  color: #fff;
}
.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);
  }
}
@media only screen and (max-width: 600px) {
  .octf-cta-header .h-search-form-field {
    right: -65px;
  }
}
/*--------------------------------------------------------------
## Mini Cart
--------------------------------------------------------------*/
.octf-cart {
  position: relative;
}

.site-header-cart {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  top: -webkit-calc(100% + 10px);
  top: expression(100% + 10px);
  top: -moz-calc(100% + 10px);
  top: -o-calc(100% + 10px);
  top: calc(100% + 10px);
  right: -30px;
  background: #2a2a2a;
  color: #fff;
  width: 342px;
  padding: 35px;
  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;
  color: #fff;
}
.cart-contents:hover {
  color: #fff;
}
.cart-contents i:before {
  font-size: 22px;
}
.cart-contents .count {
  position: absolute;
  bottom: -3px;
  left: -12px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  background: #1a1a1a;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 11px;
  font-family: "Montserrat", sans-serif;
}

@media only screen and (max-width: 1024px) {
  .site-header-cart {
    display: none;
  }
}
/*--------------------------------------------------------------
## Menu Mobie
--------------------------------------------------------------*/
.header-mobile {
  display: none;
}

.header-mobile .is-stuck {
  background-color: #1a1a1a;
}
.header-mobile .is-stuck .cart-contents .count {
  background: #fff;
  color: #1a1a1a;
}

.mmenu-toggle button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  color: #fff;
}
.mmenu-toggle button i:before {
  font-size: 22px;
}

.mmenu-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 310px;
  height: 100vh;
  background: #2a2a2a;
  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;
  margin-bottom: 10px;
  color: #fff;
}
.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: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow {
  color: #fff;
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  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 {
  color: #9397a7;
  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 i:before {
  font-size: 10px;
  font-weight: 600;
}
.mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow.active i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
.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-wrapper.on-left .mmenu-close i:before {
  content: "";
}

.mmenu-active .mmenu-overlay {
  background: rgba(0, 0, 0, 0.7);
  visibility: visible;
  opacity: 1;
  z-index: 9998;
}

@media only screen and (max-width: 1024px) {
  .header-mobile {
    display: block;
  }

  .admin-bar section:not(.is-stuck) .mmenu-wrapper {
    top: 32px;
  }
}
@media only screen and (max-width: 782px) {
  .admin-bar section:not(.is-stuck) .mmenu-wrapper {
    top: 46px;
  }
}
/*--------------------------------------------------------------
## Side Panel
--------------------------------------------------------------*/
.panel-btn {
  line-height: 1;
}
.panel-btn i {
  color: #fff;
  cursor: pointer;
}
.panel-btn i:before {
  font-size: 22px;
}

.admin-bar .side-panel {
  top: 32px;
}

.side-panel {
  width: 400px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background: #2a2a2a;
  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;
}
.side-panel .side-panel-block {
  padding: 90px 42px 90px 25px;
  height: 100%;
  width: calc(100% + 17px);
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
.side-panel .side-panel-close {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  font-size: 20px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  cursor: pointer;
  z-index: 9999;
  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;
  background: #2f2f2f;
  text-align: center;
}
.side-panel.on-left {
  right: auto;
  left: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.side-panel.on-left.mmenu-open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.side-panel.side-panel-open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.side-panel-active .panel-overlay {
  background: rgba(0, 0, 0, 0.7);
  visibility: visible;
  opacity: 1;
  z-index: 9998;
}
/* Custom mini cart */
.woocommerce-mini-cart li {
  margin-bottom: 0;
  padding-bottom: 28px;
  padding-right: 32px;
  line-height: 1;
}
.woocommerce-mini-cart li:before, .woocommerce-mini-cart li:after {
  content: ' ';
  display: table;
}
.woocommerce-mini-cart li:after {
  clear: both;
}
.woocommerce-mini-cart li img {
  width: 75px;
  max-width: 100%;
  height: auto;
  float: left;
  margin-left: 0;
  margin-top: 2px;
  margin-right: 20px;
  border: 1px solid rgba(0,0,0,.1);
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.woocommerce-mini-cart li a.remove {
    top: 0;
    margin-top: 0;
    right: 0;
    position: absolute;
    left: auto;
    line-height: .8;
    font-weight: 400;
    font-size: 25px;
    color: #656565!important;
}
.woocommerce-mini-cart li a.remove:hover {
    background: none;
}
.woocommerce-mini-cart li a:not(.remove) {
    display: inline;
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    line-height: 24px;
}
.woocommerce-mini-cart li .quantity {
    color: #9f9e9e;
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    font-size: 14px;
    display: block;
    margin-top: 12px;
}
.woocommerce-mini-cart li .amount {
    color: #9f9e9e;
    font-weight: 400;
    font-size: 16px;
    font-family: "Montserrat",sans-serif;
}
.woocommerce-mini-cart__total {
    border-top: 0;
    padding: 0;
}
.woocommerce-mini-cart__total strong {
    min-width: 40px;
    display: inline-block;
}
.woocommerce-mini-cart__total strong {
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    font-size: 22px;
}
.woocommerce-mini-cart__total .amount {
    float: right;
    font-size: 18px;
    line-height: 44px;
    color: #fff;
    font-weight: 400;
    font-family: "Montserrat",sans-serif;
}
.woocommerce-mini-cart__buttons .button  {
    font-size: 13px;
    line-height: 1;
    border-radius: 0;
    font-weight: 600;
    letter-spacing: .5px;
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    padding: 16px 30px;
    margin-right: 13px;
    display: inline-block;
    margin-bottom: 5px;
    border: 1px solid #1a1a1a;
}
.woocommerce-mini-cart__buttons .button:last-child {
    margin-right: 0;
}
.woocommerce-mini-cart__buttons .button.wc-forward {
    border-color: #fff;
    color: #1a1a1a;
    background: #fff;
}
.woocommerce-mini-cart__buttons .button.wc-forward:hover {
    color: #fff;
    background: transparent;
    border-color: #fff;
}
.woocommerce-mini-cart__buttons .button.checkout {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}
.woocommerce-mini-cart__buttons .button.checkout:hover {
    border-color: #fff;
    color: #1a1a1a;
    background: #fff;
}
/* Mega Menu */
.main-navigation {
  position: unset;
}
.main-navigation > ul {
  position: unset;
}
.main-navigation > ul > li.mega-dropdown {
  display: list-item;
  float: none;
  position: unset;
  flex-direction: column;
}
.main-navigation ul li ul.mega-sub-menu {
  width: 100%;
  left: 0;
  padding-top: 50px;
}
.main-navigation ul.mega-sub-menu li.row {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}
.main-navigation ul li ul.mega-sub-menu .col {
  min-width: 220px;
  position: relative;
  left: auto;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  max-width: 25%;
  box-shadow: none;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
.main-navigation ul li.mega-dropdown:hover > ul .col {
    visibility: visible;
    opacity: 1;
}
.main-navigation ul li ul.mega-sub-menu .col li {
    padding-left: 0;
}
.mega-sub-menu .menu-title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}
/* Custom Side panel */
.side-panel-block .the-logo {
  margin: 10px 0 40px 0;
}
.side-panel-block .the-logo img {
  width: 175px;
}
.side-panel-block .ot-heading h2 {
    color: #FFF;
    font-size: 24px;
    margin-bottom: 20px;
}
.side-panel-block .gallery {
    margin: 0 -10px -10px 0;
    display: table;
}
.side-panel-block .gallery-item {
    padding: 0 10px 10px 0;
    display: inline-block;
    max-width: 33.33333333%;
}
.side-panel .side-panel-block {
    
}
.header_mobile .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.header_mobile .octf-row {
    margin-left: 0;
    margin-right: 0;
}
.header_mobile .octf-col {
    padding-left: 0;
    padding-right: 0;
}
.header_mobile .octf-search {
    margin-right: 30px;
}
.header_mobile .octf-menu-mobile {
    padding-right: 15px;
}
.header_mobile .mlogo_wrapper img {
    height: 76px;
}
.header_mobile .octf-row{
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    flex: 1 auto;
}
.side-panel-cinfo {
    padding-bottom: 40px;
}
.side-panel-cinfo ul {
    padding-left: 0;
    margin-bottom: 0;
}
.side-panel-cinfo .icon-list-item, .side-panel-cinfo .icon-list-item a {
    font-family: var(--e-global-typography-text-font-family);
    font-weight: var(--e-global-typography-text-font-weight);
}
.side-panel-cinfo li.icon-list-item, .side-panel-cinfo li.icon-list-item a {
    font-family: "Montserrat",sans-serif;
    color: #555;
    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;
}
.side-panel-cinfo .icon-list-item, .side-panel-cinfo  .icon-list-item a {
    font-family: "Montserrat",Sans-serif;
    line-height: 18px;
}
.side-panel-cinfo  .icon-list-items:not(.elementor-inline-items) .icon-list-item:not(:last-child) {
    padding-bottom: calc(25px/2);
}
@media (min-width: 768px){
.side-panel-block .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
}

@media only screen and (max-width: 782px) {
  .admin-bar .side-panel {
    top: 46px;
  }
}
.gallery-columns-2 {
  display: table;
}
.gallery-columns-2 .gallery-item {
  width: 50%;
}
@media (max-width: 767px){
  .gallery-columns-2 .gallery-item {
    width: 100%;
  }
}
.author-bio .author-info {
  background-image: url('https://via.placeholder.com/870x290.png');
}
.author-bio .author-image {
  max-width: 150px;
}
/* Page Header */
section {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}
.space-medium {
  padding-top: 70px;
  padding-bottom: 70px;
}
.no-padding {
  padding: 0;
}
.bg-dark-1 {
  background-color: #1A1A1A;
}
.page-header {
  background-image: url('https://via.placeholder.com/1920x500.png');
}
.page-header-contact {
  background-image: url('https://via.placeholder.com/1920x500.png');
}
.pheader-service-detail1 {
  background-image: url('https://via.placeholder.com/1920x500.png');
}
.pheader-team {
  background-image: url('https://via.placeholder.com/1920x500.png');
}
.pheader-services {
    background-image: url(https://via.placeholder.com/1920x500.png);
}
.pheader-about {
    background-image: url(https://via.placeholder.com/1920x500.png);
}
.pheader-process {
    background-image: url(https://via.placeholder.com/1920x500.png);
}
.pheader-studio {
    background-image: url(https://via.placeholder.com/1920x500.png);
}
.pheader-typo {
    background-image: url(https://via.placeholder.com/1920x500.png);
}
.pheader-faq {
    background-image: url(https://via.placeholder.com/1920x500.png);
}
.pheader-portfolio {
    background-image: url(https://via.placeholder.com/1920x500.png);
}
.pheader-portfolio-detail {
    background-image: url(https://via.placeholder.com/1920x500.png);
}

/* Post */
.comments-title span {
  color: #bababa;
}
.masonry-post .post-inner {
  padding: 20px;
  margin-bottom: 30px;
}
.masonry-post .owl-theme .owl-nav [class*='owl-'] {
    width: 50px;
    height: 50px;
}
/* contact */
.contact-left h2 {
    line-height: 1;
}
.contact-left p {
    margin-bottom: 24px;
}
.contact-right {
    padding-left: 75px;
    padding-right: 40px;
    /*background-image: url('https://via.placeholder.com/510x680.png');*/
    /*background-image: url('/local/templates/prymery/assets/images/bg1-contact.jpg');*/
  background: var(--primary);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #A3A3A3;
}
.contact-right .ot-heading {
    padding-top: 81px;
    padding-bottom: 25px;
}
.contact-right h2 {
    color: #fff;
}
.contact-right > p {
    margin-bottom: 25px;
}
.contact-right .contact-info {
    padding-bottom: 27px;
}
.contact-right .contact-info h6 {
    color: #fff;
}
.contact-right .contact-info i:before {
    color: #fff;
    font-size: 23px;
}
.contact-right .contact-info, .contact-right .contact-info a {
    color: #d3d3d3;
}
.contact-right .list-social a {
    border-color: rgba(255,255,255,.4);
}
.contact-right .list-social {
    margin-top: 11px;
    padding-bottom: 90px;
}
.contact-map {
    margin-top: 40px;
    z-index: 9;
    position: relative;
}
.map {
  height: 522px;
}
.map iframe {
    width: 100%;
    height: 522px;
    filter: brightness(100%) contrast(100%) saturate(0%) blur(0) hue-rotate(0deg);
}
/* Our Services */
.benefits-sidebar .ot-heading {
    padding-bottom: 38px;
}
.benefits-sidebar .ot-heading h2 {
    line-height: 60px;
}
.principes {
    background-color: #F4F4F4;
    background-image: url(https://via.placeholder.com/411x610.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.main-principes {
    padding-left: 85px;
}
.main-principes .ot-heading {
    margin-bottom: 30px;
}
.process-classic {
    margin-bottom: 30px;
}
.process-classic span {
    color: #8F8F8F;
    font-size: 20px;
    font-weight: 400;
    font-family: "Montserrat",sans-serif;
    line-height: 1;
    padding-bottom: 12px;
}
.process-classic h6 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #1a1a1a;
    font-weight: 400;
    font-family: "Montserrat",sans-serif;
}
.process-classic p {
    margin-bottom: 0;
}
.our-services .ot-heading {
    margin-bottom: 50px;
}
.icon-box--bg-img {
    margin-bottom: 20px;
}
.icon-bg-1 {
    background-image: url(https://via.placeholder.com/715x628.png);
}
.icon-bg-2 {
    background-image: url(https://via.placeholder.com/715x628.png);
}
.icon-bg-3 {
    background-image: url(https://via.placeholder.com/715x628.png);
}
.icon-bg-4 {
    background-image: url(https://via.placeholder.com/715x628.png);
}
.icon-bg-5{
    background-image: url(https://via.placeholder.com/715x628.png);
}
.icon-bg-6 {
    background-image: url(https://via.placeholder.com/715x628.png);
}
.icon-bg-1:hover {
    background-image: url(https://via.placeholder.com/715x628.png);
}
.icon-bg-2:hover {
    background-image: url(https://via.placeholder.com/715x628.png);
}
.icon-bg-3:hover {
    background-image: url(https://via.placeholder.com/715x628.png);
}
.icon-bg-4:hover {
    background-image: url(https://via.placeholder.com/715x628.png);
}
.icon-bg-5:hover {
    background-image: url(https://via.placeholder.com/715x628.png);
}
.icon-bg-6:hover {
    background-image: url(https://via.placeholder.com/715x628.png);
}
.services-feature {
    background-color: #1A1A1A;
    padding-bottom: 90px;
}
.icon-box.s2 {
    padding: 39px 2px 19px 2px;
    margin-bottom: 30px;
    background-image: url(https://via.placeholder.com/169x169.png);
}
.icon-box.s2:hover {
    background-image: url(https://via.placeholder.com/169x169.png);
}
.icon-box.s2 .icon-main {
    color: #fff;
}
.icon-box.s2:hover .icon-main {
    color: #1A1A1A;
}
.icon-box.s2 h5 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
.icon-box.s2:hover h5 {
    color: #1A1A1A;
}
.icon-box .icon-main span.ot-flaticon-tip {
    margin-left: 18px;
}
.feature-content .ot-heading {
    padding-bottom: 20px;
}
.tabs-light .tab-link {
    min-width: 150px;
    border-bottom: 3px solid #4B4B4B;
}
.tabs-light .tab-link:not(.current) {
    color: #9F9F9F;
}
.tabs-light .tab-link.current, .tabs-light .tab-link:hover {
    color: #FFF;
    border-bottom: 3px solid #FFF;
}
.feature-content .ot-tabs .tab-content {
    color: #A3A3A3;
    padding-top: 16px;
    padding-bottom: 0;
}
.ot-tabs.tabs-light .tab-content {
    color: #A3A3A3;
}
.tabs-light .tab-content ul li:before, .tabs-light .tab-content ol li:before {
    background: #9F9F9F;
}
.benefits-detail .ot-heading {
    padding-bottom: 18px;
}
.benefits-detail .ot-heading h2 {
    line-height: 60px;
}
/* About Us */
.about-detail .ot-heading {
    margin-bottom: 25px;
}
.about-detail p {
    margin-bottom: 40px;
}
.our-philosophy {
    background-image: url(https://via.placeholder.com/1920x705.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.our-philosophy .ot-heading {
    margin-bottom: 50px;
}
.our-philosophy .ot-heading:before {
    border-color: #FFF;
}
.about-counter {
    background-image: url(https://via.placeholder.com/1900x200.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 66px 0;
}
.work-content .ot-heading {
    padding: 21px 0 25px 0;
}
.ot-accordions .acc-item .acc-toggle span.up {
    display: none;
}
.ot-accordions .acc-item.current .acc-toggle span.down {
    display: none;
}
.ot-accordions .acc-item.current .acc-toggle span.up {
    display: inherit;
}
.about-team {
    background-image: url(https://via.placeholder.com/1920x975.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about-testi {
    padding-bottom: 85px;
}
.about-testi .ot-heading{
    margin-bottom: 50px;
}
/* Our Team */
.skill-content .ot-heading {
    margin-bottom: 25px;
}
.ot-progress .progress-bar {
    color: #1a1a1a;
}
.team-clients {
    padding: 70px 0;
}
.clients-slide .owl-stage, .clients-slide-medium .owl-stage {
    display: flex;
    align-items: center;
}
.clients-slide .img-item figure, .clients-slide-medium .img-item figure {
    margin-top: 0;
    margin-bottom: 0;
}
.clients-slide .img-item img, .clients-slide-medium .img-item img {
    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;
}
.clients-slide .img-item img, .clients-slide-medium .img-item img {
    width: auto;
  filter: grayscale(100%);
  margin: 0 auto;
  max-height: 45px;
    /*filter: brightness(100%) contrast(0%) saturate(100%) blur(0) hue-rotate(0deg);*/
}
.clients-slide .img-item img:hover, .clients-slide-medium .img-item img:hover {
    opacity: 1;
  filter: grayscale(0%);
    /*filter: brightness(100%) contrast(100%) saturate(100%) blur(0) hue-rotate(0deg);*/
}
.section-team-list {
    background-image: url(/local/templates/prymery/assets/images/bg1-team.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.counter-of-team {
    padding-top: 120px;
}
.section-team-list .ot-heading {
    margin-bottom: 50px;
}
.our-skills {
    padding-top: 80px;
    padding-bottom: 120px;
}
.octf-btn.border-hover-dark:hover {
    border-color: #1A1A1A;
}
.octf-btn.border-hover-light:hover {
    border-color: #fff;
}
/* SInle Team */
.single-team {
    padding-top: 90px;
    padding-bottom: 100px;
}
.team-member-img {
    margin-right: -100px;
    padding-top: 55px;
    position: relative;
    z-index: 1;
}
.team-member-info {
    background-image: url(https://via.placeholder.com/770x485.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px;
}
.team-member-info h2 {
    color: #fff;
    font-size: 42px;
    line-height: 1;
    padding-top: 75px;
    margin-bottom: 25px;
}
.team-member-info h5 {
    color: #FFF;
    font-family: "Montserrat",Sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 28px;
}
.single-team-detail {
    padding-top: 55px;
}
.single-team-detail h4 {
    margin-bottom: 28px;
    line-height: 1;
}
.single-team-skill {
    padding-top: 45px;
    margin-bottom: 50px;
}
.single-team-skill h4 {
    margin-bottom: 30px;
    line-height: 1;
}
.single-team-skill p {
    margin-bottom: 0;
}
.single-team-contact h4 {
    line-height: 1;
}
.single-team-detail p {
    margin-bottom: 50px;
}
.single-team-detai strong {
    color: #1a1a1a;
}
.team-feature-detail h6 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}
.team-feature-detail {
    margin-bottom: 27px;
}
.team-feature-detail p {
    margin-bottom: 0;
}
/* Our process */
.our-process {
    background-image: url(https://via.placeholder.com/1920x1612.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.our-process .ot-heading {
    margin-bottom: 50px;
}
.process-step {
    background-image: url(https://via.placeholder.com/1183x533.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.process-step .ot-heading {
    margin-bottom: 60px;
}
.process-step .ot-heading h2 {
    color: #fff;
}
.process-step .ot-heading.is-dots:before {
    border-bottom-color: #fff;
}
.ot-process .process_nav li .icon-main {
    text-align: center;
}
.ot-process .process_nav li .icon-main .dcell {
    display: block;
}
.ot-process .process_nav li .icon-main i:before {
    font-size: 56px;
}
.ot-process .process_nav li .icon-main .dcell .ot-flaticon-tip {
    margin-left: 18px;
}
.skill-process-detail  .ot-heading {
    margin-bottom: 25px;
}
.skill-process-detail p {
    margin-bottom: 33px;
}
.process-news {
    background-color: #F4F4F4;
    background-image: url(https://via.placeholder.com/412x533.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.our-studio-detail {
    background-image: url(https://via.placeholder.com/375x375.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 50px 60px 50px;
    margin-top: 78px;
}
.our-studio-detail .ot-heading {
    padding-bottom: 12px;
}
.our-studio-detail .ot-heading h2 {
    color: #fff;
    font-size: 36px;
}
.our-studio-detail p {
    color: #A3A3A3;
    margin-bottom: 0;
}
.services-studio {
    background-color: #F4F4F4;
}
.services-studio-detail .ot-heading {
    margin-bottom: 25px;
}
.services-studio-detail p {
    margin-bottom: 40px;
}
.services-studio-detail .icon-box {
    padding: 0;
    padding-right: 30px;
    background-color: rgba(244,244,244,.98);
}
.services-studio-detail .icon-box.last {
    padding-right: 0;
}
.services-studio-detail .icon-box .icon-main span {
    margin-bottom: 22px;
}
.services-studio-detail .icon-box .icon-main i:before {
    font-size: 50px;
}
.services-studio-detail .icon-box h5 {
    margin-bottom: 9px;
}
.services-studio-detail .icon-box h5 a{
    color: #1A1A1A;
}
.services-studio-detail .icon-box p {
    margin-bottom: 10px;
    color: #555;
}
.services-studio-detail .icon-box--bg-img:hover .btn-details {
    color: #1A1A1A;
}
.services-studio-detail .icon-box:hover .btn-details:before {
    background: #DDD;
    border-color: #DDD;
}
.progress-studio {
    background-image: url(https://via.placeholder.com/1920x505.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main-color-stext {
    color: #A3A3A3;
    padding-top: 8px;
}
.circle-progress.text-light .inner-bar > span {
    color: #fff;
}
.studio-testi-slide {
    width: 100%;
    position: relative;
}
.studio-testi-img {
    width: 100%;
}
.studio-testi-slide-block {
    margin-left: 0;
    margin-right: 0;
}
.studio-testi-slide-block {
    margin-top: 58px;
    padding-top: 82px;
    padding-left: 87px;
    background-color: #F4F4F4;
}
.studio-testi-slide-block .ot-heading {
    margin-bottom: 25px;
}
.studio-testi-slide-block .testimonials-slide-2 {
    padding-bottom: 70px;
}
.studio-testi-slide-block .testimonials-slide-2 .testi-item .ttext:before {
    display: none;
}
.ot-testimonials .ot-testimonials-slider-s2 .testi-item .ttext {
    padding: 0 70px 0 0;
    background-color: #F4F4F4;
    border: none;
}
.studio-testi-img-block {
    z-index: -1;
    position: relative;
}
.testimonials-slide-2.owl-theme .owl-nav .owl-next, .testimonials-slide-2.owl-theme .owl-nav .owl-prev {
    bottom: 0;
    right: 0;
    top: auto;
    background-color: #F4F4F4;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}
.testimonials-slide-2.owl-theme .owl-nav .owl-next:hover, .testimonials-slide-2.owl-theme .owl-nav .owl-prev:hover {
    background-color: #F4F4F4;
}
.testimonials-slide-2.owl-theme .owl-nav .owl-prev {
    right: 60px;
    left: auto;
}
.clients-process .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
}
.portfoli-studio .ot-heading {
    margin-bottom: 50px;
}
/* Typo */
.typo {
    padding-top: 90px;
    padding-bottom: 50px;
}
.typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6 {
    margin-bottom: 25px;
}
.theratio-separato {
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,.1);
    margin: 80px 0;
}
.bg-classic-transparent {
    background: transparent;
}
.mt-30 {
    margin-top: 30px;
}
.mb-30 {
    margin-bottom: 30px;
}
.space-1 {
    width: 100%;
    height: 1px;
}
.space-2 {
    width: 100%;
    height: 2px;
}
.space-5 {
    width: 100%;
    height: 5px;
}
.space-10 {
    width: 100%;
    height: 10px;
}
.space-20 {
    width: 100%;
    height: 20px;
}
.space-25 {
    width: 100%;
    height: 25px;
}
.space-30 {
    width: 100%;
    height: 30px;
}
.space-40 {
    width: 100%;
    height: 40px;
}
.space-50 {
    width: 100%;
    height: 50px;
}
.space-60 {
    width: 100%;
    height: 60px;
}
.space-70 {
    width: 100%;
    height: 70px;
}
.space-80 {
    width: 100%;
    height: 80px;
}
.space-90 {
    width: 100%;
    height: 90px;
}
.space-100 {
    width: 100%;
    height: 100px;
}
.space-110 {
    width: 100%;
    height: 110px;
}
.space-120 {
    width: 100%;
    height: 120px;
}
.space-130 {
    width: 100%;
    height: 130px;
}
.space-140 {
    width: 100%;
    height: 140px;
}
.space-150 {
    width: 100%;
    height: 150px;
}
.space-55 {
    width: 100%;
    height: 55px;
}
.p-80 {
    padding: 80px;
}
.hight-light-1 {
    background-color: #1a1a1a;
}
.hight-light-2 {
    background-color: #878787;
}
.dc-bgdark .drop-cap span {
    background: #1a1a1a;
    color: #fff;
}
ul.style-default li, ol.style-default li {
    padding-bottom: 6px;
    padding-top: 6px;
}
ul.style-default li:first-child , ol.style-default li:first-child {
    padding-top: 0;
}
ul.style-default li:last-child, ol.style-default li:last-child {
    padding-bottom: 0;
}
.icon-main.info {
    background: #43BAFF;
}
.icon-main.success {
    background: #4BD48B;
}
.icon-main.warning {
    background: #F9AF3B;
}
.icon-main.danger {
    background: #F5592F;
}
.cta {
    /*background-image: url(https://via.placeholder.com/1820x325.png);*/
    background-image: url(/local/templates/prymery/assets/images/bg1-home12.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0 73px 0;
    color: #A9A9A9;
}
.pricing-plan .container-custom {
    max-width: 1340px;
}
.pricing-wrap-title {
    background-color: #fff;
}
.error-404 {
    background-image: url('https://via.placeholder.com/1920x950.png');
    height: 100vh;
    padding: 0;
}
.error-logo .the-logo img {
    width: 80px;
}
.coming-soon {
    height: 100vh;
    background-image: url(https://via.placeholder.com/1920x1080.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    display: flex;
    align-items: center;
}
.cs-logo {
    padding-bottom: 120px;
}
.cs-logo img {
    width: 80px;
}
.cs-content h2 {
    padding-bottom: 50px;
    font-size: 72px;
    line-height: 110px;
}
.cs-countdown {
    padding-bottom: 97px;
}
.cs-stext p {
    font-size: 18px;
    margin-bottom: 33px;
}
.cs-social {
    display: inline-block;
}
.cs-social a {
    font-size: 14px;
    border: 1px solid transparent;
    border-radius: 50%;
    padding: 7px;
    color: #1A1A1A;
    text-align: center;
    margin-right: 11px;
}
.cs-social a:hover {
    background-color: #fff;
}
.cs-social a i {
    width: 14px;
    height: 14px;
}
/* Portfolio */
.project-item {
    padding: 15px;
}
.no-gaps .project-item {
    padding: 0px;
}
.projects-grid.p-info-s2 .portfolio-info .portfolio-info-inner {
    background: #1A1A1A;
}
.projects-grid.p-info-s2 .portfolio-info .portfolio-info-inner h5 a {
    color: #FFF;
    background-image: linear-gradient(0deg,#FFFFFF,#FFFFFF);
}
.projects-metro {
    margin-left: -15px;
    margin-right: -15px;
}
.projects-metro .project-item.thumb2x .projects-thumbnail img {
    margin-top: calc(-30px/2);
}
.projects-grid.style-4 .projects-thumbnail .overlay {
    cursor: pointer;
}
.projects-grid.img-popup .projects-thumbnail .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
}
.projects-grid.img-popup .projects-thumbnail .overlay h5 {
    display: none;
    margin-bottom: 0;
    color: #fff;
    text-align: center;
}
.projects-grid.style-5 .projects-box .portfolio-info {
    opacity: 1;
    visibility: visible;
    background: rgba(10,10,10,.6);
}
.projects-grid.style-5 .projects-box:hover .portfolio-info {
    opacity: 0;
    visibility: hidden;
}
.p-detail-info h6 {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1;
    text-transform: uppercase;
}
.p-detail-info p {
    color: #1a1a1a;
    font-weight: 400;
    line-height: 1;
    font-family: "Montserrat",Sans-serif;
}
.portfolio-detail-info p:last-child {
    margin-bottom: 0;
}
.portfolio-detail-info {
    background-image: url(https://via.placeholder.com/720x654.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 50px 50px 50px;
    margin-top: 10px;
}
.portfolio-detail-info h6 {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
    line-height: 1;
    text-transform: uppercase;
}
.portfolio-detail-info p {
    color: #FFF;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 36px;
    font-family: "Montserrat",Sans-serif;
}
.portfolio-detail-info p:last-child {
    margin-bottom: 0;
}
.gallery.s2 {
    margin: 0 -30px -30px 0;
}
.s2 .gallery-item {
    padding: 0 30px 30px 0;
}
.room-area h3 {
    color: #C2C2C2;
    font-family: "Montserrat",Sans-serif;
    font-size: 42px;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 13px;
}
.room-area h6 {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: uppercase;
}
.share-portfolio {
    text-align: right;
    margin-bottom: 40px;
}
.share-portfolio a {
    display: inline-block;
    height: 26px;
    width: 26px;
    text-align: center;
    line-height: 26px;
    font-weight: 500;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    color: #1a1a1a;
    margin: 0 3px;
    border: 1px solid #E9E9E9;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.share-portfolio a:hover {
    background-color: #1A1A1A;
    border-color: #1A1A1A;
    color: #fff;
    opacity: 0.9;
}
.single-portfolio-navigation {
    margin-bottom: 0;
}
.gallery-columns-3 .gallery-item {
    float: left;
}
.projects-grid.img-popup.popup-is-title .projects-thumbnail .overlay h5 {
    display: block;
}
.projects-grid.img-popup.popup-is-title .projects-thumbnail .overlay i {
    display: none;
}
.projects-grid.style-4.img-popup .projects-thumbnail .overlay {
    background: rgba(0,0,0,.42);
}
.projects-grid {
    margin: calc(-30px/2);
}
/* Index 1 */
.tp-caption-big {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3); 
    color: transparent; 
    text-transform: uppercase; 
    font-family: 'Montserrat';
}
.tp-caption-main, .tp-caption {
    font-family: 'Montserrat';
}
.tp-desc {
    z-index: 10; 
    font-weight: 500; 
    color: #fff;
    font-family: 'Montserrat';
}
.rev-btn .octf-btn:before, .rev-btn .octf-btn:after {
    display: none;
}
.rev-btn .octf-btn {
    font-size: 13px;
    line-height: 25px;
    padding: 15px 36px;
    border-color: transparent;
}
.nav-home-3.tparrows, .nav-home-5.tparrows {
  width: 70px;
  height: 70px;
  background: #fff;
  transition: 0.3s;
}
.nav-home-3.tparrows:hover, .nav-home-5.tparrows:hover {
  background-color: #fff;
}
.nav-home-3.tparrows:hover:before, .nav-home-5.tparrows:hover:before {
  color: #9f9e9e;
}
.nav-home-3.tparrows:before, .nav-home-5.tparrows:before {
  font-family: Flaticon;
  font-size: 20px;
  color: #1a1a1a;
  line-height: 70px;
  transition: 0.3s;
}
.nav-home-3.tparrows.tp-rightarrow:before, .nav-home-5.tparrows.tp-rightarrow:before {
  content: "\f134";
}
.nav-home-3.tparrows.tp-leftarrow:before, .nav-home-5.tparrows.tp-leftarrow:before {
  content: "\f106";
}
.shape-home-3 {
  background-color: rgba(255,255,255,0.8);
}
@media (min-width: 1600px) {
  .nav-home-5.tparrows {
    margin-left: 50px;
  }
}
@media (min-width: 795px) {
  .tp-bullets.hesperiden  {
    display: none;
  }
}
@media (max-width: 794px) {
  .nav-home-3.tparrows {
    display: none;
  }
}
@media (max-width: 992px) {
  .rev-btn .octf-btn {
    font-size: 12px;
    line-height: 23px;
    padding: 11px 27px;
  }
}
@media (max-width: 992px) {
  .rev-btn .octf-btn {
    display: none;
  }
}
.nav-home-1.tparrows{
  width: 90px;
  height: 90px;
  background: transparent;
  transition: 0.3s;
}
.nav-home-1.tparrows:hover{
  background: rgba(255,255,255,0.4);
}
.nav-home-1.tparrows:before{
  font-family: Flaticon;
  font-size: 20px;
  color: #fff;
  line-height: 90px;
}
.nav-home-1.tparrows.tp-rightarrow:before {
  content: "\f134";
}
.nav-home-1.tparrows.tp-leftarrow:before {
  content: "\f106";
}
/* Slider 2 */
.tp-small {
  font-family: "Montserrat";
  text-transform: uppercase;
}
.caption-big-2, .tp-caption.title {
  font-family: "Montserrat";
}
.tp-desc-2 {
  text-transform: uppercase;
  font-family: "Montserrat";
}
.tp-caption .btn-details {
    color: #fff;
}
.tp-caption .btn-details:before {
    background: #505050;
}
.nav-home-2.tparrows {
  width: 60px;
  height: 60px;
  background: #0f0f0f;
  transition: 0.3s;
}
.nav-home-2.tparrows:hover{
  background: #fff;
}
.nav-home-2.tparrows:hover:before{
  color: #0f0f0f;
}
.nav-home-2.tparrows:before{
  font-family: Flaticon;
  font-size: 15px;
  color: #fff;
  line-height:60px;
}
.nav-home-2.tparrows.tp-rightarrow:before {
  content: "\f134";
}
.nav-home-2.tparrows.tp-leftarrow:before {
  content: "\f106";
}
.rev-btn .octf-btn:hover {
    background-color: #fff;
}
.banner-desc-1 {
    position: absolute;
    left: 0;
    width: 90px;
    max-width: 90px;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner-desc-1 ul {
    line-height: 90px;
    padding: 0;
    list-style: none;
    margin: 0;
}
.banner-desc-1 ul li {
    margin: 0;
    padding: 0;
    position: relative;
    font-family: "Montserrat",Sans-serif;
    font-size: 14.02px;
    text-transform: uppercase;
    margin-bottom: 40px;
    writing-mode: vertical-rl;
    letter-spacing: .75px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.banner-desc-1 ul li:last-child {
    margin-bottom: 0;
}
.banner-desc-1 ul li a {
    width: 100%;
}
.banner-desc-1 ul li span {
    color: #fff;
    font-weight: 400;
    font-family: "Montserrat",sans-serif;
}
.banner-desc-1 ul li:hover span {
    color: #9F9E9E;
}
.story-1 {
    /*background-image: url(https://via.placeholder.com/1920x325.png);*/
    background-image: url(/upload/bg1-home1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 90px;
}
.story-text {
    color: #FFF;
    font-family: "Montserrat",Sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 48px;
    text-align: right;
    padding-right: 20px;
}
.story-author {
    padding: 0 0 0 20px;
    background-image: url(/upload/signature.png);
    background-position: 87% 92%;
    background-repeat: no-repeat;
}
.story-author img {
    display: inline-block;
    margin-right: 25px;
}
.story-author .story-content {
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: middle;
}
.story-author .story-title {
    color: #FFF;
    font-family: "Montserrat",Sans-serif;
    font-weight: 400;
    margin-bottom: 6px;
}
.story-author .story-description {
    color: #D0CFCF;
    font-family: "Montserrat",Sans-serif;
    font-size: 14px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.grid-lines .color-line-default {
    background-color: rgba(0,0,0,.1);
}
.grid-lines .color-line-secondary {
    background-color: rgba(255,255,255,.3)
}
.bg-light-1 {
    background-color: #F4F4F4;
}
.client-1 {
    padding-bottom: 71px;
    padding-top: 71px;
}
.cate-lines.h-light:hover:before, .cate-lines.h-light:hover:after {
    background: #FFF;
}
.cate-lines.h-light:hover h2 {
    color: #FFF;
}
.cate-lines.h-light:hover .number-stroke {
    -webkit-text-stroke-color: #FFF;
}
.cate-lines.s-dark:before, .cate-lines.s-dark:after {
    background: #1A1A1A;
}
.cate-lines.s-dark h2 {
    color: #1A1A1A;
}
/* Top header */
.top-header {
    background-color: #0A0A0A;
    background-image: url(https://via.placeholder.com/1920x130.png);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 33px 0;
}
.top-info h6 {
    color: #FFF;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 28px;
    font-family: "Montserrat",Sans-serif;
    font-weight: 400;
}
.top-info p {
    color: #C4C4C4;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    margin-bottom: 0;
}
.top-logo img{
    height: 65px;
}
.main-header-s2 {
    background-color: #1A1A1A;
    position: relative;
}
.main-header-s2.is-stuck {
    position: fixed;
}
.main-header-s2 .octf-sidepanel {
    padding: 34px 0;
    border: none;
}
.main-header-s2 .octf-search {
    margin-right: 0;
}
.main-header-s2 .octf-cart .count {
    background: #FFF;
    color: var(--primary);
}
.side-panel-left {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}
 .side-panel.side-panel-left.side-panel-open {
    transform: translateX(0);
}
.bg-dark-theratio {
    background-color: #0A0A0A;
}
/* Index 2 */
.octf-mainbar-row .octf-col.logo-col {
    flex-grow: 0.2;
}
.octf-mainbar-row .octf-col.menu-col {
    -ms-flex-pack: start;
    justify-content: start;
    flex-grow: 0.6;
  margin-right: auto;
}
.octf-mainbar-row .octf-col.cta-col {
    flex-grow: 0.2;
}
.max-w-350 {
    max-width: 350px;
}
.benefits-desc-1 h2 {
    color: #fff;
    line-height: 60px;
    margin-bottom: 38px;
}
.icon-box.s-light .icon-main i, .icon-box.s-light .icon-main span {
    color: #FFF;
}
.icon-box.s-light .icon-box h5 {
    color: #FFF;
}
.icon-box.s-light h5 a {
    color: #FFF;
    background-image: linear-gradient(0deg,#FFFFFF,#FFFFFF);
}
.icon-box.s-light p {
    color: #A3A3A3;
}
.our-portfolio-1 {
    background-image: url(https://via.placeholder.com/1920x1415.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0;
    padding-bottom: 120px;
}
.ot-heading.s-light:before {
    border-color: #FFF;
}
.ot-heading.s-light h2 {
    color: #FFF;
}
.project_filters.s-light li a{
    color: #fff;
}
.project_filters.s-light li a:before {
    background: #505050;
}
.project_filters.s-light li a span {
    color: #FFF;
}
.about-content-2 .ot-heading {
    margin: 0 -22px 0 0;
    padding: 75px 10px 22px 0;
    background-image: url(https://via.placeholder.com/156x142.png);
    background-position: 100% 12%;
    background-repeat: no-repeat;
}
.cta-2 {
    background-image: url(https://via.placeholder.com/1920x1000.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 150px;
    padding-top: 150px;
    color: #fff;
}
.cta-2 h2 {
    color: #FFF;
    font-family: "Montserrat",Sans-serif;
    font-size: 100px;
    font-weight: 200;
    margin-bottom: 15px;
    line-height: 1;
}
.cta-2 p {
    color: #FFF;
    font-size: 20px;
    margin-bottom: 50px;
}

.z-index-1 {
    z-index: 1;
}
.z-index-2 {
    z-index: 2;
}
.s-light .studio-testi-slide-block{
    background-color: #1A1A1A;
}
.ot-testimonials.v-dark .ot-testimonials-slider-s1.owl-theme .owl-nav .owl-next, 
.ot-testimonials.v-dark .ot-testimonials-slider-s1.owl-theme .owl-nav .owl-prev, 
.ot-testimonials.v-dark .ot-testimonials-slider-s2.owl-theme .owl-nav .owl-next, 
.ot-testimonials.v-dark .ot-testimonials-slider-s2.owl-theme .owl-nav .owl-prev {
    color: #fff;
    background: #0a0a0a;
}
.ot-testimonials.v-dark .ot-testimonials-slider-s1.owl-theme .owl-nav .owl-next:hover, 
.ot-testimonials.v-dark .ot-testimonials-slider-s1.owl-theme .owl-nav .owl-prev:hover, 
.ot-testimonials.v-dark .ot-testimonials-slider-s2.owl-theme .owl-nav .owl-next:hover, 
.ot-testimonials.v-dark .ot-testimonials-slider-s2.owl-theme .owl-nav .owl-prev:hover {
    color: #919191;
}
.owl-theme .owl-nav [class*='owl-'] {
    font-weight: 700;
}
.v-dark.post-box .post-inner{
    background: #0a0a0a;
    border-color: #292929;
}
.v-dark.post-box:not(.blog-post):hover .post-inner {
    border-color: #fff;
}
.v-dark.post-box .entry-title a {
    color: #fff;
}
.v-dark.post-box .post-inner .the-excerpt {
    color: #a3a3a3;
}
.v-dark.post-box .entry-meta > span a:hover {
    color: #fff;
}
/* Index 3 */
.header-mobile-s3 {
    background-color: #1A1A1A;
}
.main-header-s3 .octf-search {
    margin-right: 30px;
}
.main-header-slight .octf-cart i {
    color: #1A1A1A;
}
.main-header-s3 .octf-sidepanel {
    border-color: rgba(0,0,0,.1);
}
.banner-3 {
    background-image: url(https://via.placeholder.com/1648x1142.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    padding: 90px 0 120px 0;
}
.our-skill-3 {
    background-image: url(https://via.placeholder.com/827x886.png);
    background-position: center left;
    background-repeat: no-repeat;
}
.testi-slide-block-3 {
    padding: 60px;
    background-image: url(https://via.placeholder.com/869x640.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ot-testimonials .ot-testimonials-slider-s2.s2 .testi-item .ttext {
    padding-right: 0
    ;
    background-color: transparent;
}
.testimonials-slide-2.s2.owl-theme .owl-nav .owl-next, .testimonials-slide-2.s2.owl-theme .owl-nav .owl-prev {
    background-color: transparent;
}
/* Index 4 */
.benefits-desc-classic h2 {
    line-height: 60px;
    margin-bottom: 38px;
}
.title-s2 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 30px;
}
.gallery-columns-5 .gallery-item {
    float: left;
}
.services-4 {
    padding-bottom: 50px;
}
.skill-4, .testi-4 {
    background-image: url('https://via.placeholder.com/1920x200.png');
    background-position: center center;
}
.skill-content-4 {
    max-width: 530px;
    position: relative;
    vertical-align: middle;
    margin: 0 auto;
}
.skill-content-4 p {
    margin-bottom: 33px;
}
.testi-slide-block-4 {
    max-width: 500px;
    margin: 0 auto;
}
.banner-4 {
    background-image: url(https://via.placeholder.com/1920x808.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 180px 0 270px 0;
}
.banner-4 h2 {
    font-family: "Montserrat",Sans-serif;
    font-size: 72px;
    font-weight: 300;
    line-height: 80px;
    margin-bottom: 40px;
}
.video-popup.s-dark .btn-play {
    color: #FFF;
    background: #1A1A1A;
}
.video-popup.s-dark .btn-play:before {
    background: #1A1A1A;
}
.banner-desc-4 {
    position: absolute;
    left: -63%;
    width: auto;
    top: 62%;
}
.banner-desc-4 p {
    position: relative;
    display: block;
    color: #1a1a1a;
    font-family: "Montserrat",sans-serif;
    font-size: 14.02px;
    line-height: 18.03px;
    text-transform: uppercase;
    letter-spacing: .75px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-bottom: 0;
}
.banner-desc-4 p:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 90px;
    left: calc(100% + 12px);
    top: 50%;
    background: #1a1a1a;
    animation: MoveUpRight 1.5s linear infinite;
}
.feature-4 {
    background-image: url(https://via.placeholder.com/1145x160.png);
    background-repeat: no-repeat;
    margin-top: -160px;
    padding: 40px 0 39px 0;
}
.feature-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.feature-wrap .feature-item {
    -ms-flex: 0 0 21%;
    flex: 0 0 21%;
    max-width: 21%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.feature-item h6 {
    color: #989898;
    font-size: 18px;
    font-weight: 600;
    font-family: "Montserrat",sans-serif;
    line-height: 21px;
    position: relative;
    padding-left: 80px;
    margin-bottom: 0;
}
.feature-item h6:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 70px;
    background-color: #989898;
}
.feature-item p {
    color: #fff;
    margin-bottom: 0;
}
.header-topbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.topbar-socials.list-social a {
    border-color: transparent;
    color: rgb(26, 26, 26);
    padding: 10px;
    margin-right: 0;
}
.topbar-socials.list-social a i:before {
    font-size: 14px;
}
.topbar-socials.list-social a:hover {
    background-color: rgb(242, 242, 242);
}
.topbar-info {
    list-style: none;
}
.topbar-info li {
    padding-right: 25px;
    padding-left: 25px;
    line-height: 50px;
    font-weight: 500;
    font-size: 14px;
    color: rgb(26, 26, 26);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.topbar-info li i {
    padding-right: 9px;
}
.topbar-info li:last-child {
    padding-right: 0;
    border-right: none;
}
.topbar-info li i:before {
    font-size: 17px;
}
.logo-size-small {
    width: 150px;
    height: 91px;
}
.main-header-slight {
    position: relative;
}
.main-header-slight.is-stuck {
    position: fixed;background-color: #fff;
}
@media screen and (min-width: 1024px){
.main-header-slight.is-stuck .main-navigation ul.menu > li > a {
    color: rgb(26, 26, 26);
}
}
.main-header-slight .panel-btn i {
    color: rgb(26, 26, 26);
}
.main-header-slight.header-4 .octf-sidepanel {
    padding-right: 0;
    padding-left: 30px;
}
.main-header-slight .octf-cta-header .toggle_search i {
    color: rgb(26, 26, 26);
}
.main-header-slight .main-navigation > ul > li > a {
    color: rgb(26, 26, 26);
    font-weight: 600;
}
.main-header-slight.header-4 .octf-search {
    margin-right: 0;
}
.main-header-slight .cta-col {
    width: 13%;
    flex-grow: 0.21;
}
.main-header-slight .main-navigation > ul > li.menu-item-has-children > a:after {
    color: rgb(26, 26, 26);
}
.main-header-slight .main-navigation > ul > li > a:before {
    background-color: rgb(26, 26, 26);
}
.header_mobile_slight .mmenu-toggle button, .header_mobile_slight .octf-cta-header .toggle_search i {
    color: rgb(26, 26, 26);
}
/* Index 5 */
.rev_slider .tp-caption img, .tp-simpleresponsive .tp-caption img {
    max-width: 100% !important;
    max-height: inherit;
}
.main-header-5 .octf-mainbar-row .menu-col{
    flex-grow: 0.685;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}
.main-header-5 .octf-mainbar-row .cta-col{
    flex-grow: 0.115;
}
.client-area-5 {
    padding: 70px 80px 70px 80px;
    background-image: url(https://via.placeholder.com/1920x200.png);
    background-position: center center;
}
.process-area-5 {
    background-image: url(https://via.placeholder.com/1510x510.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0 80px 0;
}
.counter-area-5 {
    background-image: url(https://via.placeholder.com/1920x200.png);
    background-position: center center;
    padding: 66px 0 57px 0;
}
.testimonials-5 {
    padding-bottom: 85px;
}
.cta-bg-img {
    background-image: url(https://via.placeholder.com/1920x1281.png);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 150px 0;
}
.cta-bg-img h2 {
    font-family: "Montserrat",Sans-serif;
    font-size: 100px;
    font-weight: 200;
    line-height: 1;
}
.cta-bg-img p {
    color: #FFF;
    font-size: 20px;
}
.overlay-dark {
    background-color: #1A1A1A;
    opacity: .5;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
/* Index 6 */
.full-height {
    height: 100vh;
}
.de-video-content h1 {
    color: #FFF;
    font-size: 60px;
    margin-bottom: 40px;
    line-height: 1;
    font-weight: 200;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
}
.de-video-content .octf-btn {
    background-color: transparent;
    border: 2px solid #fff;
    padding: 15px 30px;
    line-height: 1;
    font-family: "Montserrat",Sans-serif;
    font-size: 13px;
    font-weight: 600;
}
.de-video-content .octf-btn:before, .de-video-content .octf-btn:after {
    display: none;
}
.de-video-content .octf-btn:hover, .de-video-content .octf-btn:focus {
    background-color: #fff;
    color: #1a1a1a;
}
.de-video-overlay {
    position: absolute;
    width: 100%;
    min-height: 100%;
    background-color: #1A1A1A;
    opacity: .5;
    top: 0;
    left: 0;
}
.tp-bannertimer {
    display: none;
}
.image-gallery .gallery-icon.landscape .overlay {
    display: none;
}
/* Side Nav */
.side-nav-logo {
    position: absolute;
    top: 0;
}
.side-nav-logo img {
    width: 80px;
}
.site-header-vertical .side-nav {
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-social li:last-child a {
    margin-right: 0;
}
.vertical-main-navigation>ul>li.current-menu-item>a, .vertical-main-navigation>ul>li>a:hover {
    background-size: 100% 2px;
}
@media only screen and (min-width: 1025px){
  .vertical-main-navigation ul>li>a {
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    outline: none;
    color: #fff;
    line-height: 48px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
  }
  .vertical-main-navigation>ul>li>a {
      background-size: 0 2px;
      background-position: 0 70%;
      background-repeat: no-repeat;
      background-image: linear-gradient(0deg,#7e7e7e,#f5f5f5);
  }
  .vertical-main-navigation ul {
    text-align: center;
  }
}
.side-nav .sidenav-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
.side-nav-cta {
    position: absolute;
    bottom: 50px;
}
.side-nav-social li a {
    border-color: rgba(255, 255, 255, 0.4);
    padding: 6px;
}
.side-nav-social i:before {
    font-size: 14px;
}
.ot-accordions.s-dark .acc-item{
    background-color: transparent;
} 
.ot-accordions.s-dark .acc-item .acc-toggle {
    color: #fff;
}
.ot-accordions.s-dark .acc-item .acc-toggle i {
    color: #a3a3a3;
}
.circle-side {
    background-image: url(https://via.placeholder.com/1920x865.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.benefit-side-block {
    width: 53.2%;
}
.benefit-side-img-block {
    width: 46.715%;
}
.benefit-side-desc {
    background-color: #1A1A1A;
    margin-top: 55px;
    padding: 60px 70px 70px 70px;
    position: relative;
    z-index: 1;
}
.benefit-side-desc .ot-heading {
    margin-bottom: 32px;
}
.benefit-side-img {
    margin-left: -78px;
}
.testi-side-title .container {
    max-width: 1350px;
}
.testi-heading-side {
    padding: 110px 0px 48px 0px;
    background-color: #0A0A0A;
}
.ot-testimonials.s-dark .testi-item .ttext {
    background-color: transparent;
}
.ot-testimonials.s-dark .layer-behind {
    background-color: transparent;
}
.ot-testimonials.s-dark .testi-item .ttext:before {
    position: absolute;
    font-family: "Montserrat", sans-serif;
    font-size: 200px;
    color: #fff;
    top: 23px;
    left: 29px;
    content: "“";
    width: 80px;
    height: 45px;
    z-index: 1;
    background: none;
}
.ot-testimonials.s-dark .testi-item .ttext {
    color: #fff;
    background: #0a0a0a;
    border-color: #292929;
}
.ot-testimonials.s-dark .testi-item .ttext .layer-behind {
    background: #1a1a1a;
}
.ot-testimonials.s-dark .testi-item .ttext > span {
    background: #0a0a0a;
}
.s-dark .owl-theme .owl-dots .owl-dot span {
    background-color: #fff;
}
.s-dark .owl-theme .owl-dots .owl-dot.active span, .s-dark .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #fff;
}
.s-dark .owl-theme .owl-dots .owl-dot.active {
    border-color: #fff;
}
.header-vertical .site-footer {
    background-color: rgba(0, 0, 0, 0.8);
    padding-top: 60px;
    padding-bottom: 60px;
}
.header-vertical .footer-bottom {
    background-color: rgba(0, 0, 0, 0.8);
    border-top:1px solid #313131;
    padding: 20px 0px 20px 0px;
}
.elementor-3238 .elementor-element.elementor-element-79d1a4f {
    color: #A3A3A3;
    font-size: 14px;
}
.footer-side-nav p {
    color: #A3A3A3;
    font-size: 14px;
}
.footer-side-nav .footer-list-item .list-item-text {
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding-left: 10px;
}
.footer-bottom-nav p{
    color: #7D7D7D;
    font-size: 14px;
}
.vegas-timer {
    display: none;
}
.hero-content {
    position: relative;
}
.hero-content .hero-logo {
    padding-bottom: 30px;
    width: 95px;
    height: 90px;
}
.hero-content h2 {
    color: #FFFFFF;
    font-family: "Montserrat", Sans-serif;
    font-size: 90px;
    font-weight: 200;
    line-height: 100px;
    margin-bottom: 43px;
}
.btn-scroll {
    position: absolute;
    width: 100%;
    text-align: center;
    font-family: "Montserrat", Sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 72px;
    letter-spacing: 0.5px;
    bottom: 30px;
    left: 0;
}
.hero-desc {
    left: -75px;
    width: auto;
    bottom: 42%;
    position: absolute;
}
.hero-desc p {
    position: relative;
    display: block;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 14.02px;
    line-height: 18.03px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
    margin-bottom: 0;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.hero-desc p:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 90px;
    left: calc( 100% + 12px);
    top: 50%;
    background: #fff;
    animation: MoveUpRight 1.5s linear infinite;
}
.site-header-onepage .site-logo {
    padding-top: 20px;
    padding-bottom: 20px;
}
.site-header-onepage .octf-main-header {
    border: none;
}
#site-logo .logo-onepage {
    height: 50px;
}
.site-header-onepage .mobile_logo {
    padding-top: 15px;
    padding-bottom: 15px;
}
.site-header-onepage .mobile_logo img {
    height: 46px;
}
.site-header-onepage .octf-mainbar-row .octf-col.menu-col {
    flex-grow: 0.8;
}
.lg-outer, .lg-backdrop {
    z-index: 9999;
}
.bullet-home-7 .tp-bullet {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: -5px !important;
    left: 0 !important;
    opacity: 1;
    background: 0;
    border: 1px solid;
    border-color: transparent;
    outline: none;
    border-radius: 50%;
    transition: all 0.3s linear;
}
.bullet-home-7 .tp-bullet:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s linear;
}
.bullet-home-7 .tp-bullet.selected, .bullet-home-7 .tp-bullet:hover {
    border-color: #fff;
    background: transparent;
}


@media (max-width: 1024px){
  .cta-2 h2 {
    font-size: 85px;
  }
}
@media (min-width: 567px){
  .clients-process .container-fluid {
      padding-left: 80px;
      padding-right: 80px;
  }
}
@media (min-width: 767px){
  .mb-md-70 {
    margin-bottom: 70px;
  }
  .team-block-wrap .team-item {
    width: 50%;
  }
  .section-team-list {
    padding: 105px 0 112px 0;
  }
  .about-team {
    padding: 105px 0 86px 0;
  }
  .how-it-work {
    padding-top: 120px;
    padding-bottom: 98px;
  }
  .our-benefits {
    padding-top: 120px;
    padding-bottom: 115px;
  }
  .services-benefits {
    padding-top: 115px;
    padding-bottom: 115px;
  }
  .skill-process {
      padding-top: 120px;
      padding-bottom: 90px;
  }
  .process-news {
      padding: 105px 0 120px 0;
  }
  .our-studio {
      padding-top: 120px;
  }
  .clients-process {
      padding-bottom: 100px;
  }
  .studio-counter {
      padding-top: 70px;
      padding-bottom: 105px;
  }
  .services-studio {
      padding: 120px 0;
  }
  .progress-studio {
      padding-bottom: 100px;
  }
  .portfolio-studio {
      padding-bottom: 120px;
  }
  .portfoli-studio {
      padding-top: 0;
      padding-bottom: 100px;
  }
  .elements {
      padding-top: 85px;
  }
  .faq {
      padding-bottom: 90px;
  }
  .p-md-80 {
      padding: 80px;
  }
}
@media (min-width: 992px){
  .contact-page {
      padding: 0;
      margin-top: -40px;
  }
}
@media (min-width: 1025px){
  .about-team, .section-team-list, .cta-2, .cta-bg-img {
    background-attachment: fixed;
  }
}
@media (min-width: 1200px){
  .pricing-wrap-title {
      padding-top: 110px;
      padding-bottom: 48px;
  }
  .pricing-plan {
      margin-top: -271px;
      padding-bottom: 0;
  }
  .main-principes {
      max-width: 600px;
  }
  .feature-content {
      margin-left: 70px;
  }
  .about-img {
      margin-left: -55px;
  }
  .about-detail {
      margin-left: 70px;
  }
  .work-img {
      margin: -220px -335px -336px 0;
  }
  .skill-img {
      margin: 0 -205px 0 0;
      padding-left: 30px;
  }
  .skill-content {
      margin-right: 70px;
  }
  .team-clients .container-fluid, .clients-skill .container-fluid {
      padding: 0 140px;
  }
  .team-block-wrap .team-item {
      width: 20%;
  }
  .team-member-info {
      padding: 0 15px 80px 170px;
  }
  .process-classic.sleft {
      margin-left: 30px;
      margin-bottom: 56px;
  }
  .process-classic.sright {
      margin-right: 30px;
      margin-bottom: 56px;
  }
  .skill-process-detail {
      margin-left: 70px;
  }
  .skill-process-img {
      margin-left: -172px;
  }
  .studio-img {
      margin-right: -325px;
  }
  .services-studio-img {
      margin: 0 -15px 0 -132px;
  }
  .services-studio-detail {
      margin-left: 70px;
  }
  .our-studio-detail {
      margin-top: 270px;
  }
  .clients-process .container-fluid {
      padding-left: 140px;
      padding-right: 140px;
  }
  .portfoli-studio .container-fluid {
      padding-left: 100px;
      padding-right: 100px;
  }
  .studio-testi-slide {
      width: 54.959%;
      position: relative;
  }
  .studio-testi-img {
      width: 45%;
  }
  .studio-testi-img-block {
      margin: 0 -40px 0 -75px;
  }
  .studio-testi-slide-block {
      margin-left: -45px;
      margin-right: 45px;
      margin-top: 58px;
      padding-top: 82px;
      padding-left: 87px;
      background-color: #F4F4F4;
  }
  .our-portfolio {
      padding-top: 0;
  }
  .our-portfolio-slide {
      padding-top: 80px;
      padding-bottom: 80px;
  }
  .about-img-1 {
      margin: 0 10px 0 -145px;
  }
  .client-1 .container-fluid {
      padding-right: 140px;
      padding-left: 140px;
  }
  .skill-img-1 {
      margin: 0 -320px 0 0;
      padding: 0 0 0 30px;
  }
  .team-1 {
      padding-bottom: 86px;
  }
  .about-img-2 {
      margin: 0 0 0 -375px
  }
  .testi-2 {
      padding-bottom: 120px;
      padding-top: 120px;
  }
  .about-img-3 {
      margin: 0 0 0 -132px;
  }
  .our-skill-3 {
      padding-top: 90px;
      padding-bottom: 0;
  }
  .skill-img-5 {
      margin-left: -170px;
  }
  .about-img-5 {
      margin: 0 -245px 0 0;
  }
  .about-side {
      padding-top: 150px;
  }
  .portfolio-side {
      padding-top: 40px;
  }
  .benefit-side {
      padding-top: 120px;
      padding-bottom: 120px;
  }
  .testi-side-title {
      margin-top: -272px;
  }
  .about-side-img {
      margin: 0px 0px 0px -50px;
      padding: 0px 50px 0px 0px;
  }
  .contact-right {
    margin-right: 60px;
  }
  .ml-xl-35 {
      margin-left: 35px;
  }
  .mr-xl-70 {
      margin-right: 35px;
  }
  .ml-xl-70 {
      margin-left: 70px;
  }
  .mr-xl-70 {
      margin-right: 70px;
  }
  .mt-xl--40 {
      margin-top: -40px;
  }
  .mt-xl-40 {
      margin-top: 40px;
  }
  .p-xl-80 {
      padding: 80px;
  }
  .px-xl-90 {
      padding-left: 90px !important;
      padding-right: 90px !important;
  }
  .pl-xl-7 {
      padding-left: 7px;
  }
}
@media (min-width: 1600px){
  .mr-xxl {
      margin-right: 234px;
  }
  .testi-slide-block-3 {
      margin-top: 70px; 
      padding: 110px 246px 110px 117px;
  }
}
@media (max-width: 1400px){
  .benefit-side-block, .benefit-side-img-block {
    width: 100%;
  }
  .benefit-side-img-block {
    margin-left: 0;
  }
  .skill-content-4, .testi-slide-block-4 {
    padding: 60px;
    max-width: 100%;
  }
  .skill-img-4 img, .testi-img-3 img {
    height: 100%;
  }
}
@media (max-width: 1200px){
  .skill-img-4, .testi-img-3 {
    padding: 60px;
    padding-top: 0;
  }
  .skill-img-4 img, .testi-img-3 img {
    height: auto;
  }
  .main-principes {
    padding: 0 30px;
  }
  .main-principes {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .team-member-img {
    margin-right: 0;
    padding-top: 0;
  }
  .team-member-info h2 {
    padding-top: 0;
  }
  .gallery-columns-5 .gallery-item {
    max-width: 50%;
  }
}
@media (max-width: 992px){
  .feature-4 {
    background-size: cover;
  }
  .feature-wrap .feature-item{
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .gallery-columns-5 .gallery-item {
    max-width: 50%;
  }
  .story-text {
    text-align: center;
  }
  .story-author {
    text-align: center;
  }
}
@media (max-width: 767px){
  .cta-bg-img h2 {
    font-size: 60px;
  }
  .banner-desc-1 {
    display: none;
  }
  .gallery-columns-5 .gallery-item {
    max-width: 50%;
  }
  .skill-content-4, .testi-slide-block-4, .skill-img-4, .testi-img-3 {
    padding: 0;
  }
  .benefits-desc-classic h2 {
    line-height: 30px;
    margin-bottom: 0;
  }
  .hero-content h2 {
      font-size: 38px;
      line-height: 50px;
  }
  .banner-3 {
    padding: 76px 0 0 0;
  }
  section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .icon-box.s2 {
    margin-bottom: 30px !important;
  }
  .last .icon-box.s2 {
    margin-bottom: 0 !important;
  }
  .tabs-light .tab-link {
    min-width: 100%;
  }
  .octf-btn {
    padding: 12px 20px;
  }
  .clients-process {
    padding-bottom: 60px;
  }
  .studio-testi-slide-block {
    padding-left: 40px;
  }
  .ot-testimonials .ot-testimonials-slider-s2 .testi-item .ttext {
    padding-right: 40px;
  }
  .studio-testi-slide {
    padding-left: 15px;
    padding-right: 15px;
  }
  .studio-testi-img {
    padding-left: 15px;
    padding-right: 15px;
  }
  .benefits-desc-1 h2 {
    color: #fff;
    line-height: 48px;
    margin-bottom: 8px;
  }
  .testi-slide-block-3 {
    padding: 30px;
  }
  .banner-4 h2 {
    font-size: 36px;
    line-height: 48px;
  }
  .feature-wrap .feature-item{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .benefits-sidebar .ot-heading {
    padding-bottom: 20px;
  }
  .benefits-sidebar .ot-heading h2 {
    line-height: 38px;
  }
}
@media (max-width: 480px) {
  .feature-wrap .feature-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .feature-item h6 {
    padding: 0;
  }
  .feature-item h6:before {
    display: none;
  }
}

@media (min-width: 1025px) and (max-width: 1400px) {
  .main-navigation ul li ul.mega-sub-menu {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* Services Detail */
.services-single {
    padding-top: 90px;
    padding-bottom: 80px;
}
.services-detail-content .ot-heading {
    padding-bottom: 18px;
}
.services-detail-content .ot-heading h2 {
    line-height: 60px;
}
.services-detail-content .simple-slide {
    padding-top: 20px;
    padding-bottom: 42px;
}
.services-detail-content .detail-img {
    padding-top: 20px;
    margin-bottom: 80px;
}
.services-detail-content .circle-progress {
    padding-bottom: 8px;
}
.services-detail-content .service-testi {
    padding-top: 60px;
    margin-bottom: 60px;
}
.services-detail-content .ot-heading.is-dots {
    padding-bottom: 30px;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 60px;
    margin-bottom: 30px;
}
.owl-theme .owl-dots .owl-dot {
    position: relative;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid transparent;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    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;
}
.owl-theme .owl-dots .owl-dot span {
    width: 4px;
    height: 4px;
    margin: 0;
    background: #323232;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.owl-theme .owl-dots .owl-dot.active {
    border: 1px solid #323232;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #323232;
}
.owl-theme .owl-dots .owl-dot:focus {
    outline: none;
}
@media (max-width: 992px){ 
    .services-single .widget_nav_menu {
      padding-bottom: 40px;
    }
    .owl-theme .owl-nav.disabled + .owl-dots {
      margin-bottom: 0;
      margin-top: 30px;
    }
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/* Subscribe Email */
.mc4wp-form-fields .subscribe-inner-form {
  position: relative;
}
.mc4wp-form-fields .subscribe-inner-form input[type=email] {
  height: 46px;
  width: 100%;
  background: transparent;
  color: #b1b0b0;
  border-color: rgba(255, 255, 255, 0.1);
  padding-right: 56px;
}
.mc4wp-form-fields .subscribe-inner-form input[type=email]::placeholder {
  color: #b1b0b0;
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon {
  background: transparent;
  border: none;
  outline: none;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 46px;
  height: 100%;
  line-height: 44px;
  text-align: center;
  color: #fff;
  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;
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon i {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon i:before {
  font-size: 16px;
}

/* Back To Top*/
#back-to-top {
  background: #9f9e9e;
  color: #fff;
  border: 0 none;
  cursor: pointer;
  width: 42px;
  height: 45px;
  line-height: 45px;
  opacity: 0;
  visibility: hidden;
  outline: medium none;
  position: fixed;
  right: 40px;
  bottom: -20px;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.2s ease-out 0s;
  z-index: 1000;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
#back-to-top.show {
  opacity: 1;
  visibility: visible;
  bottom: 40px;
}
#back-to-top i {
  display: block;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#back-to-top i:before {
  font-size: 17px;
}

/*--------------------------------------------------------------
## 404
--------------------------------------------------------------*/
.error-404 {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  color: #fff;
  background: url(https://via.placeholder.com/1920x950.png) center center no-repeat;
  background-size: cover;
}
.error-404 .error-logo {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
}
.error-404 h1 {
  font-size: 180px;
  line-height: 1;
  font-weight: 200;
  color: #fff;
}
.error-404 h2 {
  font-size: 42px;
  line-height: 1;
  margin-bottom: 30px;
  color: #fff;
}
.error-404 .page-content {
  font-size: 18px;
  max-width: 455px;
  margin: auto;
}
.error-404 .page-content h1 {
  font-size: 180px;
  font-weight: 200;
}
.error-404 .page-content p {
  margin-bottom: 30px;
}
.error-404 .page-content form {
  margin: 10px 15px 30px 0;
  padding-top: 10px;
}
.error-404 .page-content form .search-field {
  background: transparent;
  color: #fff;
}
.error-404 .page-content form .search-field::placeholder {
  color: #fff;
}
.error-404 .page-content form button {
  color: #fff;
}
.error-404 .white-btn {
  display: inline-block;
  margin-top: 30px;
  padding: 13px 33px;
  background: #fff;
  color: #1a1a1a;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
.error-404 .white-btn:hover {
  background: #1a1a1a;
  color: #fff;
}
/* Custom HTML */
@media (min-width: 1230px){
  .container {
      max-width: 1200px;
  }
  .container-big {
      max-width: 1540px;
  }
  .container-slider-5 {
      max-width: 1640px;
  }
  .container-large {
      max-width: 100%;
      padding-left: 100px;
      padding-right: 100px;
  }
}
.no-padding {
  padding: 0 !important;
}
/* Custom Css Header HTML */
.octf-btn-cta {
    display: inline-flex;
    vertical-align: middle;
    position: relative;
}
.octf-cart {
    margin-right: 30px;
}
.octf-search {
    margin-right: 65px;
}
.octf-sidepanel {
    padding: 0 34px 0 33px;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: rgba(255,255,255,.2);
}
.side-panel-block .gallery {
    padding-bottom: 30px;
}
.side-panel-wrap {
    padding-left: 35px;
    padding-right: 18px;
}
.side-panel-cinfo .panel-cinfo {
    list-style: none;
    padding-left: 0;
    margin-bottom: 3px;
}
.panel-cinfo li {
    color: #fff;
    padding-bottom: 14px;
    padding-top: 14px;
    line-height: 1;
}
.panel-cinfo li:first-child {
    padding-top: 0;
}
.panel-cinfo li:last-child {
    padding-bottom: 0;
}
.panel-cinfo li .panel-list-text {
    padding-left: 14px;
}
.panel-list-icon i:before {
    font-size: 18px;
}
.side-panel-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.side-panel-social li {
    display: inline-block;
}
.side-panel-social a {
    background-color: #2A2A2A;
    font-size: 14px;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 50%;
    padding: 7px;
    color: #fff;
    text-align: center;
    margin-right: 11px;
}
.side-panel-social a:hover {
    background-color: #444;
    border-color: #444;
}
.side-panel-social a i {
    width: 14px;
    height: 14px;
}
.pb-50 {
    padding-bottom: 50px;
}
/* Blog */
.audio-box iframe {
    border: none;
}
.owl-theme .owl-nav {
    margin-top: 0;
}
.owl-theme .owl-nav [class*='owl-'] {
    color: #1a1a1a;
    background-color: #fff;
    border-radius: 0;
    border: none;
    margin: 0;
    width: 60px;
    height: 60px;
}
.owl-theme .owl-nav [class*='owl-']:focus {
    outline: none;
    border: none;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    color: #9f9e9e;
    background-color: #fff;
}
.owl-nav i:before {
    font-size: 18px;
}
.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    -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%);
}
.owl-theme .owl-nav .owl-next {
    left: auto;
    right: 0;
}
/* Footer */
.site-footer {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #1A1A1A;
    color: #A3A3A3;
}
.widget-footer ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.widget-footer a {
    color: #A3A3A3;
    font-family: "Montserrat",Sans-serif;
}
.widget-footer li {
    padding-bottom: 14px;
}
.widget-footer li:last-child {
    padding-bottom: 0;
}
.widget-footer .footer-social li {
    padding-bottom: 0;
}
.widget-footer a:hover {
    color: #fff;
}
.footer-logo {
    max-width: 155px;
    padding-bottom: 32px;
}
.footer-social {
    padding-top: 9px;
    padding-bottom: 2px;
}
.footer-social ul, .list-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-social li, .list-social li {
    display: inline-block;
}
.footer-social a, .list-social a {
    font-size: 12px;
    border: 1px solid #444;
    border-radius: 50%;
    padding: 7px;
    color: #fff;
    text-align: center;
    margin-right: 11px;
}
.footer-social a:hover, .list-social a:hover {
    background-color: #444;
}
.footer-social a i, .list-social a i {
    width: 14px;
    height: 14px;
}
.footer-list {
    margin: 0;
    padding-top: 5px;
    padding-left: 0;
    list-style: none;
}
.widget-footer h6 {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 40px;
    line-height: 1;
}
.footer-list-item i:before {
    font-size: 18px;
}
.footer-list-item .list-item-text {
    padding-left: 14px;
}
.footer-list-item {
    line-height: 1;
    padding-top: 11px;
    padding-bottom: 14px
}
.footer-list-item:first-child {
    padding-top: 0;
}
.footer-list-item:last-child {
    padding-bottom: 0;
}
.footer-widget-subcribe h6{
    margin-bottom: 28px;
}
.footer-widget-subcribe form {
    margin-bottom: 18px;
}
.footer-widget-subcribe p {
    font-size: 14px;
    margin-bottom: 0;
}
.footer-bottom {
    padding: 23px 0;
    background-color: #1A1A1A;
    border-top: 1px solid #313131;
}
.footer-bottom p {
    color: #fff;
  opacity: .5;
    font-size: 15px;
    margin-bottom: 0;
}
.footer-bottom ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer-bottom ul li span{
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #7B7B7B;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.footer-bottom ul li:first-child span {
    padding-left: 0;
}
.footer-bottom ul li:last-child span {
    padding-right: 0;
    border-right: none;
}
.footer-bottom li a {
    color: #7B7B7B;
    font-family: "Montserrat",Sans-serif;
    font-size: 14px;
    line-height: 26px;
}
.footer-bottom li a:hover {
    color: #fff;
}

@media (max-width: 479px) {
  .error-404 h1 {
    font-size: 120px;
  }

  .error-404 h2 {
    font-size: 32px;
  }
}
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@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;
  }
}
@media (max-width: 1299px) {
  blockquote {
    padding-left: 20px;
    padding-right: 20px;
  }
}



/* #Contact form
================================================== */
 
#ajax-form label {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height:30px;
  margin-bottom: 0;
}
.error {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height:30px;
  letter-spacing:1px;
  display: none;
  text-align:center;
}
#ajaxsuccess {
  color:#4BD48B;
  border: 1px solid #4BD48B;
  font-family: 'Montserrat', sans-serif;
  line-height:60px;
  height:60px;
  display: none;
  padding-left:10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.scrolling-text,
.scrolling-text2 {
  display: inline-block;
  will-change: transform;
  backface-visibility: hidden;
}

.scrolling-text .scrolling-text-content,
.scrolling-text2 .scrolling-text-content{
  font-size: 72px;
  letter-spacing: 2px;
  line-height: 64px;
  color: var(--primary);
  font-weight: 400;
  font-family: "Montserrat";
  white-space: nowrap;
  line-height: 1em;
  margin: 20px 0;
}

.s-line {
  padding: 0;
  padding-top: 46px;
  margin-bottom: -30px;
}

.wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  perspective: 1000;
}
.section {
  height: 100%;
  width: 450px;
  float: left;
  position: relative;
  margin-right: 60px;
}
.section:first-child {
  margin-left: 240px;
}
.sectionses {
  display: flex;
  width: 700%;
  height: 100%;
}
.section__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: var(--primary);
}

.s-slider .scrollmagic-pin-spacer {
  height: 650px !important;
}

.stuck {
  position:fixed;
  top:0;
}
.s-clients .container{
  min-height: auto!important;
}
/* End */


/* Start:/bitrix/templates/onesite.studio/css/settings.css?174116220030072*/
/*-----------------------------------------------------------------------------

-	Revolution Slider 5.0 Default Style Settings -

Screen Stylesheet

version:   	5.4.5
date:      	15/05/17
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/
#debungcontrolls,.debugtimeline{width:100%;box-sizing:border-box}.rev_column,.rev_column .tp-parallax-wrap,.tp-svg-layer svg{vertical-align:top}#debungcontrolls{z-index:100000;position:fixed;bottom:0;height:auto;background:rgba(0,0,0,.6);padding:10px}.debugtimeline{height:10px;position:relative;margin-bottom:3px;display:none;white-space:nowrap}.debugtimeline:hover{height:15px}.the_timeline_tester{background:#e74c3c;position:absolute;top:0;left:0;height:100%;width:0}.rs-go-fullscreen{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:9999999!important;background:#fff!important}.debugtimeline.tl_slide .the_timeline_tester{background:#f39c12}.debugtimeline.tl_frame .the_timeline_tester{background:#3498db}.debugtimline_txt{color:#fff;font-weight:400;font-size:7px;position:absolute;left:10px;top:0;white-space:nowrap;line-height:10px}.rtl{direction:rtl}@font-face{font-family:revicons;src:url(/bitrix/templates/onesite.studio/css/../fonts/revicons/revicons.eot?5510888);src:url(/bitrix/templates/onesite.studio/css/../fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),url(/bitrix/templates/onesite.studio/css/../fonts/revicons/revicons.woff?5510888) format('woff'),url(/bitrix/templates/onesite.studio/css/../fonts/revicons/revicons.ttf?5510888) format('truetype'),url(/bitrix/templates/onesite.studio/css/../fonts/revicons/revicons.svg?5510888#revicons) format('svg');font-weight:400;font-style:normal}[class*=" revicon-"]:before,[class^=revicon-]:before{font-family:revicons;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.revicon-search-1:before{content:'\e802'}.revicon-pencil-1:before{content:'\e831'}.revicon-picture-1:before{content:'\e803'}.revicon-cancel:before{content:'\e80a'}.revicon-info-circled:before{content:'\e80f'}.revicon-trash:before{content:'\e801'}.revicon-left-dir:before{content:'\e817'}.revicon-right-dir:before{content:'\e818'}.revicon-down-open:before{content:'\e83b'}.revicon-left-open:before{content:'\e819'}.revicon-right-open:before{content:'\e81a'}.revicon-angle-left:before{content:'\e820'}.revicon-angle-right:before{content:'\e81d'}.revicon-left-big:before{content:'\e81f'}.revicon-right-big:before{content:'\e81e'}.revicon-magic:before{content:'\e807'}.revicon-picture:before{content:'\e800'}.revicon-export:before{content:'\e80b'}.revicon-cog:before{content:'\e832'}.revicon-login:before{content:'\e833'}.revicon-logout:before{content:'\e834'}.revicon-video:before{content:'\e805'}.revicon-arrow-combo:before{content:'\e827'}.revicon-left-open-1:before{content:'\e82a'}.revicon-right-open-1:before{content:'\e82b'}.revicon-left-open-mini:before{content:'\e822'}.revicon-right-open-mini:before{content:'\e823'}.revicon-left-open-big:before{content:'\e824'}.revicon-right-open-big:before{content:'\e825'}.revicon-left:before{content:'\e836'}.revicon-right:before{content:'\e826'}.revicon-ccw:before{content:'\e808'}.revicon-arrows-ccw:before{content:'\e806'}.revicon-palette:before{content:'\e829'}.revicon-list-add:before{content:'\e80c'}.revicon-doc:before{content:'\e809'}.revicon-left-open-outline:before{content:'\e82e'}.revicon-left-open-2:before{content:'\e82c'}.revicon-right-open-outline:before{content:'\e82f'}.revicon-right-open-2:before{content:'\e82d'}.revicon-equalizer:before{content:'\e83a'}.revicon-layers-alt:before{content:'\e804'}.revicon-popup:before{content:'\e828'}.rev_slider_wrapper{position:relative;z-index:0;width:100%}.rev_slider{position:relative;overflow:visible}.entry-content .rev_slider a,.rev_slider a{box-shadow:none}.tp-overflow-hidden{overflow:hidden!important}.group_ov_hidden{overflow:hidden}.rev_slider img,.tp-simpleresponsive img{max-width:none!important;transition:none;margin:0;padding:0;border:none}.rev_slider .no-slides-text{font-weight:700;text-align:center;padding-top:80px}.rev_slider>ul,.rev_slider>ul>li,.rev_slider>ul>li:before,.rev_slider_wrapper>ul,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{list-style:none!important;position:absolute;margin:0!important;padding:0!important;overflow-x:visible;overflow-y:visible;background-image:none;background-position:0 0;text-indent:0;top:0;left:0}.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{visibility:hidden}.tp-revslider-mainul,.tp-revslider-slidesli{padding:0!important;margin:0!important;list-style:none!important}.fullscreen-container,.fullwidthbanner-container{padding:0;position:relative}.rev_slider li.tp-revslider-slidesli{position:absolute!important}.tp-caption .rs-untoggled-content{display:block}.tp-caption .rs-toggled-content{display:none}.rs-toggle-content-active.tp-caption .rs-toggled-content{display:block}.rs-toggle-content-active.tp-caption .rs-untoggled-content{display:none}.rev_slider .caption,.rev_slider .tp-caption{position:relative;visibility:hidden;white-space:nowrap;display:block;-webkit-font-smoothing:antialiased!important;z-index:1}.rev_slider .caption,.rev_slider .tp-caption,.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.rev_slider .tp-mask-wrap .tp-caption,.rev_slider .tp-mask-wrap :last-child,.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,.wpb_text_column .rev_slider .tp-mask-wrap :last-child{margin-bottom:0}.tp-svg-layer svg{width:100%;height:100%;position:relative}.tp-carousel-wrapper{cursor:url(/bitrix/templates/onesite.studio/css/openhand.cur),move}.tp-carousel-wrapper.dragged{cursor:url(/bitrix/templates/onesite.studio/css/closedhand.cur),move}.tp_inner_padding{box-sizing:border-box;max-height:none!important}.tp-caption.tp-layer-selectable{-moz-user-select:all;-khtml-user-select:all;-webkit-user-select:all;-o-user-select:all}.tp-caption.tp-hidden-caption,.tp-forcenotvisible,.tp-hide-revslider,.tp-parallax-wrap.tp-hidden-caption{visibility:hidden!important;display:none!important}.rev_slider audio,.rev_slider embed,.rev_slider iframe,.rev_slider object,.rev_slider video{max-width:none!important}.tp-element-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.tp-blockmask,.tp-blockmask_in,.tp-blockmask_out{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;transform:scaleX(0) scaleY(0)}.tp-parallax-wrap{transform-style:preserve-3d}.rev_row_zone{position:absolute;width:100%;left:0;box-sizing:border-box;min-height:50px;font-size:0}.rev_column_inner,.rev_slider .tp-caption.rev_row{position:relative;width:100%!important;box-sizing:border-box}.rev_row_zone_top{top:0}.rev_row_zone_middle{top:50%;transform:translateY(-50%)}.rev_row_zone_bottom{bottom:0}.rev_slider .tp-caption.rev_row{display:table;table-layout:fixed;vertical-align:top;height:auto!important;font-size:0}.rev_column{display:table-cell;position:relative;height:auto;box-sizing:border-box;font-size:0}.rev_column_inner{display:block;height:auto!important;white-space:normal!important}.rev_column_bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;box-sizing:border-box;background-clip:content-box;border:0 solid transparent}.tp-caption .backcorner,.tp-caption .backcornertop,.tp-caption .frontcorner,.tp-caption .frontcornertop{height:0;top:0;width:0;position:absolute}.rev_column_inner .tp-loop-wrap,.rev_column_inner .tp-mask-wrap,.rev_column_inner .tp-parallax-wrap{text-align:inherit}.rev_column_inner .tp-mask-wrap{display:inline-block}.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{position:relative!important;left:auto!important;top:auto!important;line-height:0}.tp-video-play-button,.tp-video-play-button i{line-height:50px!important;vertical-align:top;text-align:center}.rev_column_inner .rev_layer_in_column,.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{vertical-align:top}.rev_break_columns{display:block!important}.rev_break_columns .tp-parallax-wrap.rev_column{display:block!important;width:100%!important}.fullwidthbanner-container{overflow:hidden}.fullwidthbanner-container .fullwidthabanner{width:100%;position:relative}.tp-static-layers{position:absolute;z-index:101;top:0;left:0}.tp-caption .frontcorner{border-left:40px solid transparent;border-right:0 solid transparent;border-top:40px solid #00A8FF;left:-40px}.tp-caption .backcorner{border-left:0 solid transparent;border-right:40px solid transparent;border-bottom:40px solid #00A8FF;right:0}.tp-caption .frontcornertop{border-left:40px solid transparent;border-right:0 solid transparent;border-bottom:40px solid #00A8FF;left:-40px}.tp-caption .backcornertop{border-left:0 solid transparent;border-right:40px solid transparent;border-top:40px solid #00A8FF;right:0}.tp-layer-inner-rotation{position:relative!important}img.tp-slider-alternative-image{width:100%;height:auto}.caption.fullscreenvideo,.rs-background-video-layer,.tp-caption.coverscreenvideo,.tp-caption.fullscreenvideo{width:100%;height:100%;top:0;left:0;position:absolute}.noFilterClass{filter:none!important}.rs-background-video-layer{visibility:hidden;z-index:0}.caption.fullscreenvideo audio,.caption.fullscreenvideo iframe,.caption.fullscreenvideo video,.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe audio,.tp-caption.fullscreenvideo iframe video{width:100%!important;height:100%!important;display:none}.fullcoveredvideo audio,.fullscreenvideo audio .fullcoveredvideo video,.fullscreenvideo video{background:#000}.fullcoveredvideo .tp-poster{background-position:center center;background-size:cover;width:100%;height:100%;top:0;left:0}.videoisplaying .html5vid .tp-poster{display:none}.tp-video-play-button{background:#000;background:rgba(0,0,0,.3);border-radius:5px;position:absolute;top:50%;left:50%;color:#FFF;margin-top:-25px;margin-left:-25px;cursor:pointer;width:50px;height:50px;box-sizing:border-box;display:inline-block;z-index:4;opacity:0;transition:opacity .3s ease-out!important}.tp-audio-html5 .tp-video-play-button,.tp-hiddenaudio{display:none!important}.tp-caption .html5vid{width:100%!important;height:100%!important}.tp-video-play-button i{width:50px;height:50px;display:inline-block;font-size:40px!important}.rs-fullvideo-cover,.tp-dottedoverlay,.tp-shadowcover{height:100%;top:0;left:0;position:absolute}.tp-caption:hover .tp-video-play-button{opacity:1;display:block}.tp-caption .tp-revstop{display:none;border-left:5px solid #fff!important;border-right:5px solid #fff!important;margin-top:15px!important;line-height:20px!important;vertical-align:top;font-size:25px!important}.tp-seek-bar,.tp-video-button,.tp-volume-bar{outline:0;line-height:12px;margin:0;cursor:pointer}.videoisplaying .revicon-right-dir{display:none}.videoisplaying .tp-revstop{display:inline-block}.videoisplaying .tp-video-play-button{display:none}.fullcoveredvideo .tp-video-play-button{display:none!important}.fullscreenvideo .fullscreenvideo audio,.fullscreenvideo .fullscreenvideo video{object-fit:contain!important}.fullscreenvideo .fullcoveredvideo audio,.fullscreenvideo .fullcoveredvideo video{object-fit:cover!important}.tp-video-controls{position:absolute;bottom:0;left:0;right:0;padding:5px;opacity:0;transition:opacity .3s;background-image:linear-gradient(to bottom,#000 13%,#323232 100%);display:table;max-width:100%;overflow:hidden;box-sizing:border-box}.rev-btn.rev-hiddenicon i,.rev-btn.rev-withicon i{transition:all .2s ease-out!important;font-size:15px}.tp-caption:hover .tp-video-controls{opacity:.9}.tp-video-button{background:rgba(0,0,0,.5);border:0;border-radius:3px;font-size:12px;color:#fff;padding:0}.tp-video-button:hover{cursor:pointer}.tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap{padding:0 5px;display:table-cell;vertical-align:middle}.tp-video-seek-bar-wrap{width:80%}.tp-video-vol-bar-wrap{width:20%}.tp-seek-bar,.tp-volume-bar{width:100%;padding:0}.rs-fullvideo-cover{width:100%;background:0 0;z-index:5}.disabled_lc .tp-video-play-button,.rs-background-video-layer audio::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls-start-playback-button{display:none!important}.tp-audio-html5 .tp-video-controls{opacity:1!important;visibility:visible!important}.tp-dottedoverlay{background-repeat:repeat;width:100%;z-index:3}.tp-dottedoverlay.twoxtwo{background:url(/bitrix/templates/onesite.studio/css/../assets/gridtile.png)}.tp-dottedoverlay.twoxtwowhite{background:url(/bitrix/templates/onesite.studio/css/../assets/gridtile_white.png)}.tp-dottedoverlay.threexthree{background:url(/bitrix/templates/onesite.studio/css/../assets/gridtile_3x3.png)}.tp-dottedoverlay.threexthreewhite{background:url(/bitrix/templates/onesite.studio/css/../assets/gridtile_3x3_white.png)}.tp-shadowcover{width:100%;background:#fff;z-index:-1}.tp-shadow1{box-shadow:0 10px 6px -6px rgba(0,0,0,.8)}.tp-shadow2:after,.tp-shadow2:before,.tp-shadow3:before,.tp-shadow4:after{z-index:-2;position:absolute;content:"";bottom:10px;left:10px;width:50%;top:85%;max-width:300px;background:0 0;box-shadow:0 15px 10px rgba(0,0,0,.8);transform:rotate(-3deg)}.tp-shadow2:after,.tp-shadow4:after{transform:rotate(3deg);right:10px;left:auto}.tp-shadow5{position:relative;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset}.tp-shadow5:after,.tp-shadow5:before{content:"";position:absolute;z-index:-2;box-shadow:0 0 25px 0 rgba(0,0,0,.6);top:30%;bottom:0;left:20px;right:20px;border-radius:100px/20px}.tp-button{padding:6px 13px 5px;border-radius:3px;height:30px;cursor:pointer;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.6)!important;font-size:15px;line-height:45px!important;font-family:arial,sans-serif;font-weight:700;letter-spacing:-1px;text-decoration:none}.tp-button.big{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6);font-weight:700;padding:9px 20px;font-size:19px;line-height:57px!important}.purchase:hover,.tp-button.big:hover,.tp-button:hover{background-position:bottom,15px 11px}.purchase.green,.purchase:hover.green,.tp-button.green,.tp-button:hover.green{background-color:#21a117;box-shadow:0 3px 0 0 #104d0b}.purchase.blue,.purchase:hover.blue,.tp-button.blue,.tp-button:hover.blue{background-color:#1d78cb;box-shadow:0 3px 0 0 #0f3e68}.purchase.red,.purchase:hover.red,.tp-button.red,.tp-button:hover.red{background-color:#cb1d1d;box-shadow:0 3px 0 0 #7c1212}.purchase.orange,.purchase:hover.orange,.tp-button.orange,.tp-button:hover.orange{background-color:#f70;box-shadow:0 3px 0 0 #a34c00}.purchase.darkgrey,.purchase:hover.darkgrey,.tp-button.darkgrey,.tp-button.grey,.tp-button:hover.darkgrey,.tp-button:hover.grey{background-color:#555;box-shadow:0 3px 0 0 #222}.purchase.lightgrey,.purchase:hover.lightgrey,.tp-button.lightgrey,.tp-button:hover.lightgrey{background-color:#888;box-shadow:0 3px 0 0 #555}.rev-btn,.rev-btn:visited{outline:0!important;box-shadow:none!important;text-decoration:none!important;line-height:44px;font-size:17px;font-weight:500;padding:12px 35px;box-sizing:border-box;font-family:Roboto,sans-serif;cursor:pointer}.rev-btn.rev-uppercase,.rev-btn.rev-uppercase:visited{text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:900}.rev-btn.rev-withicon i{font-weight:400;position:relative;top:0;margin-left:10px!important}.rev-btn.rev-hiddenicon i{font-weight:400;position:relative;top:0;opacity:0;margin-left:0!important;width:0!important}.rev-btn.rev-hiddenicon:hover i{opacity:1!important;margin-left:10px!important;width:auto!important}.rev-btn.rev-medium,.rev-btn.rev-medium:visited{line-height:36px;font-size:14px;padding:10px 30px}.rev-btn.rev-medium.rev-hiddenicon i,.rev-btn.rev-medium.rev-withicon i{font-size:14px;top:0}.rev-btn.rev-small,.rev-btn.rev-small:visited{line-height:28px;font-size:12px;padding:7px 20px}.rev-btn.rev-small.rev-hiddenicon i,.rev-btn.rev-small.rev-withicon i{font-size:12px;top:0}.rev-maxround{border-radius:30px}.rev-minround{border-radius:3px}.rev-burger{position:relative;width:60px;height:60px;box-sizing:border-box;padding:22px 0 0 14px;border-radius:50%;border:1px solid rgba(51,51,51,.25);-webkit-tap-highlight-color:transparent;cursor:pointer}.rev-burger span{display:block;width:30px;height:3px;background:#333;transition:.7s;pointer-events:none;transform-style:flat!important}.rev-burger.revb-white span,.rev-burger.revb-whitenoborder span{background:#fff}.rev-burger span:nth-child(2){margin:3px 0}#dialog_addbutton .rev-burger:hover :first-child,.open .rev-burger :first-child,.open.rev-burger :first-child{transform:translateY(6px) rotate(-45deg)}#dialog_addbutton .rev-burger:hover :nth-child(2),.open .rev-burger :nth-child(2),.open.rev-burger :nth-child(2){transform:rotate(-45deg);opacity:0}#dialog_addbutton .rev-burger:hover :last-child,.open .rev-burger :last-child,.open.rev-burger :last-child{transform:translateY(-6px) rotate(-135deg)}.rev-burger.revb-white{border:2px solid rgba(255,255,255,.2)}.rev-burger.revb-darknoborder,.rev-burger.revb-whitenoborder{border:0}.rev-burger.revb-darknoborder span{background:#333}.rev-burger.revb-whitefull{background:#fff;border:none}.rev-burger.revb-whitefull span{background:#333}.rev-burger.revb-darkfull{background:#333;border:none}.rev-burger.revb-darkfull span,.rev-scroll-btn.revs-fullwhite{background:#fff}@keyframes rev-ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}.rev-scroll-btn{display:inline-block;position:relative;left:0;right:0;text-align:center;cursor:pointer;width:35px;height:55px;box-sizing:border-box;border:3px solid #fff;border-radius:23px}.rev-scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:400;color:#fff;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}.rev-scroll-btn>.active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{color:#fff}.rev-scroll-btn>.active,.rev-scroll-btn>:active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{opacity:.8}.rev-scroll-btn.revs-fullwhite span{background:#333}.rev-scroll-btn.revs-fulldark{background:#333;border:none}.rev-scroll-btn.revs-fulldark span,.tp-bullet{background:#fff}.rev-scroll-btn span{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border-radius:50%;animation:rev-ani-mouse 2.5s linear infinite}.rev-scroll-btn.revs-dark{border-color:#333}.rev-scroll-btn.revs-dark span{background:#333}.rev-control-btn{position:relative;display:inline-block;z-index:5;color:#FFF;font-size:20px;line-height:60px;font-weight:400;font-style:normal;font-family:Raleway;text-decoration:none;text-align:center;background-color:#000;border-radius:50px;text-shadow:none;background-color:rgba(0,0,0,.5);width:60px;height:60px;box-sizing:border-box;cursor:pointer}.rev-cbutton-dark-sr,.rev-cbutton-light-sr{border-radius:3px}.rev-cbutton-light,.rev-cbutton-light-sr{color:#333;background-color:rgba(255,255,255,.75)}.rev-sbutton{line-height:37px;width:37px;height:37px}.rev-sbutton-blue{background-color:#3B5998}.rev-sbutton-lightblue{background-color:#00A0D1}.rev-sbutton-red{background-color:#DD4B39}.tp-bannertimer{visibility:hidden;width:100%;height:5px;background:#000;background:rgba(0,0,0,.15);position:absolute;z-index:200;top:0}.tp-bannertimer.tp-bottom{top:auto;bottom:0!important;height:5px}.tp-caption img{background:0 0;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);zoom:1}.caption.slidelink a div,.tp-caption.slidelink a div{width:3000px;height:1500px;background:url(/bitrix/templates/onesite.studio/css/../assets/coloredbg.png)}.tp-caption.slidelink a span{background:url(/bitrix/templates/onesite.studio/css/../assets/coloredbg.png)}.tp-loader.spinner0,.tp-loader.spinner5{background-image:url(/bitrix/templates/onesite.studio/css/../assets/loader.gif);background-repeat:no-repeat}.tp-shape{width:100%;height:100%}.tp-caption .rs-starring{display:inline-block}.tp-caption .rs-starring .star-rating{float:none;display:inline-block;vertical-align:top;color:#FFC321!important}.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating{position:relative;height:1em;width:5.4em;font-family:star;font-size:1em!important}.tp-loader.spinner0,.tp-loader.spinner1{width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:tp-rotateplane 1.2s infinite ease-in-out;background-color:#fff;border-radius:3px;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-caption .rs-starring .star-rating:before,.tp-caption .rs-starring-page .star-rating:before{content:"\73\73\73\73\73";color:#E0DADF;float:left;top:0;left:0;position:absolute}.tp-caption .rs-starring .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em;font-size:1em!important}.tp-caption .rs-starring .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.tp-loader{top:50%;left:50%;z-index:10000;position:absolute}.tp-loader.spinner0{background-position:center center}.tp-loader.spinner5{background-position:10px 10px;background-color:#fff;margin:-22px;width:44px;height:44px;border-radius:3px}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.tp-loader.spinner2{width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-color:red;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;animation:tp-scaleout 1s infinite ease-in-out}@keyframes tp-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.tp-loader.spinner3{margin:-9px 0 0 -35px;width:70px;text-align:center}.tp-loader.spinner3 .bounce1,.tp-loader.spinner3 .bounce2,.tp-loader.spinner3 .bounce3{width:18px;height:18px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;display:inline-block;animation:tp-bouncedelay 1.4s infinite ease-in-out;animation-fill-mode:both}.tp-loader.spinner3 .bounce1{animation-delay:-.32s}.tp-loader.spinner3 .bounce2{animation-delay:-.16s}@keyframes tp-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tp-loader.spinner4{margin:-20px 0 0 -20px;width:40px;height:40px;text-align:center;animation:tp-rotate 2s infinite linear}.tp-loader.spinner4 .dot1,.tp-loader.spinner4 .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;animation:tp-bounce 2s infinite ease-in-out;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-loader.spinner4 .dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes tp-rotate{100%{transform:rotate(360deg)}}@keyframes tp-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.tp-bullets.navbar,.tp-tabs.navbar,.tp-thumbs.navbar{border:none;min-height:0;margin:0;border-radius:0}.tp-bullets,.tp-tabs,.tp-thumbs{position:absolute;display:block;z-index:1000;top:0;left:0}.tp-tab,.tp-thumb{cursor:pointer;position:absolute;opacity:.5;box-sizing:border-box}.tp-arr-imgholder,.tp-tab-image,.tp-thumb-image,.tp-videoposter{background-position:center center;background-size:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tp-tab.selected,.tp-tab:hover,.tp-thumb.selected,.tp-thumb:hover{opacity:1}.tp-tab-mask,.tp-thumb-mask{box-sizing:border-box!important}.tp-tabs,.tp-thumbs{box-sizing:content-box!important}.tp-bullet{width:15px;height:15px;position:absolute;background:rgba(255,255,255,.3);cursor:pointer}.tp-bullet.selected,.tp-bullet:hover{background:#fff}.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:40px;height:40px;position:absolute;display:block;z-index:1000}.tparrows:hover{background:#000}.tparrows:before{font-family:revicons;font-size:15px;color:#fff;display:block;line-height:40px;text-align:center}.hginfo,.hglayerinfo{font-size:12px;font-weight:600}.tparrows.tp-leftarrow:before{content:'\e824'}.tparrows.tp-rightarrow:before{content:'\e825'}body.rtl .tp-kbimg{left:0!important}.dddwrappershadow{box-shadow:0 45px 100px rgba(0,0,0,.4)}.hglayerinfo{position:fixed;bottom:0;left:0;color:#FFF;line-height:20px;background:rgba(0,0,0,.75);padding:5px 10px;z-index:2000;white-space:normal}.helpgrid,.hginfo{position:absolute}.hginfo{top:-2px;left:-2px;color:#e74c3c;background:#000;padding:2px 5px}.indebugmode .tp-caption:hover{border:1px dashed #c0392b!important}.helpgrid{border:2px dashed #c0392b;top:0;left:0;z-index:0}#revsliderlogloglog{padding:15px;color:#fff;position:fixed;top:0;left:0;width:200px;height:150px;background:rgba(0,0,0,.7);z-index:100000;font-size:10px;overflow:scroll}.aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}.tp-kbimg-wrap:after,.tp-kbimg-wrap:before{height:500%;width:500%}
/* End */


/* Start:/bitrix/templates/onesite.studio/css/navigation.css?174116220062218*/
/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 ARES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
.ares.tparrows {
  cursor:pointer;
  background:#fff;
  min-width:60px;
    min-height:60px;
  position:absolute;
  display:block;
  z-index:100;
    border-radius:50%;
}
.ares.tparrows:hover {
}
.ares.tparrows:before {
  font-family: "revicons";
  font-size:25px;
  color:#aaa;
  display:block;
  line-height: 60px;
  text-align: center;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    z-index:2;
    position:relative;
}
.ares.tparrows.tp-leftarrow:before {
  content: "\e81f";
}
.ares.tparrows.tp-rightarrow:before {
  content: "\e81e";
}
.ares.tparrows:hover:before {
 color:#000;
      }
.ares .tp-title-wrap { 
  position:absolute;
  z-index:1;
  display:inline-block;
  background:#fff;
  min-height:60px;
  line-height:60px;
  top:0px;
  margin-left:30px;
  border-radius:0px 30px 30px 0px;
  overflow:hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transform:scaleX(0);  
  -webkit-transform:scaleX(0);  
  transform-origin:0% 50%; 
   -webkit-transform-origin:0% 50%;
}
 .ares.tp-rightarrow .tp-title-wrap { 
   right:0px;
   margin-right:30px;margin-left:0px;
   -webkit-transform-origin:100% 50%;
border-radius:30px 0px 0px 30px;
 }
.ares.tparrows:hover .tp-title-wrap {
  transform:scaleX(1) scaleY(1);
    -webkit-transform:scaleX(1) scaleY(1);
}
.ares .tp-arr-titleholder {
  position:relative;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transform:translateX(200px);  
  text-transform:uppercase;
  color:#000;
  font-weight:400;
  font-size:14px;
  line-height:60px;
  white-space:nowrap;
  padding:0px 20px;
  margin-left:10px;
  opacity:0;
}

.ares.tp-rightarrow .tp-arr-titleholder {
   transform:translateX(-200px); 
   margin-left:0px; margin-right:10px;
      }

.ares.tparrows:hover .tp-arr-titleholder {
   transform:translateX(0px);
   -webkit-transform:translateX(0px);
  transition-delay: 0.1s;
  opacity:1;
}

/* BULLETS */
.ares.tp-bullets {
}
.ares.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:transparent;
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
}
.ares .tp-bullet {
	width:13px;
	height:13px;
	position:absolute;
	background:#e5e5e5;
	border-radius:50%;
	cursor: pointer;
	box-sizing:content-box;
}
.ares .tp-bullet:hover,
.ares .tp-bullet.selected {
	background:#fff;
}
.ares .tp-bullet-title {
  position:absolute;
  color:#888;
  font-size:12px;
  padding:0px 10px;
  font-weight:600;
  right:27px;
  top:-4px;
  background:#fff;
  background:rgba(255,255,255,0.75);
  visibility:hidden;
  transform:translateX(-20px);
  -webkit-transform:translateX(-20px);
  transition:transform 0.3s;
  -webkit-transition:transform 0.3s;
  line-height:20px;
  white-space:nowrap;
}     

.ares .tp-bullet-title:after {
    width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent rgba(255,255,255,0.75);
	content:" ";
    position:absolute;
    right:-10px;
	top:0px;
}
    
.ares .tp-bullet:hover .tp-bullet-title{
  visibility:visible;
   transform:translateX(0px);
  -webkit-transform:translateX(0px);
}

.ares .tp-bullet.selected:hover .tp-bullet-title {
    background:#fff;
        }
.ares .tp-bullet.selected:hover .tp-bullet-title:after {
  border-color:transparent transparent transparent #fff;
}
.ares.tp-bullets:hover .tp-bullet-title {
        visibility:hidden;
}
.ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title {
    visibility:visible;
      }

/* TABS */
.ares .tp-tab { 
  opacity:1;      
  padding:10px;
  box-sizing:border-box;
  font-family: "Roboto", sans-serif;
  border-bottom: 1px solid #e5e5e5;
 }
.ares .tp-tab-image 
{ 
  width:60px;
  height:60px; max-height:100%; max-width:100%;
  position:relative;
  display:inline-block;
  float:left;

}
.ares .tp-tab-content 
{
    background:rgba(0,0,0,0); 
    position:relative;
    padding:15px 15px 15px 85px;
 left:0px;
 overflow:hidden;
 margin-top:-15px;
    box-sizing:border-box;
    color:#333;
    display: inline-block;
    width:100%;
    height:100%;
 position:absolute; }
.ares .tp-tab-date
  {
  display:block;
  color: #aaa;
  font-weight:500;
  font-size:12px;
  margin-bottom:0px;
  }
.ares .tp-tab-title 
{
    display:block;	
    text-align:left;
    color:#333;
    font-size:14px;
    font-weight:500;
    text-transform:none;
    line-height:17px;
}
.ares .tp-tab:hover,
.ares .tp-tab.selected {
	background:#eee; 
}

.ares .tp-tab-mask {
}

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {

}
@media only screen and (max-width: 768px) {

}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 CUSTOM SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.custom.tparrows {
	cursor:pointer;
	background:#000;
	background:rgba(0,0,0,0.5);
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	z-index:10000;
}
.custom.tparrows:hover {
	background:#000;
}
.custom.tparrows:before {
	font-family: "revicons";
	font-size:15px;
	color:#fff;
	display:block;
	line-height: 40px;
	text-align: center;
}
.custom.tparrows.tp-leftarrow:before {
	content: "\e824";
}
.custom.tparrows.tp-rightarrow:before {
	content: "\e825";
}



/* BULLETS */
.custom.tp-bullets {
}
.custom.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:transparent;
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
}
.custom .tp-bullet {
	width:12px;
	height:12px;
	position:absolute;
	background:#aaa;
    background:rgba(125,125,125,0.5);
	cursor: pointer;
	box-sizing:content-box;
}
.custom .tp-bullet:hover,
.custom .tp-bullet.selected {
	background:rgb(125,125,125);
}
.custom .tp-bullet-image {
}
.custom .tp-bullet-title {
}


/* THUMBS */


/* TABS */


/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 DIONE SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.dione.tparrows {
  height:100%;
  width:100px;
  background:transparent;
  background:rgba(0,0,0,0);
  line-height:100%;
  transition:all 0.3s;
-webkit-transition:all 0.3s;
}

.dione.tparrows:hover {
 background:rgba(0,0,0,0.45);
 }
.dione .tp-arr-imgwrapper {
 width:100px;
 left:0px;
 position:absolute;
 height:100%;
 top:0px;
 overflow:hidden;
 }
.dione.tp-rightarrow .tp-arr-imgwrapper {
left:auto;
right:0px;
}

.dione .tp-arr-imgholder {
background-position:center center;
background-size:cover;
width:100px;
height:100%;
top:0px;
visibility:hidden;
transform:translateX(-50px);
-webkit-transform:translateX(-50px);
transition:all 0.3s;
-webkit-transition:all 0.3s;
opacity:0;
left:0px;
}

.dione.tparrows.tp-rightarrow .tp-arr-imgholder {
  right:0px;
  left:auto;
  transform:translateX(50px);
 -webkit-transform:translateX(50px);
}

.dione.tparrows:before {
position:absolute;
line-height:30px;
margin-left:-22px;
top:50%;
left:50%;
font-size:30px;
margin-top:-15px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}

.dione.tparrows.tp-rightarrow:before {
margin-left:6px;
}

.dione.tparrows:hover:before {
  transform:translateX(-20px);
-webkit-transform:translateX(-20px);
opacity:0;
}

.dione.tparrows.tp-rightarrow:hover:before {
  transform:translateX(20px);
-webkit-transform:translateX(20px);
}

.dione.tparrows:hover .tp-arr-imgholder {
 transform:translateX(0px);
-webkit-transform:translateX(0px);
opacity:1;
visibility:visible;
}



/* BULLETS */
.dione .tp-bullet { 
    opacity:1;
    width:50px;
    height:50px;    
    padding:3px;
    background:#000;
    background-color:rgba(0,0,0,0.25);
    margin:0px;
    box-sizing:border-box;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;

  }

.dione .tp-bullet-image {
   display:block;
   box-sizing:border-box;
   position:relative;
    -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  width:44px;
  height:44px;
  background-size:cover;
  background-position:center center;
 }  
.dione .tp-bullet-title { 
     position:absolute; 
   bottom:65px;
     display:inline-block;
     left:50%;
     background:#000;
     background:rgba(0,0,0,0.75);
     color:#fff;
     padding:10px 30px;
     border-radius:4px;
   -webkit-border-radius:4px;
     opacity:0;
      transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    transform-origin:50% 100%;
    -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin:50% 100%;
    opacity:0;
    white-space:nowrap;
 }

.dione .tp-bullet:hover .tp-bullet-title {
     transform:rotateX(0deg) translateX(-50%);
    -webkit-transform:rotateX(0deg) translateX(-50%);
    opacity:1;
}

.dione .tp-bullet.selected,
.dione .tp-bullet:hover  {
  
   background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
 
      }
.dione .tp-bullet-title:after {
        content:" ";
        position:absolute;
        left:50%;
        margin-left:-8px;
        width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: rgba(0,0,0,0.75) transparent transparent transparent;
        bottom:-8px;
   }


/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 ERINYEN SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.erinyen.tparrows {
  cursor:pointer;
  background:#000;
  background:rgba(0,0,0,0.5);
  min-width:70px;
  min-height:70px;
  position:absolute;
  display:block;
  z-index:1000;
  border-radius:35px;   
}

.erinyen.tparrows:before {
  font-family: "revicons";
  font-size:20px;
  color:#fff;
  display:block;
  line-height: 70px;
  text-align: center;    
  z-index:2;
  position:relative;
}
.erinyen.tparrows.tp-leftarrow:before {
  content: "\e824";
}
.erinyen.tparrows.tp-rightarrow:before {
  content: "\e825";
}

.erinyen .tp-title-wrap { 
  position:absolute;
  z-index:1;
  display:inline-block;
  background:#000;
  background:rgba(0,0,0,0.5);
  min-height:70px;
  line-height:70px;
  top:0px;
  margin-left:0px;
  border-radius:35px;
  overflow:hidden; 
  transition: opacity 0.3s;
  -webkit-transition:opacity 0.3s;
  -moz-transition:opacity 0.3s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);  
  visibility:hidden;
  opacity:0;
}

.erinyen.tparrows:hover .tp-title-wrap{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  opacity:1;
  visibility:visible;
}
        
 .erinyen.tp-rightarrow .tp-title-wrap { 
   right:0px;
   margin-right:0px;margin-left:0px;
   -webkit-transform-origin:100% 50%;
  border-radius:35px;
  padding-right:20px;
  padding-left:10px;
 }


.erinyen.tp-leftarrow .tp-title-wrap { 
   padding-left:20px;
  padding-right:10px;
}

.erinyen .tp-arr-titleholder {
  letter-spacing: 3px;
   position:relative;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transform:translateX(200px);  
  text-transform:uppercase;
  color:#fff;
  font-weight:600;
  font-size:13px;
  line-height:70px;
  white-space:nowrap;
  padding:0px 20px;
  margin-left:11px;
  opacity:0;  
}

.erinyen .tp-arr-imgholder {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  background-position:center center;
  background-size:cover;
    }
 .erinyen .tp-arr-img-over {
   width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
   background:#000;
   background:rgba(0,0,0,0.5);
        }
.erinyen.tp-rightarrow .tp-arr-titleholder {
   transform:translateX(-200px); 
   margin-left:0px; margin-right:11px;
      }

.erinyen.tparrows:hover .tp-arr-titleholder {
   transform:translateX(0px);
   -webkit-transform:translateX(0px);
  transition-delay: 0.1s;
  opacity:1;
}

/* BULLETS */
.erinyen.tp-bullets {
}
.erinyen.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background: #555555; /* old browsers */
    background: -moz-linear-gradient(top,  #555555 0%, #222222 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#222222)); /* chrome,safari4+ */
    background: -webkit-linear-gradient(top,  #555555 0%,#222222 100%); /* chrome10+,safari5.1+ */
    background: -o-linear-gradient(top,  #555555 0%,#222222 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(top,  #555555 0%,#222222 100%); /* ie10+ */
    background: linear-gradient(to bottom,  #555555 0%,#222222 100%); /* w3c */
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#555555", endcolorstr="#222222",gradienttype=0 ); /* ie6-9 */
	padding:10px 15px;
	margin-left:-15px;margin-top:-10px;
	box-sizing:content-box;
   border-radius:10px;
   box-shadow:0px 0px 2px 1px rgba(33,33,33,0.3);
}
.erinyen .tp-bullet {
	width:13px;
	height:13px;
	position:absolute;
	background:#111;	
	border-radius:50%;
	cursor: pointer;
	box-sizing:content-box;
}
.erinyen .tp-bullet:hover,
.erinyen .tp-bullet.selected {
	background: #e5e5e5; /* old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #999999 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#999999)); /* chrome,safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#999999 100%); /* chrome10+,safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#999999 100%); /* opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#999999 100%); /* ie10+ */
background: linear-gradient(to bottom,  #e5e5e5 0%,#999999 100%); /* w3c */
filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#e5e5e5", endcolorstr="#999999",gradienttype=0 ); /* ie6-9 */
  border:1px solid #555;
  width:12px;height:12px;
}
.erinyen .tp-bullet-image {
}
.erinyen .tp-bullet-title {
}


/* THUMBS */
.erinyen .tp-thumb {
opacity:1
}

.erinyen .tp-thumb-over {
  background:#000;
  background:rgba(0,0,0,0.25);
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

.erinyen .tp-thumb-more:before {
  font-family: "revicons";
  font-size:12px;
  color:#aaa;
  color:rgba(255,255,255,0.75);
  display:block;
  line-height: 12px;
  text-align: left;    
  z-index:2;
  position:absolute;
  top:20px;
  right:20px;
  z-index:2;
}
.erinyen .tp-thumb-more:before {
  content: "\e825";
}

.erinyen .tp-thumb-title {
  font-family:"Raleway";
  letter-spacing:1px;
  font-size:12px;
  color:#fff;
  display:block;
  line-height: 15px;
  text-align: left;    
  z-index:2;
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
  padding:20px 35px 20px 20px;
  width:100%;
  height:100%;
  box-sizing:border-box;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  font-weight:500;
}

.erinyen .tp-thumb.selected .tp-thumb-more:before,
.erinyen .tp-thumb:hover .tp-thumb-more:before {
 color:#aaa;

}

.erinyen .tp-thumb.selected .tp-thumb-over,
.erinyen .tp-thumb:hover .tp-thumb-over {
 background:#fff;
}
.erinyen .tp-thumb.selected .tp-thumb-title,
.erinyen .tp-thumb:hover .tp-thumb-title {
  color:#000;

}


/* TABS */
.erinyen .tp-tab-title {
    color:#a8d8ee;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    font-family:"Roboto Slab"
    margin-bottom:5px;
}

.erinyen .tp-tab-desc {
	font-size:18px;
    font-weight:400;
    color:#fff;
    line-height:25px;
	font-family:"Roboto Slab";
}
      

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 GYGES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */


/* BULLETS */
.gyges.tp-bullets {
}
.gyges.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background: #777777; /* Old browsers */
    background: -moz-linear-gradient(top,  #777777 0%, #666666 100%); 
    background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#777777), color-stop(100%,#666666)); 
    background: -webkit-linear-gradient(top,  #777777 0%,#666666 100%); 
    background: -o-linear-gradient(top,  #777777 0%,#666666 100%); 
    background: -ms-linear-gradient(top,  #777777 0%,#666666 100%); 
    background: linear-gradient(to bottom,  #777777 0%,#666666 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#777777", 
    endColorstr="#666666",GradientType=0 ); 
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
  border-radius:10px;
}
.gyges .tp-bullet {
	width:12px;
	height:12px;
	position:absolute;
	background:#333;
	border:3px solid #444;
	border-radius:50%;
	cursor: pointer;
	box-sizing:content-box;
}
.gyges .tp-bullet:hover,
.gyges .tp-bullet.selected {
	background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", 
    endColorstr="#e1e1e1",GradientType=0 ); /* IE6-9 */

}
.gyges .tp-bullet-image {
}
.gyges .tp-bullet-title {
}
	

/* THUMBS */
.gyges .tp-thumb { 
      opacity:1
  }
.gyges .tp-thumb-img-wrap {
  padding:3px;
    background:#000;
  background-color:rgba(0,0,0,0.25);
  display:inline-block;

  width:100%;
  height:100%;
  position:relative;
  margin:0px;
  box-sizing:border-box;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.gyges .tp-thumb-image {
   padding:3px; 
   display:block;
   box-sizing:border-box;
   position:relative;
    -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
 }  
.gyges .tp-thumb-title { 
     position:absolute; 
     bottom:100%; 
     display:inline-block;
     left:50%;
     background:rgba(255,255,255,0.8);
     padding:10px 30px;
     border-radius:4px;
	 -webkit-border-radius:4px;
     margin-bottom:20px;
     opacity:0;
      transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    transform-origin:50% 100%;
    -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin:50% 100%;
    white-space:nowrap;
 }
.gyges .tp-thumb:hover .tp-thumb-title {
  	 transform:rotateX(0deg) translateX(-50%);
    -webkit-transform:rotateX(0deg) translateX(-50%);
    opacity:1;
}

.gyges .tp-thumb:hover .tp-thumb-img-wrap,
 .gyges .tp-thumb.selected .tp-thumb-img-wrap {

  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
 }
.gyges .tp-thumb-title:after {
        content:" ";
        position:absolute;
        left:50%;
        margin-left:-8px;
        width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 8px 0 8px;
		border-color: rgba(255,255,255,0.8) transparent transparent transparent;
        bottom:-8px;
   }


/* TABS */
.gyges .tp-tab { 
  opacity:1;      
  padding:10px;
  box-sizing:border-box;
  font-family: "Roboto", sans-serif;
  border-bottom: 1px solid rgba(255,255,255,0.15);
 }
.gyges .tp-tab-image 
{ 
  width:60px;
  height:60px; max-height:100%; max-width:100%;
  position:relative;
  display:inline-block;
  float:left;

}
.gyges .tp-tab-content 
{
    background:rgba(0,0,0,0); 
    position:relative;
    padding:15px 15px 15px 85px;
 left:0px;
  overflow:hidden;
 margin-top:-15px;
    box-sizing:border-box;
    color:#333;
    display: inline-block;
    width:100%;
    height:100%;
 position:absolute; }
.gyges .tp-tab-date
  {
  display:block;
  color: rgba(255,255,255,0.25);
  font-weight:500;
  font-size:12px;
  margin-bottom:0px;
  }
.gyges .tp-tab-title 
{
    display:block;  
    text-align:left;
    color:#fff;
    font-size:14px;
    font-weight:500;
    text-transform:none;
    line-height:17px;
}
.gyges .tp-tab:hover,
.gyges .tp-tab.selected {
  background:rgba(0,0,0,0.5); 
}

.gyges .tp-tab-mask {
}

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {

}
@media only screen and (max-width: 768px) {

}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HADES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hades.tparrows {
	cursor:pointer;
	background:#000;
	background:rgba(0,0,0,0.15);
	width:100px;
	height:100px;
	position:absolute;
	display:block;
	z-index:1000;
}

.hades.tparrows:before {
	font-family: "revicons";
	font-size:30px;
	color:#fff;
	display:block;
	line-height: 100px;
	text-align: center;
  transition: background 0.3s, color 0.3s;
}
.hades.tparrows.tp-leftarrow:before {
	content: "\e824";
}
.hades.tparrows.tp-rightarrow:before {
	content: "\e825";
}

.hades.tparrows:hover:before {
   color:#aaa;
   background:#fff;
   background:rgba(255,255,255,1);
 }
.hades .tp-arr-allwrapper {
  position:absolute;
  left:100%;
  top:0px;
  background:#888; 
  width:100px;height:100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
  opacity: 0.0;
  -webkit-transform: rotatey(-90deg);
  transform: rotatey(-90deg);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.hades.tp-rightarrow .tp-arr-allwrapper {
   left:auto;
   right:100%;
   -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
   -webkit-transform: rotatey(90deg);
  transform: rotatey(90deg);
}

.hades:hover .tp-arr-allwrapper {
   -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;  
    -webkit-transform: rotatey(0deg);
  transform: rotatey(0deg);

 }
    
.hades .tp-arr-iwrapper {
}
.hades .tp-arr-imgholder {
  background-size:cover;
  position:absolute;
  top:0px;left:0px;
  width:100%;height:100%;
}
.hades .tp-arr-titleholder {
}
.hades .tp-arr-subtitleholder {
}


/* BULLETS */
.hades.tp-bullets {
}
.hades.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:transparent;
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
}
.hades .tp-bullet {
	width:3px;
	height:3px;
	position:absolute;
	background:#888;	
	cursor: pointer;
    border:5px solid #fff;
	box-sizing:content-box;
    box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);
    -webkit-perspective:400;
    perspective:400;
    -webkit-transform:translatez(0.01px);
    transform:translatez(0.01px);
}
.hades .tp-bullet:hover,
.hades .tp-bullet.selected {
	background:#555;
  
}

.hades .tp-bullet-image {
  position:absolute;top:-80px; left:-60px;width:120px;height:60px;
  background-position:center center;
  background-size:cover;
  visibility:hidden;
  opacity:0;
  transition:all 0.3s;
  -webkit-transform-style:flat;
  transform-style:flat;
  perspective:600;
  -webkit-perspective:600;
  transform: rotatex(-90deg);
  -webkit-transform: rotatex(-90deg);
  box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);
  transform-origin:50% 100%;
  -webkit-transform-origin:50% 100%;
  
  
}
.hades .tp-bullet:hover .tp-bullet-image {
  display:block;
  opacity:1;
  transform: rotatex(0deg);
  -webkit-transform: rotatex(0deg);
  visibility:visible;
    }
.hades .tp-bullet-title {
}


/* THUMBS */
.hades .tp-thumb { 
      opacity:1
  }
.hades .tp-thumb-img-wrap {
  border-radius:50%;
  padding:3px;
  display:inline-block;
background:#000;
  background-color:rgba(0,0,0,0.25);
  width:100%;
  height:100%;
  position:relative;
  margin:0px;
  box-sizing:border-box;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.hades .tp-thumb-image {
   padding:3px; 
   border-radius:50%;
   display:block;
   box-sizing:border-box;
   position:relative;
    -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
 }  


.hades .tp-thumb:hover .tp-thumb-img-wrap,
.hades .tp-thumb.selected .tp-thumb-img-wrap {
  
   background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
 
      }
.hades .tp-thumb-title:after {
        content:" ";
        position:absolute;
        left:50%;
        margin-left:-8px;
        width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 8px 0 8px;
		border-color: rgba(0,0,0,0.75) transparent transparent transparent;
        bottom:-8px;
   }


/* TABS */
.hades .tp-tab {
  opacity:1;
 }
    
.hades .tp-tab-title
 {
      display:block;
      color:#333;
      font-weight:600;
      font-size:18px;
      text-align:center;
      line-height:25px;      
    } 
.hades .tp-tab-price
 {
	display:block;
    text-align:center;
    color:#999;
    font-size:16px;
    margin-top:10px;
   line-height:20px
}

.hades .tp-tab-button {
    display:inline-block;
    margin-top:15px;
    text-align:center;
	padding:5px 15px;
  	color:#fff;
  	font-size:14px;
  	background:#219bd7;
   	border-radius:4px;
   font-weight:400;
}
.hades .tp-tab-inner {
	text-align:center;
}

              

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HEBE SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hebe.tparrows {
  cursor:pointer;
  background:#fff;
  min-width:70px;
    min-height:70px;
  position:absolute;
  display:block;
  z-index:1000;
}
.hebe.tparrows:hover {
}
.hebe.tparrows:before {
  font-family: "revicons";
  font-size:30px;
  color:#aaa;
  display:block;
  line-height: 70px;
  text-align: center;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  z-index:2;
  position:relative;
   background:#fff;
  min-width:70px;
    min-height:70px;
}
.hebe.tparrows.tp-leftarrow:before {
  content: "\e824";
}
.hebe.tparrows.tp-rightarrow:before {
  content: "\e825";
}
.hebe.tparrows:hover:before {
 color:#000;
      }
.hebe .tp-title-wrap { 
  position:absolute;
  z-index:0;
  display:inline-block;
  background:#000;
  background:rgba(0,0,0,0.75);
  min-height:60px;
  line-height:60px;
  top:-10px;
  margin-left:0px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transform:scaleX(0);  
  -webkit-transform:scaleX(0);  
  transform-origin:0% 50%; 
   -webkit-transform-origin:0% 50%;
}
 .hebe.tp-rightarrow .tp-title-wrap { 
   right:0px;
   -webkit-transform-origin:100% 50%;
 }
.hebe.tparrows:hover .tp-title-wrap {
  transform:scaleX(1);
  -webkit-transform:scaleX(1);
}
.hebe .tp-arr-titleholder {
  position:relative;
  text-transform:uppercase;
  color:#fff;
  font-weight:600;
  font-size:12px;
  line-height:90px;
  white-space:nowrap;
  padding:0px 20px 0px 90px;
}

.hebe.tp-rightarrow .tp-arr-titleholder {
   margin-left:0px; 
   padding:0px 90px 0px 20px;
 }

.hebe.tparrows:hover .tp-arr-titleholder {
   transform:translateX(0px);
   -webkit-transform:translateX(0px);
  transition-delay: 0.1s;
  opacity:1;
}

.hebe .tp-arr-imgholder{
      width:90px;
      height:90px;
      position:absolute;
      left:100%;
      display:block;
      background-size:cover;
      background-position:center center;
  	 top:0px; right:-90px;
    }
.hebe.tp-rightarrow .tp-arr-imgholder{
        right:auto;left:-90px;
      }

/* BULLETS */
.hebe.tp-bullets {
}
.hebe.tp-bullets:before {
  content:" ";
  position:absolute;
  width:100%;
  height:100%;
  background:transparent;
  padding:10px;
  margin-left:-10px;margin-top:-10px;
  box-sizing:content-box;
}

.hebe .tp-bullet {
  width:3px;
  height:3px;
  position:absolute;
  background:#fff;  
  cursor: pointer;
  border:5px solid #222;
  border-radius:50%;
  box-sizing:content-box;
  -webkit-perspective:400;
  perspective:400;
  -webkit-transform:translateZ(0.01px);
  transform:translateZ(0.01px);
   transition:all 0.3s;
}
.hebe .tp-bullet:hover,
.hebe .tp-bullet.selected {
  background:#222;
  border-color:#fff;
}

.hebe .tp-bullet-image {
  position:absolute;
  top:-90px; left:-40px;
  width:70px;
  height:70px;
  background-position:center center;
  background-size:cover;
  visibility:hidden;
  opacity:0;
  transition:all 0.3s;
  -webkit-transform-style:flat;
  transform-style:flat;
  perspective:600;
  -webkit-perspective:600;
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin:50% 100%;
  -webkit-transform-origin:50% 100%;
border-radius:6px;
  
  
}
.hebe .tp-bullet:hover .tp-bullet-image {
  display:block;
  opacity:1;
  transform: scale(1);
  -webkit-transform: scale(1);
  visibility:visible;
    }
.hebe .tp-bullet-title {
}


/* TABS */
.hebe .tp-tab-title {
    color:#a8d8ee;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    font-family:"Roboto Slab"
    margin-bottom:5px;
}

.hebe .tp-tab-desc {
	font-size:18px;
    font-weight:400;
    color:#fff;
    line-height:25px;
	font-family:"Roboto Slab";
}


/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HEPHAISTOS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hephaistos.tparrows {
	cursor:pointer;
	background:#000;
	background:rgba(0,0,0,0.5);
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	z-index:1000;
    border-radius:50%;
}
.hephaistos.tparrows:hover {
	background:#000;
}
.hephaistos.tparrows:before {
	font-family: "revicons";
	font-size:18px;
	color:#fff;
	display:block;
	line-height: 40px;
	text-align: center;
}
.hephaistos.tparrows.tp-leftarrow:before {
	content: "\e82c";
  margin-left:-2px;
  
}
.hephaistos.tparrows.tp-rightarrow:before {
	content: "\e82d";
   margin-right:-2px;
}



/* BULLETS */
.hephaistos.tp-bullets {
}
.hephaistos.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:transparent;
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
}
.hephaistos .tp-bullet {
	width:12px;
	height:12px;
	position:absolute;
	background:#999;
	border:3px solid #f5f5f5;
	border-radius:50%;
	cursor: pointer;
	box-sizing:content-box;
  box-shadow: 0px 0px 2px 1px rgba(130,130,130, 0.3);

}
.hephaistos .tp-bullet:hover,
.hephaistos .tp-bullet.selected {
	background:#fff;
    border-color:#000;
}
.hephaistos .tp-bullet-image {
}
.hephaistos .tp-bullet-title {
}


/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HERMES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hermes.tparrows {
	cursor:pointer;
	background:#000;
	background:rgba(0,0,0,0.5);
	width:30px;
	height:110px;
	position:absolute;
	display:block;
	z-index:1000;
}

.hermes.tparrows:before {
	font-family: "revicons";
	font-size:15px;
	color:#fff;
	display:block;
	line-height: 110px;
	text-align: center;
    transform:translateX(0px);
    -webkit-transform:translateX(0px);
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.hermes.tparrows.tp-leftarrow:before {
	content: "\e824";
}
.hermes.tparrows.tp-rightarrow:before {
	content: "\e825";
}
.hermes.tparrows.tp-leftarrow:hover:before {
    transform:translateX(-20px);
    -webkit-transform:translateX(-20px);
     opacity:0;
}
.hermes.tparrows.tp-rightarrow:hover:before {
    transform:translateX(20px);
    -webkit-transform:translateX(20px);
     opacity:0;
}

.hermes .tp-arr-allwrapper {
    overflow:hidden;
    position:absolute;
	width:180px;
    height:140px;
    top:0px;
    left:0px;
    visibility:hidden;
      -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  -webkit-perspective: 1000px;
  perspective: 1000px;
    }
.hermes.tp-rightarrow .tp-arr-allwrapper {
   right:0px;left:auto;
      }
.hermes.tparrows:hover .tp-arr-allwrapper {
   visibility:visible;
          }
.hermes .tp-arr-imgholder {
  width:180px;position:absolute;
  left:0px;top:0px;height:110px;
  transform:translateX(-180px);
  -webkit-transform:translateX(-180px);
  transition:all 0.3s;
  transition-delay:0.3s;
}
.hermes.tp-rightarrow .tp-arr-imgholder{
    transform:translateX(180px);
  -webkit-transform:translateX(180px);
      }
  
.hermes.tparrows:hover .tp-arr-imgholder {
   transform:translateX(0px);
   -webkit-transform:translateX(0px);            
}
.hermes .tp-arr-titleholder {
  top:110px;
  width:180px;
  text-align:left; 
  display:block;
  padding:0px 10px;
  line-height:30px; background:#000;
  background:rgba(0,0,0,0.75);color:#fff;
  font-weight:600; position:absolute;
  font-size:12px;
  white-space:nowrap;
  letter-spacing:1px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  box-sizing:border-box;

}
.hermes.tparrows:hover .tp-arr-titleholder {
    -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}


/* BULLETS */
.hermes.tp-bullets {
}

.hermes .tp-bullet {
    overflow:hidden;
    border-radius:50%;
    width:16px;
    height:16px;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px #FFF;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    position:absolute;
}

.hermes .tp-bullet:hover {
	  background-color: rgba(0, 0, 0, 0.2);
}
.hermes .tp-bullet:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  height: 0;
  left: 0;
  width: 100%;
  background-color: #FFF;
  box-shadow: 0 0 1px #FFF;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.hermes .tp-bullet.selected:after {
  height:100%;
}


/* TABS */
.hermes .tp-tab { 
  opacity:1;  
  padding-right:10px;
  box-sizing:border-box;
 }
.hermes .tp-tab-image 
{ 
  width:100%;
  height:60%;
  position:relative;
}
.hermes .tp-tab-content 
{
    background:rgb(54,54,54); 
    position:absolute;
    padding:20px 20px 20px 30px;
    box-sizing:border-box;
    color:#fff;
  display:block;
  width:100%;
  min-height:40%;
  bottom:0px;
  left:-10px;
  }
.hermes .tp-tab-date
  {
  display:block;
  color:#888;
  font-weight:600;
  font-size:12px;
  margin-bottom:10px;
  }
.hermes .tp-tab-title 
{
    display:block;	
    color:#fff;
    font-size:16px;
    font-weight:800;
    text-transform:uppercase;
   line-height:19px;
}

.hermes .tp-tab.selected .tp-tab-title:after {
    width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 0 30px 10px;
	border-color: transparent transparent transparent rgb(54,54,54);
	content:" ";
    position:absolute;
    right:-9px;
    bottom:50%;
    margin-bottom:-30px;
}
.hermes .tp-tab-mask {
     padding-right:10px !important;
          }

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {
  .hermes .tp-tab .tp-tab-title {font-size:14px;line-height:16px;}
  .hermes .tp-tab-date { font-size:11px; line-height:13px;margin-bottom:10px;}
  .hermes .tp-tab-content { padding:15px 15px 15px 25px;}
}
@media only screen and (max-width: 768px) {
  .hermes .tp-tab .tp-tab-title {font-size:12px;line-height:14px;}
  .hermes .tp-tab-date {font-size:10px; line-height:12px;margin-bottom:5px;}
  .hermes .tp-tab-content {padding:10px 10px 10px 20px;}
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HESPERIDEN SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hesperiden.tparrows {
	cursor:pointer;
	background:#000;
	background:rgba(0,0,0,0.5);
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	z-index:1000;
    border-radius: 50%;
}
.hesperiden.tparrows:hover {
	background:#000;
}
.hesperiden.tparrows:before {
	font-family: "revicons";
	font-size:20px;
	color:#fff;
	display:block;
	line-height: 40px;
	text-align: center;
}
.hesperiden.tparrows.tp-leftarrow:before {
	content: "\e82c";
    margin-left:-3px;
}
.hesperiden.tparrows.tp-rightarrow:before {
	content: "\e82d";
    margin-right:-3px;
}

/* BULLETS */
.hesperiden.tp-bullets {
}
.hesperiden.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:transparent;
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
   border-radius:8px;
  
}
.hesperiden .tp-bullet {
	width:12px;
	height:12px;
	position:absolute;
	background: #999999; /* old browsers */
    background: -moz-linear-gradient(top,  #999999 0%, #e1e1e1 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), 
    color-stop(100%,#e1e1e1)); /* chrome,safari4+ */
    background: -webkit-linear-gradient(top,  #999999 0%,#e1e1e1 100%); /* chrome10+,safari5.1+ */
    background: -o-linear-gradient(top,  #999999 0%,#e1e1e1 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(top,  #999999 0%,#e1e1e1 100%); /* ie10+ */
    background: linear-gradient(to bottom,  #999999 0%,#e1e1e1 100%); /* w3c */
    filter: progid:dximagetransform.microsoft.gradient( 
    startcolorstr="#999999", endcolorstr="#e1e1e1",gradienttype=0 ); /* ie6-9 */
	border:3px solid #e5e5e5;
	border-radius:50%;
	cursor: pointer;
	box-sizing:content-box;
}
.hesperiden .tp-bullet:hover,
.hesperiden .tp-bullet.selected {
	background:#666;
}
.hesperiden .tp-bullet-image {
}
.hesperiden .tp-bullet-title {
}


/* THUMBS */
.hesperiden .tp-thumb {
  opacity:1;
  -webkit-perspective: 600px;
  perspective: 600px;
}
.hesperiden .tp-thumb .tp-thumb-title {
    font-size:12px;
    position:absolute;
    margin-top:-10px;
    color:#fff;
    display:block;
    z-index:10000;
    background-color:#000;
    padding:5px 10px; 
    bottom:0px;
    left:0px;
    width:100%;
  box-sizing:border-box;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transform:rotatex(90deg) translatez(0.001px);
    transform-origin:50% 100%;
    -webkit-transform:rotatex(90deg) translatez(0.001px);
    -webkit-transform-origin:50% 100%;
    opacity:0;
 }
.hesperiden .tp-thumb:hover .tp-thumb-title {
  	 transform:rotatex(0deg);
    -webkit-transform:rotatex(0deg);
    opacity:1;
}

/* TABS */
.hesperiden .tp-tab { 
  opacity:1;      
  padding:10px;
  box-sizing:border-box;
  font-family: "Roboto", sans-serif;
  border-bottom: 1px solid #e5e5e5;
 }
.hesperiden .tp-tab-image 
{ 
  width:60px;
  height:60px; max-height:100%; max-width:100%;
  position:relative;
  display:inline-block;
  float:left;

}
.hesperiden .tp-tab-content 
{
    background:rgba(0,0,0,0); 
    position:relative;
    padding:15px 15px 15px 85px;
 left:0px;
 overflow:hidden;
 margin-top:-15px;
    box-sizing:border-box;
    color:#333;
    display: inline-block;
    width:100%;
    height:100%;
 position:absolute; }
.hesperiden .tp-tab-date
  {
  display:block;
  color: #aaa;
  font-weight:500;
  font-size:12px;
  margin-bottom:0px;
  }
.hesperiden .tp-tab-title 
{
    display:block;	
    text-align:left;
    color:#333;
    font-size:14px;
    font-weight:500;
    text-transform:none;
    line-height:17px;
}
.hesperiden .tp-tab:hover,
.hesperiden .tp-tab.selected {
	background:#eee; 
}

.hesperiden .tp-tab-mask {
}

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {

}
@media only screen and (max-width: 768px) {

}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 METIS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.metis.tparrows {
  background:#fff;
  padding:10px;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  width:60px;
  height:60px;
  box-sizing:border-box;
 }
 
 .metis.tparrows:hover {
   background:#fff;
   background:rgba(255,255,255,0.75);
 }
 
 .metis.tparrows:before {
  color:#000;  
   transition:all 0.3s;
  -webkit-transition:all 0.3s;
 }
 
 .metis.tparrows:hover:before {
   transform:scale(1.5);
  }
 

/* BULLETS */
.metis .tp-bullet { 
    opacity:1;
    width:50px;
    height:50px;    
    padding:3px;
    background:#000;
    background-color:rgba(0,0,0,0.25);
    margin:0px;
    box-sizing:border-box;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    border-radius:50%;
  }

.metis .tp-bullet-image {

   border-radius:50%;
   display:block;
   box-sizing:border-box;
   position:relative;
    -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  width:44px;
  height:44px;
  background-size:cover;
  background-position:center center;
 }  
.metis .tp-bullet-title { 
     position:absolute; 
	 bottom:65px;
     display:inline-block;
     left:50%;
     background:#000;
     background:rgba(0,0,0,0.75);
     color:#fff;
     padding:10px 30px;
     border-radius:4px;
	 -webkit-border-radius:4px;
     opacity:0;
      transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    transform-origin:50% 100%;
    -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin:50% 100%;
    opacity:0;
    white-space:nowrap;
 }

.metis .tp-bullet:hover .tp-bullet-title {
  	 transform:rotateX(0deg) translateX(-50%);
    -webkit-transform:rotateX(0deg) translateX(-50%);
    opacity:1;
}

.metis .tp-bullet.selected,
.metis .tp-bullet:hover  {
  
   background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
 
      }
.metis .tp-bullet-title:after {
        content:" ";
        position:absolute;
        left:50%;
        margin-left:-8px;
        width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 8px 0 8px;
		border-color: rgba(0,0,0,0.75) transparent transparent transparent;
        bottom:-8px;
   }

.metis .tp-tab-number {
        color: #fff;
        font-size: 40px;
        line-height: 30px;
        font-weight: 400;
        font-family: "Playfair Display";
        width: 50px;
        margin-right: 17px;
        display: inline-block;
        float: left;
    }
    .metis .tp-tab-mask {
        padding-left: 20px;
        left: 0px;
        max-width: 90px !important;
        transition: 0.4s padding-left, 0.4s left, 0.4s max-width;
    }
    .metis:hover .tp-tab-mask {
        padding-left: 0px;
        left: 50px;
        max-width: 500px !important;
    }
    .metis .tp-tab-divider {
        border-right: 1px solid transparent;
        height: 30px;
        width: 1px;
        margin-top: 5px;
        display: inline-block;
        float: left;
    }
    .metis .tp-tab-title {
        color: #fff;
        font-size: 20px;
        line-height: 20px;
        font-weight: 400;
        font-family: "Playfair Display";
        position: relative;
        padding-top: 10px;
        padding-left: 30px;
        display: inline-block;
        transform: translateX(-100%);
        transition: 0.4s all;
    }
    .metis .tp-tab-title-mask {
        position: absolute;
        overflow: hidden;
        left: 67px;
    }
    .metis:hover .tp-tab-title {
        transform: translateX(0);
    }
    .metis .tp-tab {
        opacity: 0.15;
        transition: 0.4s all;
    }
    .metis .tp-tab:hover,
    .metis .tp-tab.selected {
        opacity: 1;
    }
    .metis .tp-tab.selected .tp-tab-divider {
        border-right: 1px solid #cdb083;
    }
    .metis.tp-tabs {
        max-width: 118px !important;
        padding-left: 50px;
    }
    .metis.tp-tabs:before {
        content: " ";
        height: 100%;
        width: 88px;
        background: rgba(0, 0, 0, 0.15);
        border-right: 1px solid rgba(255, 255, 255, 0.10);
        left: 0px;
        top: 0px;
        position: absolute;
        transition: 0.4s all;
    }
    .metis.tp-tabs:hover:before {
        width: 118px;
    }
    @media (max-width: 499px) {
        .metis.tp-tabs:before {
            background: rgba(0, 0, 0, 0.75);
        }
    }

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 PERSEPHONE SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.persephone.tparrows {
	cursor:pointer;
	background:#aaa;
	background:rgba(200,200,200,0.5);
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	z-index:100;
  border:1px solid #f5f5f5;
}
.persephone.tparrows:hover {
	background:#333;
}
.persephone.tparrows:before {
	font-family: "revicons";
	font-size:15px;
	color:#fff;
	display:block;
	line-height: 40px;
	text-align: center;
}
.persephone.tparrows.tp-leftarrow:before {
	content: "\e824";
}
.persephone.tparrows.tp-rightarrow:before {
	content: "\e825";
}



/* BULLETS */
.persephone.tp-bullets {
}
.persephone.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:#transparent;
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
}
.persephone .tp-bullet {
	width:12px;
	height:12px;
	position:absolute;
	background:#aaa;
	border:1px solid #e5e5e5;	
	cursor: pointer;
	box-sizing:content-box;
}
.persephone .tp-bullet:hover,
.persephone .tp-bullet.selected {
	background:#222;
}
.persephone .tp-bullet-image {
}
.persephone .tp-bullet-title {
}


/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 URANUS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.uranus.tparrows {
  width:50px;
  height:50px;
  background:transparent;
 }
 .uranus.tparrows:before {
 width:50px;
 height:50px;
 line-height:50px;
 font-size:40px;
 transition:all 0.3s;
-webkit-transition:all 0.3s;
 }
 
  .uranus.tparrows:hover:before {
    opacity:0.75;
  }

/* BULLETS */
.uranus .tp-bullet{
	border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  background:transparent;
}
.uranus .tp-bullet.selected,
.uranus .tp-bullet:hover {
  box-shadow: 0 0 0 2px #FFF;
  border:none;
  border-radius: 50%;

   background:transparent;
}



.uranus .tp-bullet-inner {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
  border-radius: 50%;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.3);
  text-indent: -999em;
  cursor: pointer;
  position: absolute;
}

.uranus .tp-bullet.selected .tp-bullet-inner,
.uranus .tp-bullet:hover .tp-bullet-inner{
 transform: scale(0.4);
 -webkit-transform: scale(0.4);
 background-color:#fff;
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 ZEUS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.zeus.tparrows {
  cursor:pointer;
  min-width:70px;
  min-height:70px;
  position:absolute;
  display:block;
  z-index:100;
  border-radius:35px;   
  overflow:hidden;
  background:rgba(0,0,0,0.10);
}

.zeus.tparrows:before {
  font-family: "revicons";
  font-size:20px;
  color:#fff;
  display:block;
  line-height: 70px;
  text-align: center;    
  z-index:2;
  position:relative;
}
.zeus.tparrows.tp-leftarrow:before {
  content: "\e824";
}
.zeus.tparrows.tp-rightarrow:before {
  content: "\e825";
}

.zeus .tp-title-wrap {
  background:#000;
  background:rgba(0,0,0,0.5);
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  position:absolute;
  opacity:0;
  transform:scale(0);
  -webkit-transform:scale(0);
   transition: all 0.3s;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
   border-radius:50%;
 }
.zeus .tp-arr-imgholder {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  background-position:center center;
  background-size:cover;
  border-radius:50%;
  transform:translateX(-100%);
  -webkit-transform:translateX(-100%);
   transition: all 0.3s;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;

 }
.zeus.tp-rightarrow .tp-arr-imgholder {
    transform:translateX(100%);
  -webkit-transform:translateX(100%);
      }
.zeus.tparrows:hover .tp-arr-imgholder {
  transform:translateX(0);
  -webkit-transform:translateX(0);
  opacity:1;
}
      
.zeus.tparrows:hover .tp-title-wrap {
  transform:scale(1);
  -webkit-transform:scale(1);
  opacity:1;
}
 

/* BULLETS */
.zeus .tp-bullet {
     box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:50%;
      background-color: rgba(0, 0, 0, 0);
      -webkit-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
	  width:13px;height:13px;
	  border:2px solid #fff;
 }
.zeus .tp-bullet:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  background-color: #FFF;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}
.zeus .tp-bullet:hover:after,
.zeus .tp-bullet.selected:after{
    -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
  
 .zeus .tp-bullet-image,
 .zeus .tp-bullet-imageoverlay{
        width:135px;
        height:60px;
        position:absolute;
        background:#000;
        background:rgba(0,0,0,0.5);
        bottom:25px;
        left:50%;
        margin-left:-65px;
        box-sizing:border-box;
        background-size:cover;
        background-position:center center;
        visibility:hidden;
        opacity:0;
         -webkit-backface-visibility: hidden; 
      	backface-visibility: hidden;
        -webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
  		-webkit-transition: all 0.3s ease;
  		transition: all 0.3s ease;
        border-radius:4px;

}
          

.zeus .tp-bullet-title,
.zeus .tp-bullet-imageoverlay {
        z-index:2;
        -webkit-transition: all 0.5s ease;
	  	transition: all 0.5s ease;
}     
.zeus .tp-bullet-title { 
        color:#fff;
        text-align:center;
        line-height:15px;
        font-size:13px;
        font-weight:600;  
        z-index:3;
         visibility:hidden;
        opacity:0;
         -webkit-backface-visibility: hidden; 
      	backface-visibility: hidden;
        -webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
  		-webkit-transition: all 0.3s ease;
  		transition: all 0.3s ease;
        position:absolute;
        bottom:45px;
        width:135px;
    	vertical-align:middle;
        left:-57px;
}
      
.zeus .tp-bullet:hover .tp-bullet-title,
.zeus .tp-bullet:hover .tp-bullet-image,
.zeus .tp-bullet:hover .tp-bullet-imageoverlay{
      opacity:1;
      visibility:visible;
	  -webkit-transform:translateY(0px);
      transform:translateY(0px);         
    }

/* THUMBS */
.zeus .tp-thumb {
opacity:1
}

.zeus .tp-thumb-over {
  background:#000;
  background:rgba(0,0,0,0.25);
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

.zeus .tp-thumb-more:before {
  font-family: "revicons";
  font-size:12px;
  color:#aaa;
  color:rgba(255,255,255,0.75);
  display:block;
  line-height: 12px;
  text-align: left;    
  z-index:2;
  position:absolute;
  top:20px;
  right:20px;
  z-index:2;
}
.zeus .tp-thumb-more:before {
  content: "\e825";
}

.zeus .tp-thumb-title {
  font-family:"Raleway";
  letter-spacing:1px;
  font-size:12px;
  color:#fff;
  display:block;
  line-height: 15px;
  text-align: left;    
  z-index:2;
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
  padding:20px 35px 20px 20px;
  width:100%;
  height:100%;
  box-sizing:border-box;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  font-weight:500;
}

.zeus .tp-thumb.selected .tp-thumb-more:before,
.zeus .tp-thumb:hover .tp-thumb-more:before {
 color:#aaa;

}

.zeus .tp-thumb.selected .tp-thumb-over,
.zeus .tp-thumb:hover .tp-thumb-over {
 background:#000;
}
.zeus .tp-thumb.selected .tp-thumb-title,
.zeus .tp-thumb:hover .tp-thumb-title {
  color:#fff;

}


/* TABS */
.zeus .tp-tab { 
  opacity:1;      
  box-sizing:border-box;
}

.zeus .tp-tab-title { 
display: block;
text-align: center;
background: rgba(0,0,0,0.25);
font-family: "Roboto Slab", serif; 
font-weight: 700; 
font-size: 13px; 
line-height: 13px;
color: #fff; 
padding: 9px 10px; }

.zeus .tp-tab:hover .tp-tab-title,
.zeus .tp-tab.selected .tp-tab-title {
 color: #000;
  background:rgba(255,255,255,1); 
}



/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 ZEUS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/


.post-tabs .tp-thumb {
opacity:1
}

.post-tabs .tp-thumb-over {
  background:#252525;
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

.post-tabs .tp-thumb-more:before {
  font-family: "revicons";
  font-size:12px;
  color:#aaa;
  color:rgba(255,255,255,0.75);
  display:block;
  line-height: 12px;
  text-align: left;    
  z-index:2;
  position:absolute;
  top:15px;
  right:15px;
  z-index:2;
}
.post-tabs .tp-thumb-more:before {
  content: "\e825";
}

.post-tabs .tp-thumb-title {
  font-family:"raleway";
  letter-spacing:1px;
  font-size:12px;
  color:#fff;
  display:block;
  line-height: 15px;
  text-align: left;    
  z-index:2;
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
  padding:15px 30px 15px 15px;
  width:100%;
  height:100%;
  box-sizing:border-box;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  font-weight:500;
}

.post-tabs .tp-thumb.selected .tp-thumb-more:before,
.post-tabs .tp-thumb:hover .tp-thumb-more:before {
 color:#aaa;

}

.post-tabs .tp-thumb.selected .tp-thumb-over,
.post-tabs .tp-thumb:hover .tp-thumb-over {
 background:#fff;
}
.post-tabs .tp-thumb.selected .tp-thumb-title,
.post-tabs .tp-thumb:hover .tp-thumb-title {
  color:#000;

}

/* End */


/* Start:/bitrix/templates/onesite.studio/css/template_styles.css?17428025283247*/
.slotholder {
    background: #000;
}
.tp-bgimg.defaultimg {
    opacity: .5!important;
}
.fakeBtn-portfolio{
    text-align: center;
    margin-top: 30px;
}
.clearfix:after{
    display: table;
    clear: both;
    content: '';
}
.fakeBtn-portfolio span{
    cursor: pointer;
}
.ot-process .process_nav li .number-stroke{
    color: #777!important;
}
.ot-process .process_nav li .icon-main .dcell{
    border: 1px solid #ccc;
    border-radius: 50%;
}
.ot-process .process_nav h5{
    color: #000;
}
.ot-process{
    margin: 40px 0;
}
.ot-pricing-table .inner-table{
    padding: 70px 10px 0;
}
.fakeBtn-portfolio i{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--primary);
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    transition: .3s;
}
.fakeBtn-portfolio i:hover{
    transform: rotate(90deg);
}
.our-services .icon-box:hover h5{
    color: #1a1a1a!important;
}
.our-services .icon-box:hover h5 a{
    color: #1a1a1a!important;
}
.icon-box--bg-img:hover .btn-details{
    color: #1a1a1a!important;
}
.footer-development {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: end;
    /*margin-top: 20px;*/
}
.footer-development .footer-item__title {
    margin-right: 10px;
}
.footer__development-link {
    position: relative;
    display: inline-flex;
    width: 100px;
    height: 26px;
    transition: .3s;
}
.footer-development:hover{
    opacity: 1;
}
.footer__development-link img {
    position: absolute;
    top: 0;
    left: 0;
    transition: var(--dt);
}
.footer__development-link .img-hover {
    opacity: 0;
    z-index: 10;
}
.footer__development-link:hover .img-hover {
    opacity: 1;
}
.footer__development-link:hover .img-default {
    opacity: 0;
    transition-delay: .1s;
}
@media (max-width: 575px){
    .footer__copyright div {
        margin-bottom: 15px;
        font-size: 12px;
    }
    .footer-development .footer-item__title {
        margin-top: 13px;
    }
}
.cate-lines h2{
    color: #000;
}
.our-studio-detail .ot-heading h2{
    font-size: 27px;
    line-height: 29px;
}

@media (max-width: 991px) {
    .tp-revslider-mainul .tp-caption {
        width: 90vw!important;
        transform: none!important;
        white-space: normal!important;
        text-align: center!important;
    }

    .tp-revslider-mainul .tp-desc {
        padding-top: 10vh!important;
    }
}
.ot-pricing-table .inner-table .details ul li{
    line-height: 21px;
    margin-bottom: 15px;
}
#back-to-top.show{
    bottom: 60px;
}
.novalid{
    background: #ffd5d5!important;
}
.header__phone{
    color: #fff;
    padding: 30px;
    font-size: 17px;
}
.mainForm{
    margin: 40px 0;
}
.mainForm .octf-btn{
    margin: 15px auto;
    display: block;
}
.mainForm form{
    max-width: 450px;
    margin: 0 auto;
}
.mainForm__title{
    margin-bottom: 30px;
    font-size: 31px;
    text-align: center;
}
.tp-caption-main{
    margin-bottom: 30px!important;
    text-align:center!important;
}

.banner-main-sub {
    margin-left: 7px;
}
/* End */


/* Start:/bitrix/templates/onesite.studio/css/animate.css?174116220057096*/
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}


/* End */


/* Start:/bitrix/templates/onesite.studio/css/a-new-design.css?174280220337296*/
.bg-silver { background-color: #dedede; }

.pt\:0 { padding-top: 0!important; }
.py\:0 { padding-top: 0!important; padding-bottom: 0!important; }

.fw\:regular { font-weight: 400!important; }

.gap-y\:30 { row-gap: 30px!important; }

.ui-text {
	font-size: 15px;
    line-height: 1.59;
    letter-spacing: 0.025em;
}

.ui-text > *:last-child {
	margin-bottom: 0;
}

@media (min-width: 1920px) {
	.ui-text {
		font-size: 22px;
	}
}

.site-header, .site-header .is-stuck, .main-navigation ul ul {
	background-color: var(--primary);
}

.main-navigation ul ul {
	margin-top: 2px;
}

.main-navigation ul ul::before {
	content: '';
	position: absolute;
	bottom: 100%;
	right: 0;
	left: 0;
	height: 2px;
}

.main-navigation > ul > li > a:before {
	content: none;
}

.banner-desc-1 {
	bottom: 60px;
	left: 50%;
	top: unset;
	transform: translate(-50%, 0);
	width: auto;
	max-width: 100%;
}

.banner-desc-1 ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

.banner-desc-1 ul li {
	margin: 0;
	writing-mode: initial;
	transform: none;
	font-size: 27px;
}

.nav-home-1.tparrows.tp-rightarrow {
	top: 60%!important;
	right: 20px!important;
	left: auto!important;
	display: none!important;
}

.nav-home-1.tparrows.tp-leftarrow {
	top: 60%!important;
	left: 20px!important;
	right: auto!important;
}

.nav-home-1.tparrows.tp-rightarrow:before {
	content: '';
	background-image: url(/bitrix/templates/onesite.studio/css/../img/icons/right-arrow.png);
	width: 105px;
	height: 67px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.nav-home-1.tparrows.tp-leftarrow:before {
	content: '';
	background-image: url(/bitrix/templates/onesite.studio/css/../img/icons/right-arrow.png);
	transform: rotate(180deg);
	width: 105px;
	height: 67px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.nav-home-1.tparrows {
	width: 175px;
	height: 84px;
	transform: none!important;
	margin-top: -44px;
}

.nav-home-1.tparrows:hover {
	background: none;
}

.hero__text {
	text-align: center;
}

@media (max-width: 1919px) {
	.nav-home-1.tparrows {
		width: 105px!important;
		height: 42px!important;
	}

	.banner-desc-1 {
		bottom: 20px;
	}

	.banner-desc-1 ul li {
		font-size: 16px;
	}

	.rev_slider .tp-caption img, .tp-simpleresponsive .tp-caption img {
		display: block;
		max-width: 200px!important;
		height: auto!important;
		margin: 0 auto 32px!important;
	}
}

@media (max-width: 991px) {
	.banner-desc-1 {
		display: none;
	}
}

@media (max-width: 767px) {
	.nav-home-1.tparrows.tp-leftarrow, .nav-home-1.tparrows.tp-rightarrow {
		top: calc(100% - 20px)!important;
	}
}

.image-scaling {
	overflow: hidden;
}

.image-scaling img {
	transition: all .6s ease;
}

.image-scaling.scale-img img {
	transform: scale(1.1);
}

.hero__logo {
	max-width: 100%!important;
	margin-bottom: 64px!important;
}

@media (min-width: 1200px) {
	.sect-custom {
		padding-right: 60px;
		padding-left: 60px;
	}

	.sect-custom .container {
		max-width: 100%;
	}

	.sect-custom .row-custom {
		margin-right: -47px;
		margin-left: -47px;
	}

	.sect-custom .row-custom .col-custom {
		padding-right: 47px;
		padding-left: 47px;
	}
}

@media (min-width: 1366px) {
	.sect-custom {
		padding-right: 80px;
		padding-left: 80px;
	}

	.sect-custom .container {
		max-width: 1280px;
	}
}

@media (min-width: 1440px) {
	.sect-custom {
		padding-right: 100px;
		padding-left: 100px;
	}
}

@media (min-width: 1920px) {
	.sect-custom .container {
		max-width: 1920px;
	}
}

.s-creator {
	padding-top: 82px;
	padding-bottom: 82px;
	background-color: #dedede;
}

.creator__title {
	margin-bottom: 25px;
	font-weight: 100;
	font-size: 59px;
	color: #000;
}

.creator__slogan {
	margin-bottom: 102px;
	font-size: 24px;
	line-height: 35px;
	font-weight: 400;
}

.creator__content {
	max-width: 600px;
	color: var(--primary);
}

.creator__name {
	font-size: 29px;
	line-height: 1;
	font-weight: 500;
}

.creator__position {
	font-size: 17px;
	font-weight: 500;
}

@media (min-width: 1200px) {
	.creator__slogan, .creator__info {
		padding-left: 50px;
	}

	.creator__signature {
		margin-left: -50px;	
	}
}

@media (max-width: 1919px) {
	.s-creator {
		padding-top: 76px;
		padding-bottom: 76px;
	}

	.creator__title {
		margin: 0;
		font-size: 34px;
	}

	.creator__slogan {
		margin-bottom: 56px;
		font-size: 16px;
		line-height: 1.2;
	}

	.creator__name {
		font-size: 25px;
	}

	.creator__signature img {
		max-width: 150px;
	}

	.creator__position {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.creator__title {
		font-size: 32px;
	}

	.creator__slogan {
		margin-bottom: 32px;
		font-size: 16px;
	}
}


.s-info {
	padding-top: 60px;
	padding-bottom: 60px;
}
.portfolio {
	padding-top: 60px;
	padding-bottom: 40px;
}

.info__content {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: var(--primary);
}

.sect__suptitle {
	margin-bottom: 33px;
	font-size: 25px;
	line-height: 33px;
	font-weight: 600;
	color: #666666;
	text-transform: uppercase;
}

.sect__title {
	margin-bottom: 32px;
	font-size: 59px;
	font-weight: 300;
	line-height: 1;
}

.info__description {
	margin-bottom: 60px;
	font-size: 22px;
	line-height: 1.59;
	letter-spacing: 0.025em;
}

.info__action {
	display: flex;
	align-items: center;
	margin-top: auto;
}

.info__action a {
	display: inline-flex;
	align-items: center;
	gap: 30px;
	font-size: 16px;
	font-weight: 600;
}

.info__thumb img {
	display: block;
	max-width: 100%;
	max-height: 580px;
	object-fit: cover;
}

.sect__header.has-btn {
	gap: 32px;
	align-items: center;
}

.sect__header.has-btn .sect__title {
	margin-bottom: 0;
}

.s-portfoliopromo {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
	text-align: center;	
	height: 498px;
}

.s-portfoliopromo .sect__title {
	font-size: 36px;
	margin-top: 122px;
	margin-bottom: 60px;
}
.s-portfoliopromo li a,
.breabcrumb-list li span,
.breabcrumb-list li a{
	color: #fff;
	font-size: 14px;
	display: block;
	border-right: 2px solid #fff;
	padding-right: 15px;
	line-height: 12px;
}
.breabcrumb-list li a,
.breabcrumb-list li span{
	border-right: 1px solid #000;
	color: #000;
	margin-right: 11px;
}
.s-portfoliopromo li:last-child a,
.breabcrumb-list li:last-child a,
.breabcrumb-list li:last-child span{
	border: none;
}
.s-portfoliopromo ul,
.breabcrumb-list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1rem;
	list-style-type: none;
}
.breabcrumb-list{
	justify-content: start;
}
.s-second {
	padding-top: 64px;
	padding-bottom: 64px;
}

.s-creatorport .info__description {
	margin-bottom: 0;
}

.s-services {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
	text-align: center;
}
.s-creatorport img {
	width: 90%;	
}
.s-portfoliopromoinfo img, .s-reverse img {
	width: 100%;
}
.s-portfoliopromoinfo .row div:last-child {
	margin-top: 20px;
}
.task-item__thumb {
	position: relative;
}
.project-caption {
	position: absolute;
	bottom: 0;
	padding: 25px;
	color: #fff;
	font-size: 16px;
	max-width: 600px;
}
.project-caption .project-title {
	font-size: 27px;
	display: block;
}
.s-portproj .task-item__thumb {
	margin-bottom: 35px;
}
.plus-center {
	display: flex;
	justify-content: center;
}
a.next-plus {
	display: block;
	width: 40px;
	height: 40px;
	background-color: var(--primary);
}
a.next-plus::before {
	content: "+";
	height:40px;
	width:40px;
	font-size:50px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	color:white;
	font-weight: 300;
}
.border-topbottom {
	border-top: 1px solid #a7a3a3;
	border-bottom: 1px solid #a7a3a3;
}
.s-projinfo .info__thumb {
	display: flex;
	justify-content: center;
	background: #f2f2f2;
}

.s-projinfo .info__description {
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.parametr_item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 70%;
	line-height: 26px;
}

.parametr_item_name {
	flex-grow: 1;
	position: relative;
	/*border-bottom: 1px solid #d1d1d1;*/
}
.parametr_item_name span{
	position: relative;
	z-index: 9;
}
.parametr_item_name:after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #d1d1d1;
	top: 19px;
	left: 0;
	z-index: 1;
}

.parametr_item_name span {
	border: 1px solid #fff;
	border-bottom: 0;
	margin-bottom: -2px;
	display: inline-block;
	padding: 0.25rem;
	padding-left: 0;
	vertical-align: baseline;
	background: #fff;
}

.parametr_item_num {
	flex-shrink: 0;
	display: flex;
	align-items: flex-end;
	position: relative;
	z-index: 9;
	background: #fff;
	padding-left: 4px;
}

@media (max-width: 575px) {
	.parametr_item {
		width: 100%;
	}
}

.s-projinfo .row {
	margin-bottom: 70px;
}
.s-projinfo {
	padding-bottom: 0;	
	padding-top: 60px;
}
.s-projinfo2 {
	padding-bottom: 20px;
	padding-top:10px;
}
.s-projinfo2 .info__description1 {
	padding-left: 25px;
	color: var(--primary);
	font-size: 26px;
	line-height: 1.5;
}
.info__content2 {
	position: relative;
}
img.quotation-start {
	display: block;
	position: absolute;
	top: -20px;
	left: -30px;
}
img.quotation-end {
	display: block;
	position: absolute;
	bottom: -20px;
	right: 0;
}
.s-projinfo2 .info__thumb img {
	width: 100%;
}
.s-projinfo2 .info__thumb {
	margin-top: 20px;
}
.s-projinfo2 .sect__descr {
	text-align: center;
	display: block;
	padding: 45px;
	color: var(--primary);
}
.compare-container img {
	width: 100%;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
	width: 1px;
}
.twentytwenty-handle {
	width: 56px;
	margin-left: -30px;
	background: #fff;
}
.twentytwenty-left-arrow {
	border-right: 6px solid var(--primary);
}
.twentytwenty-right-arrow {
	border-left: 6px solid var(--primary);
}
.s-text .info__description {
	padding-left: 150px;
}
.twoflexblock {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 45px;
	flex-wrap: wrap;
}
.s-second a.button {
	font-size: 18px;
	padding: 15px 40px;
}
.s-lastproj {
	padding-bottom: 0;
	padding-top: 60px;
}
.s-text {
	padding-bottom: 20px;
	padding-top: 70px;
}


@media (max-width: 1919px) {
	.s-info {
		padding-top: 60px;
		padding-bottom: 45px;
	}

	.sect__suptitle {
		margin-bottom: 0;
		font-size: 13px;
	}

	.sect__title {
		font-size: 32px;
	}

	.info__description {
		margin-bottom: 44px;
		font-size: 15px;
	}

	.info__action a {
		font-size: 15px;
		gap: 16px;
	}

	.info__action img {
		max-width: 74px;
	}
}

@media (max-width: 1199px) {
	.info__thumb {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.s-info {
		padding: 64px 0;
	}

	.sect__title {
		line-height: 1.2;
	}

	.info__description {
		margin-bottom: 32px;
	}

	.info__action img {
		max-width: 76px;
	}
}




.s-services .sect__suptitle {
	color: inherit;
}

.services__list {
	display: flex;
	padding: 100px 0;
	gap: 126px;
}

.services-item {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 96px;
	width: calc(33.333% - 84px);
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	text-transform: uppercase;
	z-index: 21;
}

.services-item:hover, .services-item:focus, .services-item:active {
	background-color: #fff;
	color: var(--primary);
}

.services-item span {
	display: inline-flex;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0.1;
	font-size: 339px;
	font-weight: 100;
	transform: translate(-50%, -50%);
	z-index: -1;
	color: #fff;
}

.services__list .services-expanded {
	width: calc(33.333% - 84px);
}

.services-expanded .services-item {
	width: 100%;
}

.services-expanded {
	position: relative;
	z-index: 51;
}

.services-expanded__list {
	margin: 12px 0 0;
	padding: 0;
	list-style-type: none;
}

.services-expanded__list a {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0.05em;
	text-decoration: underline;
	text-decoration-color: transparent;
	margin-bottom: 14px;
}

.services-expanded__list a:hover {
	opacity: 0.7;
	text-decoration-color: currentColor;
}

.services-expanded__counter {
	display: inline-flex;
	position: absolute;
	top: 35%;
	left: 50%;
	opacity: 0.1;
	font-size: 260px;
	font-weight: 100;
	transform: translate(-50%, -50%);
	z-index: -1;
	color: #fff;
}

@media (max-width: 1919px) {
	.s-services {
		padding-top: 64px;
		padding-bottom: 64px;
		background-attachment: fixed;
	}

	.s-services .sect__title {
		max-width: 760px;
		margin-right: auto;
		margin-left: auto;
	}

	.services__list {
		gap: 40px;
		padding: 36px 0;
	}

	.services-item {
		height: 56px;
		width: calc(33.333% - 26px);
		font-size: 13px;
	}

	.services-item span {
		font-size: 160px;
	}

	.services__list {
		padding: 64px 0;
		gap: 30px;
	}

	.services-item {
		width: calc(33.333% - 20px);
	}

	.services__list .services-expanded {
		width: calc(33.333% - 26px);
	}
}

@media (max-width: 767px) {
	.s-services {
		padding: 64px 0;
	}

	.services__list {
		flex-direction: column;
		gap: 64px;
		padding: 32px 0 0;
	}

	.services-item {
		width: 100%;
	}

	.services__list .services-expanded {
		width: 100%;
	}

	.services-item span {
		font-size: 140px;
	}
	.s-creatorport img {
		width: 100%;	
	}
	.s-text .info__description {
		padding-left: 0;
	}
	.s-projinfo2 .sect__descr {
		padding: 15px 0;
		padding-bottom: 25px;
	}
	img.quotation-start {
		top: -38px;
		left: -29px;
	}
	.s-projinfo .info__description {
		padding-bottom: 15px;
	}
}

/* section projects */
.s-projs {
	padding: 0 0 82px;
}

.projs-list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.proj-item {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(33.333% - 20px);
	overflow: hidden;
}

.proj-item::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--primary);
	opacity: 0;
	transition: all .3s ease;
	z-index: 1;
}

.proj-item__content {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	top: 25px;
	right: 25px;
	bottom: 25px;
	left: 25px;
	padding: 15px;
	border: 1px solid #fff;
	color: #fff;
	z-index: 21;
	transition: all .3s ease;
	opacity: 0;
	text-align: center;
}

.proj-item__bg {
	display: block;
	width: 100%;
	transition: all .6s ease;
}

.proj-item:hover::before {
	opacity: 0.7;
} 

.proj-item:hover .proj-item__bg {
	transform: scale(1.2);
}

.proj-item:hover .proj-item__content {
	opacity: 1;
}

.proj-item__location {
	display: block;
	margin-bottom: 30px;
	font-size: 32px;
	line-height: 1;
	font-weight: 100;
}

.proj-item__type {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.2em;
}

@media (max-width: 991px) {
	.proj-item {
		width: calc(50% - 15px);
	}
}

@media (max-width: 767px) {
	.s-projs {
		padding: 0 0 64px;
	}

	.proj-item__location {
		font-size: 26px;
	}

	.proj-item__type {
		font-size: 18px;
	}

	.proj-item::before {
		opacity: 0.7;
	} 

	.proj-item .proj-item__content {
		opacity: 1;
	}
}

@media (max-width: 575px) {
	.proj-item {
		width: 100%;
	}
}

.sect__descr {
	font-weight: 300;
	font-size: 22px;
	line-height: 35px;
	letter-spacing: 0.02em;
}

.s-get-design {
	padding-top: 82px;
	padding-bottom: 82px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	color: var(--primary);
}

.s-get-design .sect__descr {
	margin: 0 auto 70px;
	max-width: 720px;
}

.button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 24px 40px;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
}

.button--black {
	background-color: var(--primary);
	color: #fff;
}

.button--black:hover {
	background-color: #333;
	color: #fff;
}

.button--black-outline {
	border: 1px solid var(--primary);
	color: var(--primary);
}

.button--black-outline:hover {
	background-color: var(--primary);
	color: #fff;
}

@media (max-width: 1919px) {
	.s-get-design {
		padding-top: 76px;
		padding-bottom: 76px;
	}

	.s-get-design .sect__descr {
		margin-bottom: 36px;
	}

	.sect__descr {
		font-size: 16px;
		line-height: 1.4;
	}

	.button {
		font-size: 16px;
		padding: 18px 32px;
	}
}

@media (max-width: 767px) {
	.s-get-design {
		padding: 64px 0;
	}

	.s-get-design .sect__descr {
		margin: 0 auto 32px;
	}

	.button {
		font-size: 16px;
		padding: 12px 24px;
	}
}

.s-tasks {
	padding-top: 82px;
	padding-bottom: 82px;
}

.s-tasks .sect__suptitle, .s-tasks .sect__title {
	text-align: center;
}

.s-tasks .sect__title {
	margin-bottom: 70px;
}

.task-item {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.task-item__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: auto;
	gap: 30px;
}

.task-item__title {
	font-size: 24px;
	line-height: 1.2;
}

.task-item__icon img {
	max-height: 40px;
}

.task-item__thumb {
	margin-bottom: 55px;
}

.task-item__thumb img {
	display: block;
	width: 100%;
}

@media (max-width: 1919px) {
	.s-tasks {
		padding-top: 76px;
		padding-bottom: 76px;
	}

	.s-tasks .sect__title {
		margin-bottom: 44px;
	}

	.task-item__thumb {
		margin-bottom: 32px;
	}

	.task-item__title {
		font-size: 16px;
	}

	.task-item__icon img {
		max-height: 32px
	}
}

@media (max-width: 767px) {
	.s-tasks {
		padding: 64px 0 34px;
	}

	.s-tasks .sect__title {
		margin-bottom: 32px;
	}

	.task-item {
		height: auto;
		margin-bottom: 30px;
	}

	.task-item__thumb {
		margin-bottom: 21px;
	}

	.task-item__title {
		font-size: 16px;
	}
}

.s-clients {
	background-color: #e2e2e2;
}

@media (max-width: 1919px) {
	.s-clients {
		padding-top: 76px;
		padding-bottom: 76px;
	}
}

@media (max-width: 767px) {
	.s-clients {
		padding-top: 64px;
		padding-bottom: 64px;
	}
}

.section-team-list {
	background-image: url(/bitrix/templates/onesite.studio/css/../img/team/bg1-team.jpg);
}
.footer-social a, .list-social a {
	border-color: transparent;
}

/*pravki*/
span.breadcrumbs-item{
	color: #fff;
	font-size: 14px;
	display: block;
	padding-right: 15px;
	line-height: 12px;
}
a.breadcrumbs-item{
	transition: .3s;
}
a.breadcrumbs-item:hover{
	color: #ababab;
}
.task-item__thumb{
	position: relative;
}
.task-item__thumb.overlay-thumb:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index:9;
	top: 0;
	left: 0;
	background: linear-gradient(15deg, var(--primary) 0%, transparent 55%);
}
.project-caption{
	z-index: 10;
}
.col-num{
	margin-bottom: 30px;
	color: #000;
}

.col-num__val{
	font-size: 72px;
	line-height: 75px;
	font-weight: 300;
}

.col-num__title{
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: 500;
	min-height: 40px;
	line-height: 20px
}
.col-num__desc{
	font-size: 12px;
}
.sect-no-padding{
	padding-top: 0;
	padding-bottom: 0;
}
.plus-list{
	margin-top: 40px;
}
.plus-list li{
	position: relative;
	list-style: none;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
}
.plus-list li:before{
	content: '+';
	display: inline-block;
	position: absolute;
	left: -30px;
	font-size: 25px;
}
.pb-20{
	padding-bottom: 20px;
}



.s-reviews {
	padding: 64px 0 90px;
}
.s-reviews2 .s-reviews{
	padding: 0;
}
.s-reviews--last {
	padding-bottom: 90px;
}

.review-item__author {
	margin-bottom: 36px;
	font-size: 21px;
	line-height: 26px;
	font-weight: bold;
}

.review-item__text {
	position: relative;
	padding-left: 30px;
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 24px;
}

.review-item__text::before {
	content: '';
	position: absolute;
	left: 0;
	top: -6px;
	width: 25px;
	height: 21px;
	background-image: url('/bitrix/templates/onesite.studio/css/../img/icons/quote-left.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.review-item{
	padding-bottom: 15px;
}
.review-item__text::after {
	content: '';
	position: absolute;
	right: 10px;
	bottom: -11px;
	width: 25px;
	height: 21px;
	background-image: url('/bitrix/templates/onesite.studio/css/../img/icons/quote-right.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.s-blog-hero .sect__title {
	margin-bottom: 16px;
}

.tags {
	margin-bottom: 18px;
	padding: 0;
}
.gallery-slider.owl-carousel .owl-item img{
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	width: inherit;
}
.tags li a {
	padding: 5px 10px;
	border: 1px solid #fff!important;
	text-align: center;
	font-size: 14px;
	line-height: 1;
	transition: .3s;
}
.tags li a:hover{
	background: #fff;
	color:var(--primary);
}
.s-blog-detail {
	padding: 0;
}

.blog-detail {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.blog-detail__data {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 68px;
	padding: 30px 0;
	gap: 32px;
	color: #000;
	border-bottom: 1px solid var(--primary);
}

.blog-detail__social {
	margin: 0;
	padding: 0;
	gap: 14px;
	display: inline-flex;
	align-items: center;
	list-style-type: none;
}

.blog-detail__social a:hover {
	opacity: 0.5;
}

.blog-detail__info {
	margin: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
	list-style-type: none;
	font-size: 14px;
	font-weight: 500;
}

.blog-detail__info li::after {
	content: '|';
	margin: 0 16px;
}

.blog-detail__info li:last-child::after {
	content: none;
}

.blog-detail__anchors {
	margin: 0 0 120px;
	padding: 0 0 0 21px;
	list-style-type: none;
}

.blog-detail__anchors li {
	margin-bottom: 12px;
}

.blog-detail__anchors li:last-child {
	margin-bottom: 0;
}

.blog-detail__anchors a {
	color: var(--primary);
	font-size: 18px;
	text-decoration: underline;
	letter-spacing: 0.025em;
}

.blog-detail__anchors a:hover {
	text-decoration-color: transparent;
	opacity: 0.5;
}

.blog-detail__content {
	/*width: calc(100% - 370px);*/
}

.blog-detail__text {
	color: #000;
	font-size: 16px;
}

.blog-detail__text p {
	padding-left: 21px;
}

.blog-detail__text blockquote {
	position: relative;
	font-size: 30px;
	line-height: 45px;
	font-weight: 500;
	padding: 0 0 0 30px;
	text-align: left;
}

.blog-detail__text blockquote::before {
	content: '';
	position: absolute;
	left: 0;
	top: -6px;
	width: 25px;
	height: 21px;
	background-image: url('/bitrix/templates/onesite.studio/css/../img/icons/quote-left.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.blog-detail__text blockquote::after {
	content: '';
	position: absolute;
	right: 15px;
	bottom: 10px;
	width: 25px;
	height: 21px;
	background-image: url('/bitrix/templates/onesite.studio/css/../img/icons/quote-right.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.blog-detail__text ul, .blog-detail__text ol {
	margin-left: 21px;
	margin-bottom: 50px;
}

.blog-detail__text li {
	margin-bottom: 12px;
	line-height: 27px;
	letter-spacing: 0.02em;
}

.blog-detail__text li:last-child {
	margin-bottom: 0;
}

.blog-detail__text img {
	margin: 0 0 30px 0;
}

.blog-detail__text > *:last-child {
	margin-bottom: 0;
}

.blog-detail__gallery {
	padding: 64px 0;
}

.gallery-slider .owl-stage-outer {
	overflow: visible;
}

.gallery-slider .owl-dots {
	display: flex;
	justify-content: center;
	margin-top: 28px;
	gap: 20px;
}

.gallery-slider .owl-dot {
	width: 19px;
	height: 19px;
	padding: 0;
	background-color: transparent;
	transition: all .3s ease;
	border: 1px solid var(--primary);
	border-radius: 0;
	outline: none;
}

.gallery-slider .owl-dot.active {
	background-color: var(--primary);
}



.blog-detail__author {
	/*width: 370px;*/
	padding: 0 50px;
}

.blog-author {
	color: var(--primary);
}

.blog-author__img {
	margin-bottom: 24px;
	float: right;
	margin: 0 0 50px 50px;
}

.blog-author__img img {
	display: block;
}

.blog-author__name {
	font-weight: 200;
	font-size: 22px;
	line-height: 35px;
}

.blog-author__position {
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
	color: #666;
}

.blog-author__description {
	margin-top: 32px;
	font-size: 16px;
}


.s-blog-similar {
	padding: 78px 0 64px;
}

.blog-similar {
	padding: 50px 0;
	color: #fff;
	text-align: center;
}

.blog-similar .sect__suptitle {
	color: #fff;
}

.blog-similar__link {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-top: 31px;
}

.blog-similar__link img {
	height: 65px;
}

.s-blog-items {
	padding: 0 0 60px;
}

.s-blog-items .sect__suptitle, .s-blog-items .sect__title {
	text-align: center;
}

.blog-item__thumb {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.blog-item__thumb img {
	display: block;
}
.blog-item__desc{
	line-height: 17px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.blog-item__title {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	color: var(--primary);
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
}

/*.blog-item__title::after {*/
/*	content: '';*/
/*	width: 62px;*/
/*	height: 30px;*/
/*	min-width: 62px;*/
/*	background-image: url('/bitrix/templates/onesite.studio/css/../img/icons/silver-arrow-right-md.png');*/
/*	background-repeat: no-repeat;*/
/*	background-position: center center;*/
/*	background-size: contain;*/
/*}*/

.blog-item__description {
	margin-top: 21px;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 300;
	color: var(--primary);
}

.blog-list {
	display: flex;
	gap: 40px;
}

@media (min-width: 768px) {
	.blog-list .blog-item {
		width: calc(33% - 25px);
	}
}

@media (max-width: 991px) {
	.blog-detail__anchors {
		margin: 0 0 64px;
	}

	.blog-detail__anchors a {
		font-size: 16px;
	}

	.blog-detail__content {
		width: 100%;
	}


}

@media (max-width: 767px) {
	.blog-detail__data {
		margin-bottom: 32px;
		padding: 21px 0;
		flex-direction: column;
		gap: 15px;
	}

	.blog-list {
		flex-direction: column;
	}

	.blog-detail__text blockquote {
		font-size: 26px;
		line-height: 1.3;
	}

	.blog-detail__text blockquote::after {
		display: none;
	}

	.blog-detail__text img {
		margin: 32px 0;
		float: none;
	}
}

/* section faq */
.slide-toggle {
	color: #000;
	border-bottom: 1px solid var(--primary);
}

.slide-toggle:last-child {
	border: 0;
}

.slide-toggle__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 26px 0;
	gap: 20px;
	cursor: pointer;
}

.slide-toggle__title {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2;
}

.slide-toggle__toggler {
	position: relative;
	display: inline-flex;
	width: 25px;
	height: 25px;
}

.slide-toggle__toggler::before, .slide-toggle__toggler::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 25px;
	height: 1px;
	border-bottom: 1px solid var(--primary);
	transition: all .3s ease;
}

.slide-toggle__toggler::after {
	transform: translate(-50%, -50%) rotate(-90deg);
}

.slide-toggle.open .slide-toggle__toggler::after {
	opacity: 0;
}

.slide-toggle__body {
	padding: 6px 0 64px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.025em;
}

@media (max-width: 767px) {
	.slide-toggle__title {
		font-size: 18px;
	}
}

.advantage-item {
	margin-top: 30px;
	color: #000;
}

.advantage-item__thumb {
	display: flex;
	align-items: center;
	height: 120px;
}

.advantage-item__title {
	margin-bottom: 8px;
	font-size: 21px;
	font-weight: 500;
	line-height: 28px;
}

.advantage-item__description {
	max-width: 286px;
	color: #000;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.025em;
}

/* pricing table */
.prices-table .trow {
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--primary);
}

.prices-table .tbody .trow:last-child {
	border: 0;
}

.prices-table .col-descr {
	padding: 14px 0;
	flex-grow: 1;
}

.prices-table .col-pack {
	min-width: 220px;
	padding: 0 10px;
}

.pack-title {
	margin-bottom: 31px;
	color: var(--primary);
	font-weight: 500;
	font-size: 24px;
	line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
}

.pack-price {
	margin-bottom: 21px;
	color: #333;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
}

.pack-subtitle {
	margin-bottom: 24px;
	color: var(--primary);
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.025em;
}

.pack-description {
	padding-left: 22px;
	color: #6a6a6a;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.025em;
}

.pack-availability {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pack-order {
	padding-top: 52px;
	text-align: center;
}


@media (max-width: 991px) {
	.prices-table {
		overflow-x: auto;
	}

	.prices-table .col-descr {
		min-width: 300px;
	}

	.prices-table .trow {
		min-width: 960px;
	}

	.pack-description {
		font-size: 14px;
		line-height: 21px;
	}

	.pack-title {
		margin-bottom: 12px;
		font-size: 18px;
	}

	.pack-price {
		font-size: 16px;
	}
}

/* section calculator */
.calculator {
	padding: 42px 15px;
	background-color: #efeded;
}

.calculator select {
	display: block;
	width: 100%;
	padding: 4px 40px 4px 10px;
	flex-grow: 1;
	background-color: #fff;
	border: 1px solid #565656;
	color: var(--primary);
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.025em;
	background-image: url('/bitrix/templates/onesite.studio/css/../img/icons/angle-down-square.png');
	background-repeat: no-repeat;
	background-position: right 7px center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow: hidden;
	text-overflow: ellipsis;
}

label.custom-checkbox {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin: 0;
}

.custom-checkbox__text {
	color: var(--primary);
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 0.025em;
}

.checkbox-group {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 30px;
}


.custom-checkbox__icon {
	width: 18px;
	height: 18px;
	min-width: 18px;
	margin-right: 12px;
	border: 1px solid #565656;
}

input:checked ~ .custom-checkbox__icon{
	background: #565656;
}

.custom-checkbox__value {
	position: absolute;
	visibility: hidden;
}

.calculator__select {
	flex-grow: 1;
}

.calculator .sect__title {
	text-align: center;
}

.calculator__group {
	display: flex;
	align-items: flex-start;
	margin-bottom: 32px;
}

.calculator__caption {
	margin-right: 20px;
	padding: 5px 0;
	color: var(--primary);
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.025em;
	white-space: nowrap;
}

.calculator__calculate {
	padding: 6px 0 35px;
	text-align: center;
}

.calculator__calculate .button {
	/*padding: 10px 22px;*/
	font-weight: 400;
	font-size: 16px;
	border: 1px solid var(--primary)000;
}
.calculator__calculate .button:hover{
	background-color: #eee;
	color: var(--primary);
	border: 1px solid var(--primary)000;
}
.calculator__total {
	margin-bottom: 32px;
	color: var(--primary);
	font-weight: 100;
	font-size: 36px;
	line-height: 1;
	letter-spacing: 0.025em;
	text-align: center;
}

.calculator__description {
	color: var(--primary);
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.025em;
	text-align: center;
}

.range-container {
	display: flex;
	align-items: center;
	height: 30px;
	flex-grow: 1;
}

.range-slider {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-grow: 1;
}

.irs {
	flex-grow: 1;
}

.irs--round {
	height: 16px;
}

.irs-single {
	display: none;
}

.irs--round .irs-line {
	top: 5px;
	height: 6px;
	background-color: #fff;
}

.irs--round .irs-bar {
	top: 5px;
	height: 6px;
	background-color: var(--primary);
}

.irs--round .irs-handle {
	top: 0;
	width: 16px;
	height: 16px;
	background-color: var(--primary);
	border: none;
	cursor: pointer;
}

.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {
	background-color: var(--primary);
}

.range-label {
	color: var(--primary);
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.025em;
	white-space: nowrap;
}

input.range-input {
	width: 46px;
	height: 30px;
	min-width: 46px;
	margin-left: 21px;
	padding: 4px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #565656;
}

@media (max-width: 767px) {
	.calculator__group {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 32px;
	}

	.range-container, .calculator__select {
		width: 100%;
	}
}

.designes-slider {
	position: relative;
}

.designes-slider .owl-nav {
	position: absolute;
	top: 36%;
	right: -40px;
	left: -40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	pointer-events: none;
}

.designes-slider .owl-nav button {
	width: 62px;
	height: 30px;
	border: none;
	background-image: url('/bitrix/templates/onesite.studio/css/../img/icons/silver-arrow-right-md.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
	pointer-events: all;
	outline: none;
}

.designes-slider .owl-nav button span {
	display: none;
}

.designes-slider .owl-nav .owl-prev {
	transform: scaleX(-1);
}

@media (max-width: 1199px) {
	.designes-slider .owl-nav {
		right: -10px;
		left: -10px;
	}
}
.rev_slider .caption, .rev_slider .tp-caption{
	text-align: center!important;
}




/* hero section */
.s-hero {
	position: relative;
	padding: 0;
}

.hero-slider {
	overflow: hidden;
}

.hero-item {
	display: block;
	position: relative;
	color: #fff;
	overflow: hidden;
}

.hero-item__bg {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: transform 6s ease;
	transform: scale(1.2);
	background-color: var(--primary);
	user-select: none;
}

.hero-item__bg::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--primary);
	opacity: 0.1;
	z-index: 21;
}

.swiper-slide-active .hero-item__bg {
	transform: scale(1);
}

.hero-item__bg img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	z-index: 11;
}

.hero-item__content {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 32px;
	text-align: center;
	z-index: 21;
}

.hero-item__content img {
	max-width: 200px;
}

.hero-item__description {
	display: block;
	color: #fff;
	font-size: 1.6vw;
	line-height: 1.2;
}

.hero-arrows {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
	top: 50%;
	right: 50px;
	left: 50px;
	transform: translateY(-50%);
	pointer-events: none;
	z-index: 51;
}

.hero-arrows .slider-arrow {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	pointer-events: all;
	cursor: pointer;
}

.hero-arrows .slider-arrow img {
	max-width: 55px;
}

@media (min-width: 992px) {
	.hero-item::after {
		content: '';
		display: block;
		padding-bottom: 56%;
	}
}

@media (max-width: 991px) {
	.hero-item {
		height: 100vh;
		min-height: 600px;
	}

	.hero-item__description {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.hero-arrows {
		top: unset;
		bottom: 20px;
		transform: none;
	}

	.hero-arrows img {
		height: 42px;
		width: auto;
	}
}
.s-creator .sect-custom .row-custom {
	margin-left: -15px;
	margin-right: -15px;
}
.sect-custom .row-custom.flex-row-reverse .col-custom:first-child {
	padding-right: 0;
	padding-left: 35px;
}
/* End */


/* Start:/bitrix/templates/onesite.studio/css/styles-custom.css?174280269120402*/
.container-full {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.banner-main {
    /*height: 849px;*/
    height: 100vh;
    position: relative;
    background-size: cover!important;
    display: flex;
    align-items: center;
}

.banner-main::after {
    content: '';
    display: block;
    width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:rgba(0, 0, 0, .2);
}

.banner-main-sub {
    /*padding-top: 274px;*/
    padding-top: 90px;
    font-size: 21px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #eee;
    font-weight: 600;
    font-family: "Montserrat";
    z-index: 1;
    position: relative;
}

.banner-main-title {
    font-size: 82px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 400;
    font-family: "Montserrat";
    z-index: 1;
    position: relative;
    max-width: 1000px;
    margin-bottom: 68px;
    line-height: 100px;
}

.banner-main-btn {
    display: none!important;
    font-size: 20px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Montserrat";
    z-index: 1;
    position: relative;
    padding: 12px 15px;
    border-radius: 10px;
    border: 1px solid #ffffff;
}

.banner-main-btn:hover {
    background-color: #f7efeb;
    color: var(--primary);
}

.creator__sub {
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-family: "Montserrat";
}

.s-creator {
    padding-top: 0;
    background-color: #eee;
}

.creator__thumb {
    padding-top: 60px;
}

.creator__content {
    padding-top: 60px;
}

.creator__title {
    font-size: 47px;
    letter-spacing: 1px;
    color: #000;
    font-weight: 400;
    font-family: "Montserrat";
    line-height: initial;
    margin-bottom: 36px;
    line-height: 48px;
}
h1{
    line-height: 48px;
}
.creator__slogan {
    padding-left: 0;
}

.creator__signature-block {
    display: flex;
    align-items: center;
}

.creator__slogan, .creator__info {
    padding-left: 0;
}

.creator__signature {
    margin-left: 60px;
    margin-top: -30px;
}

.mission {
    padding-top: 60px;
    padding-bottom: 40px;
    background-color: var(--primary);
}

.mission-content {
    display: flex;
    justify-content: space-between;
}

.mission-main {
    max-width: 710px;
    /*margin-left: 65px;*/
}

.mission-sub {
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #eee;
    font-weight: 600;
    font-family: "Montserrat";
}

.mission-title {
    font-size: 47px;
    letter-spacing: 1px;
    line-height: initial;
    color: #fff;
    font-weight: 400;
    font-family: "Montserrat";
    margin-bottom: 28px;
    line-height: 57px;
}

.mission-desc {
    font-size: 20px;
    line-height: initial;
    color: #ffffff;
    font-weight: 200;
    font-family: "Montserrat";
    margin-bottom: 105px;
}

.mission-info {
    margin-right: 100px;
}

.mission-info-block {
    margin-bottom: 30px;
}
.mission-info-block:nth-last-child(2){
    margin-bottom: 0;
}
.mission-info-title {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Montserrat";
}

.mission-info-text {
    font-size: 48px;
    color: #fff;
    font-weight: 400;
    font-family: "Montserrat";
    line-height: initial;
    margin-top: 15px;
}

.banner-sub {
    /*background-image: url(/bitrix/templates/onesite.studio/css/../img/custom/banner/bg-banner-sub.jpg);*/
    /*background-image: url(/upload/parallax2.jpg);*/
    /*background-image: url(/local/templates/design/img/parallax_main.jpg);*/
    background-image: url(/local/templates/design/img/parallax_main2.jpg);
    height: 586px;
    background-size: cover;
    background-position-y: 70%;
    background-attachment: fixed;
}

.sect-custom .container {
    max-width: 1200px;
    /* box-sizing: content-box; */
}

.sect-custom .row-custom .col-custom {
    padding-right: 15px;
    padding-left: 15px;
    /*padding-right: 25px;*/
    /*padding-left: 70px;*/
    /*padding-left: 0;*/
}

.sect__suptitle {
    font-size: 15px;
    line-height: 25px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-family: "Montserrat";
    margin-bottom: 0 !important;
}
.s-get-design .sect__suptitle{
    color: var(--primary);
}
.s-get-design .sect__descr {
    color: #fff;
}
.s-get-design .button--black-outline{
    border: 1px solid #fff;
    color: #fff;
}
.s-get-design .button--black-outline:hover{
    background: #fff;
    color: var(--primary);
}
.sect__title {
    font-size: 47px;
    color: #000;
    font-weight: 400;
    font-family: "Montserrat";
    /* margin-top: 20px; */
    line-height: 57px;
}
.s-get-design .sect__title{
    color: #fff;
}
.info__description {
    color: #000;


    /* padding-left: 0; */
}

.info__content {
    /*max-width: 570px;*/
}

.info__action {
    font-size: 12px;
    text-transform: uppercase;
    color: #050505;
    font-weight: 500;
    font-family: "Montserrat";
    margin-left: 140px;
}

.info__thumb {
    width: auto;
    /*height: 464px;*/
}

.sect-custom {
    padding-left: 0;
    padding-right: 0;
}

.sect-custom .row-custom {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.sect-custom.s-info .row-custom{
    margin-left: -15px;
    margin-right: -15px;
}

.portfolio-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 54px;
}

.portfolio-block {
    width: 32%;
    height: 452px;
    margin-bottom: 40px;
    position: relative;
    -webkit-transition: 1s;
    transition: 1s;
}

/* .portfolio-block::after {
    content: '';
    opacity: 0;
    z-index: 2;
    border: 0.7421875px solid #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: 20px;
    box-sizing: border-box;
    -webkit-transition: all 1s;
    transition: all 1s;
} */

.portfolio-block:hover:after {
    opacity: 1;
}

.portfolio-block::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: 1s;
    transition: 1s;
}

.portfolio-block:hover::before {
    opacity: 1;
}

.portfolio-img {
    height: 100%;
    object-fit: cover;
    min-width: 100%;
}

.portfolio-desc-block {
    position: absolute;
    top: 194px;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    text-align: center;
    padding: 10px;
}

.portfolio-desc-title {
    font-size: 24px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 275;
    font-family: "Montserrat";
    margin-bottom: 28px;
}

.portfolio-desc-type {
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Montserrat";
}

.portfolio-block:hover .portfolio-desc-block {
    opacity: 1;
}

.portfolio-btn {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 78px;
    color: var(--primary);
    font-weight: 600;
    font-family: "Montserrat";
    z-index: 1;
    position: relative;
    border-radius: 10px;
    border: 1px solid var(--primary);
    width: 220px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.portfolio-btn:hover {
    background-color: var(--primary);
    color: #fff;
}

.sect__btn {
    display: flex;
    align-items: center;
}

.sect__btn::before {
    content: '';
    width: 82px;
    height: 25.5px;
    background-image: url(/bitrix/templates/onesite.studio/css/../img/custom/portfolio/arrow.png);
    display: flex;
    background-size: contain;
    margin-right: 20px;
    background-repeat: no-repeat;
}

.obs {
    display: flex;
    /*height: 556px;*/
    background-color: #eee;
    padding-top: 0;
    padding-bottom: 0;
}

.obs-bg {
    width: 48%;
    overflow: hidden;
}
@media (max-width: 525px) {
    .obs-bg{
        width: 100%;
    }
    .obs{
        padding-right: 0!important;
    }
}
.obs-block {
    max-width: 640px;
    margin-left: 75px;
    padding-top: 57px;
}

.obs-title {
    font-size: 47px;
    line-height: 57px;
    color: var(--primary);
    font-weight: 400;
    font-family: "Montserrat";
    max-width: 545px;
    margin-bottom: 30px;
}

.obs-sub {
    font-size: 16px;
    line-height: 1.2;
}

.obs-btn-block {
    display: flex;
    max-width: 520px;
    justify-content: space-between;
    margin-top: 50px;
}


.obs-btn-start {
    width: 220px;
    height: 51px;
    background-color: var(--primary);
    border: 0.7421875px solid var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 78px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Montserrat";
    text-align: center;
}

.obs-btn-start:hover {
    background-color: #fff;
    color: var(--primary);
}

.obs-btn-cons {
    width: 284px;
    height: 51px;
    border: 0.7421875px solid var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 78px;
    color: var(--primary);
    font-weight: 600;
    font-family: "Montserrat";
    text-align: center;
}

.obs-btn-cons:hover {
    background-color: var(--primary);
    color: #fff;
}

.s-line {
    padding-bottom: 60px;
}
.services-main .section{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto !important;
}
.services-main .section .slider-num{
    height: 50px;
}
.s-slider {
    background-color: var(--primary);
}

.slider-num {
    font-size: 47px;
    letter-spacing: 1px;
    line-height: 45px;
    color: #fff;
    font-weight: 400;
    font-family: "Montserrat";
}

.slider-title {
    letter-spacing: 1px;
    color: #e2e2e2;
    /* font-weight: 400; */
    /* font-family: "Montserrat"; */
    margin-top: 20px;
    margin-bottom: 15px;
    display: flex;
    font-size: 32px;
    font-weight: 300;
    line-height: 1;
    min-height: 96px;
}

.slider-price {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 25px;
    color: #FFFFFF;
    font-weight: 400;
    font-family: "Montserrat";
    margin-bottom: 10px;
}

.slider-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.slider-list-item {
    font-size: 18px;
    line-height: initial;
    color: #FFFFFF;
    font-weight: 400;
    font-family: "Montserrat";
    line-height: 35px;
}

.slider-list-item a {
    color: #FFFFFF;
}

.slider-list-item a:hover {
    color: #f7efeb;
}

.slider-list-item::before {
    content: '- ';
}

.slider-img-block {
    max-width: 448px;
}

.slider-img {
    width: 100%;
}

.s-slider {
    padding-top: 0px;
    height: fit-content;
    padding-bottom: 0;
}

.s-slider section {
    padding-top: 110px;
}

.us {
    padding-bottom: 0;
}

.us-content {
    display: flex;
    padding: 0 15px;
    justify-content: space-between;
}

.us-with {
    max-width: 535px;
    height: 100%;
    width: 100% !important;
    margin-left: 0 !important;
}

.us-with-block {
    height: 1000px;
}

.us-point {
    max-width: 540px;
    width: 100%;
}

.us-point-block {
    padding-bottom: 40px;
    border-bottom: 1px solid var(--primary);
    margin-bottom: 10px;
}

.us-point-block:last-child {
    border-bottom: 0;
}

.us-point-num {
    font-size: 70px;
    letter-spacing: 1px;
    color: var(--primary);
    font-weight: 100;
    font-family: "Montserrat";
    line-height: initial;
}

.us-point-title {
    font-size: 30px;
    letter-spacing: 1px;
    color: #000;
    font-weight: 400;
    line-height: initial;
    font-family: "Montserrat";
}

.us-point-desc {
    font-size: 16px;
    letter-spacing: 1px;
    color: #000;
    font-weight: 400;
    line-height: initial;
    font-family: "Montserrat";
}

.banner-low {
    /*background-image: url(/bitrix/templates/onesite.studio/css/../img/custom/banner/bg-banner-sub.jpg);*/
    /*background-image: url(/upload/2_2.jpg);*/
    background-image: url(/local/templates/design/img/parallax2.jpg);
    height: 586px;
    background-size: cover;
    background-position-y: 70%;
    position: relative;
    z-index: 1;
    background-attachment: fixed;
}

.partner {
    height: 299px;
    background-image: url(/bitrix/templates/onesite.studio/css/../img/custom/partner/partner.png);
    background-size: 100% 100%;
    margin-top: -12px;
}

.blog {
    /*background-color: #eee;*/
}

.blog-content {
    display: flex;
    justify-content: space-between;
    margin-top: 65px;
}

.blog-card {
    max-width: 32%;
    width: 100%;
}

.blog-img-block {
    position: relative;
}

/* .blog-img-block::after {
    content: '';
    opacity: 0;
    z-index: 2;
    border: 0.7421875px solid #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: 20px;
    box-sizing: border-box;
    -webkit-transition: all 1s;
    transition: all 1s;
} */

.blog-img-block:hover:after {
    opacity: 1;
}

.blog-img-block::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: 1s;
    transition: 1s;
}

.blog-img-block:hover::before {
    opacity: 1;
}


.blog-img-block {
    max-width: 100%;
    width: 100%;
}

.blog-img {
    width: 100%;
}

.blog-title {
    font-size: 18px;
    line-height: 22px;
    color: var(--primary);
    font-weight: 700;
    font-family: "Montserrat";
    margin-top: 44px;
    margin-bottom: 20px;
}

.blog-text {
    font-size: 16px;
    line-height: 22px;
    color: var(--primary);
    font-weight: 300;
    font-family: "Montserrat";
}

.qst {
    padding-bottom: 30px;
    padding-top: 0;
}

.qst-block {
    width: 100%;
    position: relative;
    transition: max-height 0.5s;
    cursor: pointer;
}

.qst-block .qst-content {
    opacity: 1;
    transition: 1s;
}

.qst-block_close .qst-content {
    opacity: 0;
}

.qst-block_close {
    max-height: 69px;
    min-height: 69px;
    overflow: hidden;
    transition: max-height 0.5s;
}

.qst-block {
    border-bottom: 1px solid #707070;
}
.qst-block:last-child{
    border: none;
}
.qst-title {
    font-size: 22px;
    color: var(--primary);
    font-weight: 500;
    font-family: "Montserrat";
    padding-top: 21px;
    padding-bottom: 26px;
    padding-left: 20px;
}

.qst-content {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 22px;
    color: var(--primary);
    font-weight: 400;
    font-family: "Montserrat";
    padding-bottom: 20px;
}

.qst-item {
    margin-bottom: 30px;
}

.qst-block::after {
    content: '';
    width: 25px;
    height: 25px;
    background-image: url(/bitrix/templates/onesite.studio/css/../img/custom/qst/cross.svg?up=1);
    position: absolute;
    top: 21px;
    right: 20px;
    transform: rotate(45deg);
    transition: 0.5s;
}

.qst-block_close::after {
    transform: rotate(0deg);
    transition: 0.5s;
}

.project {
    padding-top: 63px;
    background-color: #eee;
}

.project-form {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

.project .container-full {
    position: relative;
}

.project-price {
    position: absolute;
    right: 25px;
    top: 0;
    font-size: 27px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--primary);
    font-weight: 600;
    font-family: "Montserrat";
}

.project-input {
    width: 363px;
    background: none !important;
    border: 1px solid #3e342b;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 27px;
    color: var(--primary);
    font-weight: 400;
    font-family: "Montserrat";
    margin-right: 55px;
}

.project-input:first-child {
    margin-right: 55px;
}

.project-btn {
    width: 582px;
    height: 51px;
    background-color: var(--primary);
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Montserrat";
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    -webkit-transition: all 0.3s linear;
}

.project-btn:hover {
    background-color: #eee;
    color: var(--primary);
    border: 0.7421875px solid var(--primary);
}

.site-footer {
    background-color: var(--primary);
    padding-top: 70px;
}

.footer-row {
    display: flex;
    align-items: start;
    gap: 70px;
}

.footer-logo {
    max-width: 180px;
    width: 100%;
    padding-bottom: 0;
}

.footer-logo-img {
    width: 100%;
}

.footer-nav {
    display: flex;
    max-width: 704px;
    width: 100%;
    justify-content: space-between;
    margin-left: 120px;
}

.footer-nav-link {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat";
}

.footer-contact {
    max-width: 252px;
    width: 100%;
    /*margin-top: 65px;*/
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat";
}

.footer-bottom {
    background-color: var(--primary);
}

.header-link {
    margin-right: 7px;
    width: 41px;
    height: 41px;
}

.header-link-img {
    width: 100%;
}

.header-btn {
    width: 41px;
    height: 41px;
    font-size: 15px;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat";
    text-align: center;
    width: 127px;
    height: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ffffff;
    margin-left: 10px;
}

.header-btn:hover {
    background-color: #f7efeb;
    color: var(--primary);
}

.octf-main-header .octf-mainbar-row {
    height: 71px;
    justify-content: space-around;
}

.octf-mainbar-row .octf-col.cta-col {
    align-items: center;
    /* margin-right: 69px; */
}

.octf-mainbar-row .octf-col.logo-col {
    flex-grow: 0.1;
}
.octf-mainbar-row > div {
    display: flex;
}
.footer-contact-item {
    display: flex;
    align-items: center;
    line-height: 20px;
    margin-bottom: 20px;
    font-size: 16px;
}

.footer-contact-item_map::before {
    content: '';
    min-width: 32px;
    height: 32px;
    /*background-image: url(/bitrix/templates/onesite.studio/css/../img/custom/footer/map.svg);*/
    /*background-image: url(/bitrix/templates/onesite.studio/css/../img/custom/footer/map2.svg);*/
    background-image: url(/bitrix/templates/onesite.studio/css/../img/svg/3.svg);
    display: block;
    margin-right: 10px;
    margin-top: -3px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.footer-contact-item_mail::before {
    content: '';
    width: 32px;
    height: 28px;
    /*background-image: url(/bitrix/templates/onesite.studio/css/../img/custom/footer/mail2.svg);*/
    background-image: url(/bitrix/templates/onesite.studio/css/../img/svg/2.svg);
    display: block;
    margin-right: 10px;
    margin-top: -3px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.footer-contact-item_tel::before {
    content: '';
    width: 32px;
    height: 28px;
    /*background-image: url(/bitrix/templates/onesite.studio/css/../img/custom/footer/tel2.svg);*/
    background-image: url(/bitrix/templates/onesite.studio/css/../img/svg/1.svg);
    display: block;
    margin-right: 10px;
    margin-top: -3px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.forcefullwidth_wrapper_tp_banner {
    height: 849px !important;
}

.rev_slider_wrapper {
    height: 100% !important;
}

@media (max-width: 1338px) {
    .banner-main .container {
        margin-left: 125px;
    }

    .slider-title {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .slider-price {
        margin-bottom: 15px;
    }
}

#page > section.sect-custom.s-info > div > div > div:nth-child(2) {
    /*padding-left: 0;*/
}

#page > section.blog > div > div.sect__suptitle {
    padding-left: 12px;
}

#page > section.blog > div > div.sect__title {
    padding-left: 15px;
}

.s-line .right-to-left:hover{
    /*transform: translate(-350px,0);*/
}
.us-point-block:nth-last-child(3) {
    border-bottom: 0;
}
.section_blog{
    padding-top: 170px;
    padding-bottom: 0;
}
.sect-custom .row-custom.flex-normal .col-custom{
    padding-right: 70px;
    padding-left: 0;
}
.s-info2{
    padding-top: 0;
    padding-bottom: 0;
}
.info__thumb.image-scaling2{
    /*height: 350px;*/
}
.portfolio .sect__suptitle{
    display: none;
}
/* End */


/* Start:/bitrix/templates/onesite.studio/css/ion.rangeSlider.min.css?174116220011084*/
/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px}
/* End */


/* Start:/bitrix/templates/onesite.studio/css/flaticon.css?17411622003669*/
	/*
  	Flaticon icon font: Flaticon
  	Creation date: 21/03/2020 07:56
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("/bitrix/templates/onesite.studio/css/../fonts/Flaticon.eot");
  src: url("/bitrix/templates/onesite.studio/css/../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("/bitrix/templates/onesite.studio/css/../fonts/Flaticon.woff2") format("woff2"),
       url("/bitrix/templates/onesite.studio/css/../fonts/Flaticon.woff") format("woff"),
       url("/bitrix/templates/onesite.studio/css/../fonts/Flaticon.ttf") format("truetype"),
       url("/bitrix/templates/onesite.studio/css/../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("/bitrix/templates/onesite.studio/css/./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="ot-flaticon-"]:before, [class*=" ot-flaticon-"]:before,
[class^="ot-flaticon-"]:after, [class*=" ot-flaticon-"]:after {   
  font-family: Flaticon;
  font-size: 21px;
  font-style: normal;
}

.ot-flaticon-support:before { content: "\f100"; }
.ot-flaticon-document:before { content: "\f101"; }
.ot-flaticon-video:before { content: "\f102"; }
.ot-flaticon-file:before { content: "\f103"; }
.ot-flaticon-next:before { content: "\f104"; }
.ot-flaticon-menu:before { content: "\f105"; }
.ot-flaticon-left-arrow:before { content: "\f106"; }
.ot-flaticon-button:before { content: "\f107"; }
.ot-flaticon-play-button:before { content: "\f108"; }
.ot-flaticon-search:before { content: "\f109"; }
.ot-flaticon-search-1:before { content: "\f10a"; }
.ot-flaticon-shopping-bag:before { content: "\f10b"; }
.ot-flaticon-place:before { content: "\f10c"; }
.ot-flaticon-phone-call:before { content: "\f10d"; }
.ot-flaticon-3d:before { content: "\f10e"; }
.ot-flaticon-pantone:before { content: "\f10f"; }
.ot-flaticon-sphere:before { content: "\f110"; }
.ot-flaticon-measure:before { content: "\f111"; }
.ot-flaticon-title:before { content: "\f112"; }
.ot-flaticon-home:before { content: "\f113"; }
.ot-flaticon-house:before { content: "\f114"; }
.ot-flaticon-mail:before { content: "\f115"; }
.ot-flaticon-add:before { content: "\f116"; }
.ot-flaticon-quote:before { content: "\f117"; }
.ot-flaticon-send:before { content: "\f118"; }
.ot-flaticon-blueprint:before { content: "\f119"; }
.ot-flaticon-tip:before { content: "\f11a"; }
.ot-flaticon-money-back:before { content: "\f11b"; }
.ot-flaticon-vector:before { content: "\f11c"; }
.ot-flaticon-tools:before { content: "\f11d"; }
.ot-flaticon-3d-1:before { content: "\f11e"; }
.ot-flaticon-heart:before { content: "\f11f"; }
.ot-flaticon-link:before { content: "\f120"; }
.ot-flaticon-pin:before { content: "\f121"; }
.ot-flaticon-cube:before { content: "\f122"; }
.ot-flaticon-blueprint-1:before { content: "\f123"; }
.ot-flaticon-brickwall:before { content: "\f124"; }
.ot-flaticon-paint:before { content: "\f125"; }
.ot-flaticon-diamond:before { content: "\f126"; }
.ot-flaticon-box:before { content: "\f127"; }
.ot-flaticon-cactus:before { content: "\f128"; }
.ot-flaticon-house-1:before { content: "\f129"; }
.ot-flaticon-paint-1:before { content: "\f12a"; }
.ot-flaticon-type:before { content: "\f12b"; }
.ot-flaticon-type-1:before { content: "\f12c"; }
.ot-flaticon-3d-2:before { content: "\f12d"; }
.ot-flaticon-close:before { content: "\f12e"; }
.ot-flaticon-favorite:before { content: "\f12f"; }
.ot-flaticon-close-1:before { content: "\f130"; }
.ot-flaticon-warning-sign:before { content: "\f131"; }
.ot-flaticon-info:before { content: "\f132"; }
.ot-flaticon-check-mark-black-outline:before { content: "\f133"; }
.ot-flaticon-right-arrow:before { content: "\f134"; }
.ot-flaticon-quote-1:before { content: "\f135"; }
.ot-flaticon-quote-2:before { content: "\f136"; }
/* End */


/* Start:/bitrix/templates/onesite.studio/css/swiper.min.css?17411622005576*/
/**
 * Swiper 7.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 27, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}
/* End */


/* Start:/bitrix/templates/onesite.studio/css/jquery-ui.min.css?174115992030801*/
/*! jQuery UI - v1.13.2 - 2023-01-01
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/bitrix/templates/onesite.studio/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/bitrix/templates/onesite.studio/css/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/bitrix/templates/onesite.studio/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/bitrix/templates/onesite.studio/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/bitrix/templates/onesite.studio/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/bitrix/templates/onesite.studio/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/bitrix/templates/onesite.studio/css/images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/* End */


/* Start:/bitrix/templates/onesite.studio/css/presentation.css?174280092911043*/
.presentation-wrapper {
	position: fixed;
	width: 700px;
	max-width: 100%;
	left: -700px;
	top: 0;
	height: 100vh;
	background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(255,255,255,0.3);
	transition: all .5s ease;
	font-family: "Noah", sans-serif;
	z-index: 1001;
}
.tabs-nav-presentaion-wrap, .tabs-presentation-wrap{
    height: 100vh;
}
.presentation-open .presentation-wrapper {
	left: 0;
}

.presentation-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
}

.presentation-open .presentation-overlay {
	opacity: 0.6;
	visibility: visible;
}

.presentation-ready-presets,
.presentation-configuration {
	display: none;
}

.open-ready-presets .presentation-ready-presets,
.open-configuration .presentation-configuration {
	display: block;
}

.btn-presentation-controls {
	width: 50px;
	height: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0;
}

.btn-presentation-controls:hover,
.btn-presentation-controls:focus {
	background-color: #fff;
}

.presentation-controls {
	position: fixed;
	left: 0;
	top: 50%;
	width: 50px;
	transform: translateY(-50%);
	display: inline-flex;
	flex-direction: column;
	transition: all .5s ease;
	z-index: 1001;
}

.presentation-controls * + * {
	margin-top: 4px;
}

.controls-group {
	position: relative;
}

.form-item .tooltip,
.controls-group .tooltip {
	position: absolute;
	width: 200px;
	padding: 20px;
	left: 100%;
	margin-left: 15px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 3px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
	letter-spacing: 0.05em;
	line-height: 18px;
	box-shadow: 0 0 25px 0 rgba(0,0,0,0.2);
	background-color: #fff;
}

.form-item .tooltip::before,
.controls-group .tooltip::before {
	content: '';
	left: -9px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #fff transparent transparent;
}

.form-item:hover .tooltip,
.controls-group:hover .tooltip {
	opacity: 1;
	visibility: visible;
}

.presentation-open .presentation-controls {
	left: 700px;
}

.presentation-header {
	font-size: 18px;
	line-height: 35px;
	white-space: nowrap;
	font-weight: 700;
	color: #333;
	padding: 23px 25px;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	display: flex;
	align-items: center;
}

.presentation-header a {
	margin-left: auto;
}

.preset-list {
	max-height: calc(100vh - 82px);
	overflow-y: auto;
	padding: 30px 30px 0;
}

.custom-scroll::-webkit-scrollbar {
	width: 8px;
	background-color: #F5F5F5;
}

.custom-scroll::-webkit-scrollbar-track {
	background: rgba(0,0,0,0.05);
	border: 1px solid #ccc;
}

.custom-scroll::-webkit-scrollbar-thumb {
	background: rgba(0,0,0,0.3);
	border: 1px solid #aaa;
	transition: all .3s ease;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
	background: rgba(0,0,0,0.6);
}

.custom-scroll::-webkit-scrollbar-thumb:active {
	background: linear-gradient(left, #22ADD4, #1E98BA);
}

.preset-item {
	display: block;
	border: 1px solid #e2e2e2;
	padding: 25px 25px 20px;
	text-decoration: none;
	transition: all .3s ease;
	margin-bottom: 30px;
}

.preset-item:hover {
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	border-color: #fff;
}

.preset-item .thumb {
	margin-bottom: 15px;
	border: 1px solid #e3e3e3;
	border-radius: 2px;
	overflow: hidden;
}

.preset-item .thumb:hover img {
	transform: scale(1.1);
}

.preset-item .thumb img {
	transition: all .3s ease;
	display: block;
	width: 100%;
}

.preset-item .title {
	font-weight: 700;
	color: #353535;
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}

.tabs.tabs-presentation li {
	padding: 20px 25px;
	border-bottom: 1px solid #e3e3e3;
	width: 100%;
}

.tabs.tabs-presentation li:first-child {
	padding-left: 25px;
}

.tabs.tabs-presentation li.current {
	box-shadow: inset 2px 0 0 0 var(--primary);
}

.tabs-nav-presentaion-wrap,
.tabs-presentation-wrap {
	max-height: calc(100vh - 82px);
	overflow-y: auto;
}

.tabs-presentation-wrap .tab-content {
	padding: 15px 20px;
}

.option-group {
	border-bottom: 1px solid #f3f3f3;
	padding: 20px 0;
}

.option-group:last-child {
	border: 0;
}

.option-title {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.presentation-content .form,.presentation-content form {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.form-label-inline {
	font-size: 13px;
	min-width: 80px;
}

.presentation-content .form-item {
	position: relative;
	width: 33%;
}

.presentation-content .form-item label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-right: 20px;
}

.presentation-content .form-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}

.presentation-content .form-container + .form-container {
	margin-top: 15px;
}

.custom-radio-colors .radio-icon {
	display: inline-flex;
	margin: 5px;
	position: relative;
	border-radius: 100%;
	background: #fff;
	padding: 5px;
	width: 34px;
	height: 34px;
	border: 1px solid #e2e2e2;
	display: block;
	cursor: pointer;
}

.custom-radio-colors .radio-icon:hover::before {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

.custom-radio-colors .radio-icon::before {
	content: '';
	position: absolute;
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
	box-shadow: 0 0 0 1px #e2e2e2;
	border-radius: inherit;
	transition: .3s;
}

.custom-radio-colors .radio-value {
	display: none;
}

.custom-radio-colors .radio-value:checked ~ .radio-icon::before {
	box-shadow: 0 0 0 2px var(--primary);
}

.custom-switcher .checkbox-icon {
	position: relative;
	border: 1px solid #e2e2e2;
	background-color: #f5f5f5;
	width: 50px;
	height: 16px;
	margin: 5px;
	border-radius: 10px;
	transition: .3s;
	cursor: pointer;
}

.custom-switcher .checkbox-icon::before {
	content: '';
	position: absolute;
	width: 26px;
	height: 26px;
	top: 50%;
	transform: translateY(-50%);
	left: -5px;
	border-radius: 100%;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	transition: .3s;
}

.custom-switcher .ckeckbox-value {
	display: none;
}

.custom-switcher .active .checkbox-icon::before {
	left: calc(100% - 20px);
}

.custom-switcher-primary .active .checkbox-icon {
	background-color: var(--primary);
	border-color: var(--primary);
}

.custom-switcher-info .active .checkbox-icon {
	background-color: var(--info);
	border-color: var(--info);
}

.custom-switcher-warning .active .checkbox-icon {
	background-color: var(--warning);
	border-color: var(--warning);
}

.custom-switcher-success .active .checkbox-icon {
	background-color: var(--success);
	border-color: var(--success);
}

.custom-switcher-inner .checkbox-icon {
	height: 22px;
}

.custom-switcher-inner .checkbox-icon::before {
	height: 18px;
	width: 18px;
	left: 2px;
}

.custom-radio-texted .radio-icon {
	min-width: 80px;
	height: 33px;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	padding: 3px 15px;
	cursor: pointer;
	font-size: 13px;
	transition: .3s;
}

.custom-radio-texted .radio-icon:hover {
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}

.custom-radio-texted .radio-value {
	display: none;
}

.custom-radio-texted .radio-value:checked + .radio-icon {
	background-color: var(--primary);
	border-color: var(--primary);
	color: #fff;
}

.custom-radio-imaged .radio-icon {
	display: block;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
	border-radius: 3px;
	cursor: pointer;
	transition: all .3s ease;
	overflow-x: hidden;
}

.custom-radio-imaged .radio-icon:hover {
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}

.custom-radio-imaged .radio-icon img {
	display: block;
}

.custom-radio-imaged .radio-value {
	display: none;
}

.custom-radio-imaged label.active .radio-icon {
	box-shadow: 0 0 0 2px var(--primary);
}

.custom-radio-imaged .title {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.custom-radio-imaged.custom-radio-hasfields .radio-icon {
	display: inline-block;
	padding: 14px 18px 18px;
}

.custom-radio-imaged .content-inline {
	padding: 14px;
}

.custom-radio-imaged .content-inline .title {
	min-width: 60px;
	text-align: left;
	margin: 0 15px 0 0;
}

.custom-radio-imaged .content-inline img {
	max-width: calc(100% - 75px);
}

.custom-color-select {
	display: inline-flex!important;
	align-items: center;
	justify-content: center;
	color: #ffffff;
}

.custom-color-select svg {
	width: 16px;
	height: 16px;
}

@media (max-width: 991px) {
	.controls-group .tooltip {
		display: none;
	}
}

@media (max-width: 767px) {
	.presentation-controls,
	.presentation-wrapper,
	.presentation-overlay {
		display: none;
	}
}
.multiselectboxConfig{
    padding: 5px;
    border-radius: 5px;
}
.multiselectboxConfig option{
    padding: 4px;
    margin-bottom: 4px;
}
.tab-content {
    display: none;
    padding: 27px 0;
}
.tab-content.current {
    display: inherit;
}
.border-right{
    border-right: 1px solid #e3e3e3;
}
.w100{
    width: 100%;
}
.switcherCustom{
    text-align: right;
    margin-top: -35px;
    margin-bottom: 15px;
}
.switcherBorder{
    padding: 5px;
    border: 1px solid #ccc;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
}
.switcherRow{
    align-items: stretch;
    margin: 0 -15px!important;
}
.switcherRow .propLabel{
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.multiSwitcher.active .switcherBorder{
    border-color: var(--primary);
}
svg {
    max-width: 100%;
}
.logo{
    max-width: 190px;
}
.presentation-wrapper svg,.presentation-controls svg{
    width: 20px;
    height: 20px;
}
.btn-configuration,.btn-admin{
    background: #fff;
    color: #000;
}
.configPanelDefault svg{
    width: 10px;
    height: 10px;
}
.custom-color-select svg{
    width: 16px;
    height: 16px;
}
.searchTop{
    margin-right: 30px;
}
.searchTop #title-search-input{
    border-bottom: 1px solid #ccc;
    height: 32px;
    width: 200px;
}
/* End */


/* Start:/bitrix/templates/onesite.studio/components/bitrix/menu/horizontal_multilevel/style.min.css?17411622003715*/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/bitrix/templates/onesite.studio/components/bitrix/menu/horizontal_multilevel/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/bitrix/templates/onesite.studio/components/bitrix/menu/horizontal_multilevel/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/bitrix/templates/onesite.studio/components/bitrix/menu/horizontal_multilevel/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left}
/* End */


/* Start:/bitrix/templates/onesite.studio/components/bitrix/menu/vertical_multilevel/style.min.css?17411622002111*/
ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/onesite.studio/components/bitrix/menu/vertical_multilevel/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/bitrix/templates/onesite.studio/components/bitrix/menu/vertical_multilevel/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/onesite.studio/components/bitrix/menu/vertical_multilevel/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/bitrix/templates/onesite.studio/components/bitrix/menu/vertical_multilevel/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/bitrix/templates/onesite.studio/components/bitrix/menu/vertical_multilevel/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block}
/* End */


/* Start:/bitrix/components/prymery/config.panel.admin/templates/.default/style.css?17411618021112*/
.checkbox-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
    width: 10px;
    min-width: 10px;
    height: 10px;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
}
.configPanelDefault {
    color: #161616;
    background-color: transparent;
    border: 1px solid #161616;
    text-align: center;
    padding: 0 14px;
    font-size: 12px;
}
.panelItem .form-item .propCheckbox input{
    display: inline-block;
    margin-right: 5px;
}
.panelItem .form-item{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
    margin-left: auto;
}
.panelItem .form-item div{
    margin-left: 15px;
    display: flex;
    align-items: center;
}
.propDrag{
    cursor: move;
    cursor: -webkit-grabbing;
}
.controls-group a{
    border: 2px solid;
}
/* End */


/* Start:/bitrix/templates/onesite.studio/styles.css?175076603634140*/
:root {
    --primary: var(--primary);
}
a.header-link svg {
    width: 20px;
    height: 20px;
}
.header-link{
    display: flex;
    align-items: center;
}
.nav-home-1.tparrows.tp-leftarrow{
    display: none!important;
}

/*mobile*/

@media(max-width: 991px){
    .s-creator.s-second.s-creatorport{
        padding-bottom: 60px;
    }
    .s-get-design{
        margin-top: 30px;
    }
    .info__description{
        margin-bottom: 30px;
    }
    .banner-main-title{
        font-size: 54px;
        line-height: 63px;
    }
    .banner-main{
        height: 550px;
    }
    .banner-main-sub{
        padding-top: 180px;
        font-size: 15px;
    }
    .forcefullwidth_wrapper_tp_banner {
        height: 550px !important;
    }
    .sect-custom .row-custom .col-custom{
        /*padding: 0;*/
    }
    .creator__thumb {
        padding-top: 60px;
        max-width: 70%;
        margin: 0 auto;
    }
    .creator__title{
        font-size: 41px;
        line-height: 41px;
    }
    .creator__slogan{
        margin-bottom: 0;
    }
    .mission-content{
        flex-wrap: wrap;
    }
    .mission-main{
        width: 100%;
    }
    .mission-info{
        margin-left: 65px;
    }
    .mission-desc{
        margin-bottom: 35px;
    }
    .mission{
        padding-bottom: 20px;
    }
    .info__thumb{
        max-width: 70%;
        margin: 0 auto;
    }
    .sect__title{
        font-size: 36px;
        line-height: 40px;
    }
    .s-info{
        padding-bottom: 20px;
    }
    section{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .obs{
        flex-wrap: wrap;
        height: auto;
    }
    .us-content{
        flex-wrap: wrap;
    }
    .project-form{
        flex-wrap: wrap;
    }
    .project-btn{
        margin-top: 30px;
    }
    .scrollmagic-pin-spacer{
        height: 300px!important;
        padding: 0!important;
        /*display: none!important;*/
    }
    .obs-bg{
        margin: 0 auto;
    }
}
#shadow-host-companion{
    display: none!important;
}

@media(max-width: 768px){
    .banner-main .container {
        margin-left: 0;
    }
    .banner-main-title{
        font-size: 35px;
        line-height: 33px;
    }
    .forcefullwidth_wrapper_tp_banner {
        height: 350px !important;
    }
    .banner-main-sub {
        padding-top: 140px;
        font-size: 15px;
    }
    .creator__title {
        font-size: 25px;
        line-height: 33px;
        margin-bottom: 20px;
    }
    .mission-title{
        font-size: 25px;
        line-height: 33px;
    }
    .mission-info-text{
        font-size: 35px;
        margin-top: 0px;
    }
    .portfolio-row{
        flex-wrap: wrap;
    }
    .portfolio-block{
        width: 100%;
    }
    .obs-block{
        margin-left: 15px;
        margin-right: 15px;
        max-width: 100%;
    }
    .header_mobile .mlogo_wrapper img {
        height: 75px;
        padding: 10px;
    }
    .banner-sub,
    .banner-low{
        height: 285px!important;
        background-attachment: inherit;
    }
    .info__thumb{
        max-width: 100%;
        height: 200px;
    }
    .main-navigation > ul{
        flex-wrap: wrap;
    }


    .s-slider section {
        padding-top: 30px!important;
        padding-left: 15px;
        padding-right: 15px;
    }
    .sectionses{
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
    .section{
        margin: 0!important;
        /*width: 100%!important;*/
        min-width: 350px!important;
    }

    .qst-title{
        font-size: 15px;
        padding-left: 0;
        padding-right: 35px;
    }
    .qst-block::before, .qst-block::after{
        width: 15px!important;
    }
    .qst-content{
        padding-left: 0!important;
    }
    .qst-block::after {
        background-size: cover;
        width: 15px;
        height: 15px;
    }
    .sect-custom .row-custom.flex-normal .col-custom{
        padding: 0;
    }
    .info__thumb.image-scaling2 {
        height: inherit;
    }
    .s-info2 .col-12{
        padding: 0;
    }
    .contact-right{
        margin-bottom: 40px;
    }
    .contact-page{
        margin-top: 0!important;
        padding-top: 0!important;
    }
    .info__thumb{
        height: inherit!important;
    }
    .blog-detail__info li:first-child{
        display: none;
    }
    .s-faq__thumb{
        margin-bottom: 40px;
    }
    .s-faq__thumb img,
    .creator__thumb img,
    .info__thumb img{
        width: inherit!important;
        height: 450px!important;
        margin: 0 auto;
    }
    .creator__content{
        padding-top: 20px;
    }
    .s-faq__thumb,
    .creator__thumb,
    .info__thumb{
        text-align: center;
    }
    .portfolio-block:last-child{
        margin-bottom: 0;
    }
    .center{
        margin-bottom: 40px!important;
    }
    .obs-bg{
        width: 100%;
    }
}
@media(max-width: 525px){
    .banner-main-title{
        font-size: 38px;
        line-height: 38px;
    }
    .banner-main-sub{
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .info__thumb{
        max-width: 100%;
        height: 200px;
    }
    .mission-main{
        margin-left: 0;
    }
    .mission{
        padding-top: 40px;
    }
    .footer-row{
        flex-wrap: wrap;
    }
    .main-navigation{
        margin-top: 20px;
    }
    .creator__sub,
    .mission-sub,
    .sect__suptitle,
    .sect__suptitle{
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .obs-title {
        font-size: 27px;
        line-height: 31px;
        padding-right: 15px;
    }
    .obs-btn-block{
        flex-wrap: wrap;
    }
    .project-price{
        position: relative;
        right: inherit;
    }
    .obs-btn-block a{
        width: 100%;
        margin-bottom: 20px;
    }
    .obs{
        padding-right: 15px;
    }
    .creator__thumb {
        padding-top: 0;
        max-width: 100%;
        margin: 0 auto;
    }
    .row-reverse{
        display: flex;
        flex-direction: column-reverse;
    }
    .mission-info{
        margin: 0;
    }
    .main-navigation > ul{
        flex-direction: column;
        width: 100%;
    }
    .main-navigation > ul > li{
        margin: 0;
    }
    .footer-development{
        justify-content: center;
    }
    .footer-development .footer-item__title{
        margin-top: 0;
        color: #fff;
    }

    .mission-title,
    .creator__title{
        font-size: 36px;
        line-height: 40px;
    }
    .forcefullwidth_wrapper_tp_banner{
        height: 91vh !important;
    }
    .banner-main {
        height: 100% !important;
        display: flex;
        align-items: center;
    }
    .s-blog-items .sect__title{
        padding: 0!important;
    }
    .s-blog-items{
        padding: 0;
    }
    .s-line{
        padding: 0;
    }
    .blog-page-list{
        overflow-x: scroll;
        flex-wrap: nowrap!important;
        flex-direction: row!important;
    }
    .blog-list .blog-item {
        min-width: 250px;
        width: 250px;
    }
    .portfolio{
        margin-top: 40px;
    }
    .qst{
        margin-bottom: 40px;
    }
    .portfolio,
    .services-main,
    .s-blog-items .container,
    .portfolio .container{
        padding-right: 0!important;
    }

}
.breabcrumb-list{
    list-style: none;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    padding: 0;
    margin-left: 3px;
}
.head__h1{
    margin-bottom: 10px;
}
.breadcrumbs{
    margin-bottom: 30px;
}
.blog-detail__text{
    margin-bottom: 50px;
}
.blog-page-list{
    flex-wrap: wrap;
}
.s-portfoliopromo .sect__title{
    color: #fff;
}
.s-portfoliopromo{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
.s-portfoliopromo:before{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: var(--primary);
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: .4;
}
.sect-custom .container {
    z-index: 2;
    position: relative;
    min-height: 100px;
}
.s-portfoliopromo ul{
    align-items: center;
}
.s-portfoliopromo .breadcrumbs,
.s-portfoliopromo .breabcrumb-list{
    margin-bottom: 0;
}
.blog-item__thumb {
    overflow: hidden;
    height: 300px;
    align-items: start;
}
.blog-list .blog-item{
    margin-bottom: 40px;
}
.blog-item__thumb img{
    width: 100%
}

.blog-author {
    display: flex;
    gap: 40px;
}
.blog-author__img {
    max-width: 50%;
    width: 50%;
    margin-top: 20px;
}

.blog-detail__gallery2 {
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.blog-detail__gallery2-item {
    /*width: calc(20% - 10px);*/
}
.blog-detail__gallery2-item:nth-child(2n) {
    /*width: calc(30% - 10px);*/
}
.blog-detail__gallery2 img{
    object-fit: cover;
    height: 100%;
}
@media (max-width: 991px) {
    .blog-detail__gallery2-item {
        width: calc(50% - 10px);
    }
}
.about .s-portfoliopromo{
    margin-bottom: 0;
}
.defPage a{
    transition: .3s;
    border-bottom: 1px solid;
}
.defPage a:hover{
    border-color: transparent;
}
.defPage{
    font-size: 16px;
}
.blog .blog-detail__content{
    width: 100%;
}
.blog .blog-detail{
    max-width: 760px;
    margin: 0 auto 60px;
}
.info__description.pl-0{
    padding-left: 0;
}
.blog-detail{
    padding-top: 120px;
}

.scrolling-text{
    position: absolute;
    width: auto;
    white-space: nowrap;
    bottom: 0;
    left: 0;
}
.scrolling-text2{
    position: absolute;
    width: auto;
    white-space: nowrap;
    bottom: 0;
    right: 0;
    display: inline-block;
    will-change: transform;
    backface-visibility: hidden;
}
.blog-detail__text{
    margin-top: 40px;
}
.blog-detail__text hr{
    width: 20%;
    margin: 20px 0!important;
}
.footer-development {
    opacity: .5;
}
.footer-development .footer-item__title{
    color: #fff;
}
.footer-logo{
    /*margin-right: 40px;*/
}
.footer-row .menu-col{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-row .menu-col{
    width: auto;
}
.s-blog-detail:not(.s-blog-detail2) .blog-detail{
    padding-top: 0;
}
.s-blog-detail .blog-detail__text{
    margin-top: 0;
    margin-bottom: 0;
}
.s-blog-items .sect__title{
    text-align: left;
}
.gallery-slider.owl-carousel .owl-item img{
    /*max-width: 800px!important;*/
    max-width: 100%;
}
.gallery-slider{
    overflow: hidden;
}
.blog-detail__gallery{
    padding-top: 0;
}
@media(max-width: 767px){
    .blog-detail__text .blog-author__img{
        float: none;
        margin: 0 0 20px 0;
    }
    .blog-detail__author{
        padding: 0;
    }
}
@media(max-width: 525px){
    .blog-author__img{
        max-width: 100%;
        width: 100%;
    }
    .blog-detail__text img{
        margin-top: 0;
    }
}
.novalid {
    background: #ffecec !important;
    border-color: #ff0000 !important;
}

.slider-title {
    letter-spacing: 1px;
    color: #e2e2e2;
    /* font-weight: 400; */
    /* font-family: "Montserrat"; */
    margin-top: 20px;
    margin-bottom: 15px;
    display: flex;
    font-size: 32px;
    font-weight: 300;
    line-height: 1;
    min-height: 96px;
}
.slider-price {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 25px;
    color: #FFFFFF;
    font-weight: 400;
    font-family: "Montserrat";
    margin-bottom: 10px;
}
.services-main .section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto !important;
}
.s-slider section {
    padding-top: 110px;
}
.slider-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 20px;
}
.slider-img-block {
    max-width: 448px;
}
@media (max-width: 1338px) {
    .slider-title {
        margin-top: 10px;
        margin-bottom: 15px;
    }
}
@media (max-width: 1338px) {
    .slider-price {
        margin-bottom: 15px;
    }
}
.info__thumb{
    margin-bottom: 30px!important;
}
.icon-play{
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
    display: block;
}
.icon-play svg{
    max-width: 100px;
    max-height: 100px;
}
.center{
    text-align: center;
    margin-bottom: 60px;
    display: flex;
    justify-content: center;
}
.contact-page{
    margin-top: 1px;
}
.contact-right{
    min-height: 450px;
}
section.sect-custom.s-info:nth-child(3) {
    padding-top: 0;
}
.s-get-design{
    background: var(--primary)!important;
}
.range-container {
    display: flex;
    align-items: center;
    height: 30px;
    flex-grow: 1;
}

.range-slider {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-grow: 1;
}

.irs {
    flex-grow: 1;
}

.irs--round {
    height: 16px;
}

.irs-single {
    display: none;
}

.irs--round .irs-line {
    top: 5px;
    height: 6px;
    background-color: #fff;
}

.irs--round .irs-bar {
    top: 5px;
    height: 6px;
    background-color: var(--primary);
}

.irs--round .irs-handle {
    top: 0;
    width: 16px;
    height: 16px;
    background-color: var(--primary);
    border: none;
    cursor: pointer;
}

.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {
    background-color: var(--primary);
}

.range-label {
    color: var(--primary);
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.025em;
    white-space: nowrap;
}

input.range-input {
    width: 46px;
    height: 30px;
    min-width: 46px;
    margin-left: 21px;
    padding: 4px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #565656;
}
.s-calculator{
    margin-top: 80px;
}
.section_blog{
    padding-bottom: 40px;
}
.slide-toggle__title{
    text-transform: uppercase;
}

.compare-container img {
    width: 100%;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
    width: 1px;
}
.twentytwenty-handle {
    width: 56px;
    margin-left: -30px;
    background: #fff;
}
.twentytwenty-left-arrow {
    border-right: 6px solid var(--primary);
}
.twentytwenty-right-arrow {
    border-left: 6px solid var(--primary);
}
.s-text .info__description {
    padding-left: 150px;
}
.twoflexblock {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 45px;
    flex-wrap: wrap;
}
.twentytwenty-after-label {
    opacity: 0!important;
}
.blog-movie{
    width: 100%;
    padding-top: 50px;
}
.blog-movie iframe{
    width: 100%;
}
.banner-main:after{
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .40;
}
.banner-main .container{
    position: relative;
    z-index: 3;
    padding: 0 45px;
    box-sizing: border-box;
}
.s-creator .sect__suptitle{
    color: var(--primary);
}
.project .container{
    position: relative;
}
.slide-toggle__price{
    text-transform: lowercase;
    font-size: 14px;
}
.s-faq__thumb .sect__suptitle {
    color: var(--primary);
    margin-top: 20px;
    margin-bottom: 30px;
}
.calculator__caption{
    min-width: 185px;
}
.footer-soc {
    display: flex;
    margin-left: 7px;
}
.footer-bottom p a{
    color: #fff;
}
.footer-bottom__copy{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-row .header-link{
    width: 50px;
    height: 50px;
}
.footer-row a.header-link svg {
    width: 28px;
    height: 28px;
}
.header-btn{
    margin-right: 30px;
}
.footer-contact-item{
    color: #fff!important;
}
.pre-order-arrows{

}
.scrollmagic-pin-spacer{
    margin-left: 0!important;
}
.mission-content{
    padding: 0 15px;
}
.s-info .row{
    margin: 0;
}
.sect-custom .container {
    padding-left: 30px;
    padding-right: 30px;
}
.s-creator2{
    padding-top: 0;
}
.s-creator2 .creator__content,
.s-creator2 .creator__thumb{
    padding-top: 0;
}
.
.swiper-slide-active .hero-item__bg {
    transform: scale(1);
}
.contact__address-icon,
.contact__mail-icon,
.contact__phone-icon{
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
}

.contact__address-icon{
    background: url(/local/templates/design/img/svg/3.svg) no-repeat top center;
}
.contact__mail-icon{
    background: url(/local/templates/design/img/svg/2.svg) no-repeat top center;
}
.contact__phone-icon{
    background: url(/local/templates/design/img/svg/1.svg) no-repeat top center;
}



/* общие настройки для всего контейнера */
.sl-container {
    /* рисуем границу */
    /* добавляем отступы */
    margin: 5px auto;
    /* то, что не помещается в блок, — скрываем */
    overflow: hidden;
    /* используем относительное позиционирование */
    position: relative;
    /* устанавливаем высоту и ширину блока */
    width: min(90vh, 90vw);
    height: 750px;
    /* ограничиваем всё размерами блока */
    box-sizing: border-box;
}

/* настройки блоков с картинками */
.sl-container .view {
    /* включаем абслютное позиционирование */
    position: absolute;
    /* сдвигаем всё в левый верхний угол */
    top: 0;
    left: 0;
    /* то, что не помещается в блоке — скрываем */
    overflow: hidden;
}

/* настройки картинок в блоке .view */
.sl-container .view img {
    /* ширина картинок совпадает с шириной блока */
    width: min(90vh, 90vw);
    max-width: inherit;
}


/* настройки картинки слева */
.sl-container .view-after {
    /* показываем только половину */
    width: min(45vh, 45vw);
    /* и виртуально кладём её выше, чем картинку справа */
    z-index: 200;
}

/* настройки слайдера */
.sl-container .dragme {
    /* включаем абслютное позиционирование */
    position: absolute;
    /* ширина разделителя */
    width: 3px;
    /* на всю высоту блока */
    height: 100%;
    /* начинается сверху блока */
    top: 0px;
    /* делит картинки пополам, потому что общая ширина у них 90vh */
    left: min(45vh, 45vw);
    /* цвет фона */
    background-color: #BFE2FF;
    /* меняем форму курсора */
    cursor: pointer;
    /* поднимаем слайдер выше картинок */
    z-index: 300;
}

/* кругляш на слайдере */
.sl-container .dr-circle {
    /* включаем абсолютное позиционирование */
    position: absolute;
    /* высчитываем позицию сверху, чтобы поставить его посередине */
    top: calc(50% - 20px);
    /* сдвигаем влево, так как круг рисуется слева направо, а не из центра */
    left: calc(50% - 20px);
    /* превращаем фигуру в круг */
    border-radius: 100%;
    /* высота и ширина */
    width: 40px;
    height: 40px;
    /* цвет фона */
    background-color: #BFE2FF;
    /* меняем форму курсора */
    cursor: pointer;
    /* делаем на той же виртуальной высоте, что и полоска слайдера */
    z-index: 300;
}

.sect-custom .row-custom .col-custom:first-child{
    padding-right: 35px;
}
.sect-custom .row-custom .col-custom:last-child{
    /*padding-left: 35px;*/
}
.creator__thumb img{
    width: 550px;
    max-width: 100% !important;
    height: 550px;
    object-fit: cover;
}
.info__thumb.image-scaling img{
    width: 550px;
    max-width: 100% !important;
    height: 550px;
    object-fit: cover;
}

.hero-slider .swiper-pagination {
    width: 100% !important;
    height: 50px;
    display: block;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
.hero-slider span.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    margin-right: 10px;
    background: #fff;
    transition: .3s;
    cursor: pointer;
    position: relative;
}
.hero-slider .swiper-pagination-bullet-active:before{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: var(--primary);
    position: absolute;
    border-radius: 50%;
    top: 1px;
    left: 1px;
}

@media(max-width: 768px){
    .hero-slider .swiper-pagination{
        display: none!important;
    }
    .hero-arrows{
        display: none!important;
    }
    .creator__thumb{
        max-width: 100%;
    }
}
.action-mobile-btns{
    display: none;
}
@media(max-width: 425px){
    .sect-custom .row-custom .col-custom .info__thumb img{
        margin: 0 15px;
    }
    .s-main-zero-padding .col-custom .info__thumb img{
        margin: 0!important;
    }
    .sect-custom .row-custom .col-custom{
        padding: 0!important;
    }
    .sect-custom.s-info .row-custom{
    }
    .portfolio{
        padding: 0 15px 15px;
    }
    .s-main-zero-margin .container .row{
        margin: 0 -15px!important;
    }
    .obs .obs-block{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 35px;
    }
    .s-slider section{
        padding-left: 30px;
        padding-right: 30px;
    }
    .container-wider .sect__title{
        padding: 0 13px;
    }
    .blog-list .blog-item{
        margin-bottom: 0;
    }
    .s-blog-items{
        margin-bottom: 40px;
    }
    .qst{
        padding: 0 15px;
    }
    .qst .sect__title,
    .project .sect__title{
        font-size: 30px;
        line-height: 32px;
    }
    .project{
        margin-top: 60px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .project-form{
        margin-top: 50px;
    }
    .project-input{
        margin: 0 0 30px!important;
    }
    .menu-clear-left{
        display: none;
    }
    .footer-bottom__copy{
        flex-wrap: wrap;
    }
    .footer-bottom p{
        font-size: 13px;
    }
    .site-footer{
        padding-bottom: 30px;
    }
    .footer-row{
        gap: 30px 70px;
    }
    .banner-main{
        padding: 0 15px;
    }
    .sect-custom.s-info{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px;
    }
    .projects-grid{
        margin: 0;
    }
    .ot-heading{
        display: none!important;
    }
    .our-portfolio{
        padding-top: 0;
    }
    .contact-right{
        padding-top: 30px;
        padding-left: 25px;
    }
    .contact-page{
        padding: 0 15px!important;
    }
    .portfolio .sect__action{
        display: none;
    }
    .action-mobile-btns{
        display: block!important;
        margin-bottom: 30px;
        text-align: center;
    }
    .creator__thumb img{
        height: 350px;
    }
    .info__thumb.image-scaling img{
        height: 350px;
    }
    .blog-detail__text img{
        height: 350px;
        object-fit: cover;
        width: 100%;
    }
    .titles-group{
        margin-top: 30px;
    }
    .s-projinfo .info__thumb{
        background: #fff;
    }
    .s-projinfo .info__thumb img{
        margin: 0!important;
    }
    .task-item{
        margin-bottom: 0;
    }
    .s-portproj .task-item__thumb{
        margin-bottom: 0;
    }
    .s-tasks{
        padding-top: 55px;
    }
    .s-creatorport{
        padding-top: 0!important;
    }
    .btn_margin_0{
        margin: 20px 0 0;
    }
    .sect-custom.calculator.s-calculator{
        margin-top: 20px;
    }
    .projects-grid{
        width: 100% !important;
    }
}
.tabs-presentation{
    list-style: none;
    padding: 0;
}
.qst-title,
.qst-content{
    color: #000;
}
.qst-content{
    padding-left: 20px;
}


.qst-block::before, .qst-block::after {
    content: '';
    position: absolute;
    top: 30px;
    right: 0;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 1px;
    border-bottom: 1px solid var(--primary);
    transition: all .3s ease;
}
.qst-block:not(.qst-block_close)::after {
    opacity: 0;
}
.qst-block::after {
    transform: translate(-50%, -50%) rotate(-90deg);
}
.qst-title{

}
/*new*/
.contact-right{
    height: 100%;
}
textarea {
    height: 70px;
}
@media (max-width: 1200px) {
    .us-with{
        max-width: 450px!important;
    }
    .mission-content {
        flex-wrap: wrap;
    }
    .mission-desc{
        margin-bottom: 20px;
    }
    .obs-bg img {
        height: 100%;
        object-fit: cover;
    }
}
@media (max-width: 991px) {
    .project-price{
        position: relative;
        right: 0;
    }
    .project-form{
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    .blog-detail__text .blog-author__img {
        max-width: 100%;
        width: 100%;
    }
    .blog-detail {
        padding-top: 70px;
    }
    .sect-custom .row-custom.flex-row-reverse .col-custom:first-child {
        padding-right: 0;
        padding-left: 15px;
    }
    .s-creatorport.sect-custom .row-custom .col-custom:first-child{
        padding-right: 0;
    }
    .s-creatorport .container{
        padding: 0 30px;
    }
    .slider-img-block{
        width: 100%;
    }
}
@media (max-width: 1199px) {
    .main-navigation > ul > li {
        margin: 0;
    }
    .contact-right{
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        min-height: auto;
        padding: 30px;
        gap: 10px;
    }
    .sect-custom.contact-page{
        padding-top: 0;
    }
    .section_blog{
        padding-bottom: 0;
    }
    .ot-heading{
        display: none;
    }
    .contact__address-icon{
        display: none;
    }
    .contact-info .info-text{
        padding-left: 0;
    }
    .contact-right .contact-info {
        padding-bottom: 0;
    }
    .blog-detail__data{
        flex-direction: row!important;
        padding-top: 0;
    }

}
@media (max-width: 991px) {
    .contact-page .row{
        gap: 20px;
    }

    .blog-item__thumb{
        height: auto;
    }
    .s-creator2{
        padding-bottom: 0;
    }
    .creator__sub{
        margin-top: 10px;
    }
    .section_blog {
        padding-top: 130px;
    }
    .sect-custom .row{
        margin: 0!important;
    }
    .sect-custom .row .col-custom,
    .sect-custom .row .col-12{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .btn-details:before{
        height: 2px;
        bottom: -7px;
        left: 0;
    }
    .project_filters li a.selected:before {
        width: 100% !important;
    }
    .s-reviews{
        padding: 30px 0;
    }
    .projects-grid{
        overflow: inherit;
        flex-wrap: nowrap;
        display: flex;
    }
    .project-item{
        /*min-width: 360px;*/
        width: 50%;
    }
    .portfolio-related-posts-wrap .project-item{
        min-width: 360px;
    }
    .portfolio-related-posts-wrap{
        overflow: scroll;
    }
    .creator__thumb{
        margin-bottom: 20px;
    }
    .footer-row{
        flex-wrap: wrap;
        gap: 15px;
    }
    .site-footer{
        padding-bottom: 20px;
    }

    .footer-logo + .octf-col.menu-col.no-padding {
        max-width: 180px;
    }
    .footer-row .menu-col {
        max-width: 330px;
    }
    .banner-main-sub{
        margin-left: 0!important;
    }
    .mission-info{
        margin-left: 0;
    }
    .portfolio .portfolio-row{
        margin-top: 32px;
    }
    .s-info .info__description{
        margin-bottom: 0;
    }
    .s-faq{
        padding-top: 30px!important;
    }
    .s-info{
        padding-bottom: 0;
    }
    .obs-bg img{
        height: 285px !important;
        background-attachment: inherit;
        object-fit: cover;
    }

    [data-flex="1"]{
        order: 1;
    }
    [data-flex="2"]{
        order: 2;
        margin-left: auto;
    }
    [data-flex="3"]{
        order: 3;
    }
    [data-flex="4"]{
        order: 4;
    }
    .footer-row{
        justify-content: space-between;
    }
    .footer-contact{
        max-width: 330px;
    }

}
@media (max-width: 575px) {
    [data-flex="2"]{
        margin-left: inherit;
    }
    .advantage-item__title {
        font-size: 15px;
        line-height: 18px;
    }
    .advantage-item__description {
        font-size: 12px;
        line-height: 14px;
    }
    .banner-main .container{
        padding: 0 30px;
    }
    .s-main-zero-padding{
        padding-left: 0!important;
        padding-right: 0!important;
    }
}
@media (max-width: 425px) {
    .blog-detail__data {
        flex-direction: column !important;
        flex-wrap: wrap;
    }
}
/*tablet new*/
/*cookie*/
.modal-cook{
    position: fixed;
    bottom: 20px;
    z-index: 9999;
    width: 100%;
    text-align: center;
}
.modal-cookies {
    max-width: 95%;
    padding: 15px 20px;
    background: #fff;
    text-align: left;
    display: inline-block;
    /*border-radius: 20px;*/
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
}

.modal-cookies__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
}

.modal-cookies__content .adp-btn {
    margin-left: 90px;
    width: 120px;
    height: 40px;
    padding: 13px 30px;
    min-width: auto;
}

.modal-comment form > .modal-group {
    width: 100%;
}

.modal-confirm {
    width: 520px;
}

.modal-confirm .modal-title {
    margin: 0 0 20px;
}

.modal-confirm .buttons-inline a {
    width: 100px;
    min-width: auto;
    height: 50px;
    padding: 5px;
    margin-right: 20px;
    border-radius: 25px;
}

.modal-confirm .buttons-inline a:last-child {
    margin-right: 0;
}
@media (max-width: 991px) {
    .modal-cookies {
        padding: 35px;
    }

    .modal-cookies__content .adp-btn {
        margin-left: 30px;
    }
}
.jsRemoveCookie{
    padding: 10px 20px;
    margin-left: 30px;
    background-color: var(--primary);
    color: #fff;
    min-width: 150px;
    text-align: center;
}
.modal-cookies__description a{
    color: #25aae1;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #25aae1;
}
.f-policy{
    margin-left: 10px;
}
.policy-content p b{
    font-weight: bold;
}
.def-table-container{
    overflow: scroll;
}
.def-table {
    margin: 30px 0;
    max-width: 100%;
}
.def-table td{
    width: auto!important;
}
.def-list{
    list-style: disc;
    padding: 0 0 30px 30px;
    font-size: 14px;
    line-height: 21px;
}
@media (max-width: 575px) {
    .sect__title,
    .mission-title,
    .creator__title{
        font-size: 32px;
        line-height: 36px;
    }
    .scrolling-text .scrolling-text-content, .scrolling-text2 .scrolling-text-content{
        font-size: 42px;
    }
    .modal-cook{
        bottom: 0;
    }
    .modal-cookies {
        width: 335px;
    }
    .modal-cookies__content {
        flex-direction: column;
    }

    .modal-cookies__content .adp-btn {
        margin: 25px auto 0;
    }
    .modal-cookies__content{
        font-size: 13px;
        line-height: 19px;
    }
    .modal-cookies {
        padding: 20px;
    }
    .jsRemoveCookie{
        margin: 10px auto 0;
    }
    .f-policy{
        margin: 0 auto;
    }
    .blog-page-list{
        gap: 15px;
    }
    .services-main .section{
        padding: 30px 10px;
        min-width: 290px!important;
        width: 290px!important;
    }
    .services-main{
        padding: 0 15px;
    }
    .portfolio .portfolio-row .portfolio-block{
        width: 250px;
        display: block;
        min-width: 250px;
        height: 365px;
    }
    .portfolio .portfolio-row{
        flex-wrap: nowrap;
        overflow-x: scroll;
        gap: 10px
    }

    .blog-page-list::-webkit-scrollbar { width: 0; }
    .blog-page-list { -ms-overflow-style: none; }
    .blog-page-list{ overflow: -moz-scrollbars-none; }

    .portfolio .portfolio-row::-webkit-scrollbar { width: 0; }
    .portfolio .portfolio-row { -ms-overflow-style: none; }
    .portfolio .portfolio-row { overflow: -moz-scrollbars-none; }
    .header_mobile .mlogo_wrapper img{
        height: 60px;
    }
    .header_mobile{
        padding: 10px 0;
    }
    .mmenu-toggle button i:before {
        font-size: 29px;
    }
}

/* End */
/* /bitrix/templates/onesite.studio/css/jquery.fancybox.min.css?174116220012795 */
/* /bitrix/templates/onesite.studio/css/bootstrap.min.css?1741162200160940 */
/* /bitrix/templates/onesite.studio/css/font-awesome.min.css?174116220057130 */
/* /bitrix/templates/onesite.studio/css/owl.theme.css?1741162200935 */
/* /bitrix/templates/onesite.studio/css/owl.carousel.min.css?17411622002930 */
/* /bitrix/templates/onesite.studio/css/twentytwenty-no-compass.css?17411622005158 */
/* /bitrix/templates/onesite.studio/css/royal-preload.css?17411622007939 */
/* /bitrix/templates/onesite.studio/css/style.css?1750742884244453 */
/* /bitrix/templates/onesite.studio/css/settings.css?174116220030072 */
/* /bitrix/templates/onesite.studio/css/navigation.css?174116220062218 */
/* /bitrix/templates/onesite.studio/css/template_styles.css?17428025283247 */
/* /bitrix/templates/onesite.studio/css/animate.css?174116220057096 */
/* /bitrix/templates/onesite.studio/css/a-new-design.css?174280220337296 */
/* /bitrix/templates/onesite.studio/css/styles-custom.css?174280269120402 */
/* /bitrix/templates/onesite.studio/css/ion.rangeSlider.min.css?174116220011084 */
/* /bitrix/templates/onesite.studio/css/flaticon.css?17411622003669 */
/* /bitrix/templates/onesite.studio/css/swiper.min.css?17411622005576 */
/* /bitrix/templates/onesite.studio/css/jquery-ui.min.css?174115992030801 */
/* /bitrix/templates/onesite.studio/css/presentation.css?174280092911043 */
/* /bitrix/templates/onesite.studio/components/bitrix/menu/horizontal_multilevel/style.min.css?17411622003715 */
/* /bitrix/templates/onesite.studio/components/bitrix/menu/vertical_multilevel/style.min.css?17411622002111 */
/* /bitrix/components/prymery/config.panel.admin/templates/.default/style.css?17411618021112 */
/* /bitrix/templates/onesite.studio/styles.css?175076603634140 */