@import url(https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);.not-selectable{-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:-webkit-grab;cursor:grab}.carousel.is-dragging{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:-webkit-flex;display:flex}.carousel__slide{-webkit-flex:0 0 auto;flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;list-style:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;-webkit-filter:var(--carousel-button-svg-filter, none);filter:var(--carousel-button-svg-filter, none);pointer-events:none}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;-webkit-transform-origin:top left;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:thin dotted}body.is-using-mouse .fancybox__container :focus{outline:none}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;-webkit-flex:1 1 auto;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:-webkit-flex;display:flex;height:100%}.fancybox__slide{-webkit-flex:0 0 auto;flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;-ms-scroll-chaining:none;overscroll-behavior:contain;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";-webkit-flex:0 0 0;flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;-webkit-align-self:center;align-self:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;z-index:20}.fancybox__caption{-webkit-align-self:center;align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;-webkit-flex-shrink:0;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-36px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{-webkit-animation:fancybox-rotate 2s linear infinite;animation:fancybox-rotate 2s linear infinite;-webkit-transform-origin:center center;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:fancybox-dash 1.5s ease-in-out infinite;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@-webkit-keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{-webkit-animation:.15s ease backwards fancybox-fadeIn;animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{-webkit-animation:.15s ease both fancybox-fadeOut;animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{-webkit-animation:.15s ease both fancybox-fadeIn;animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{-webkit-animation:.1s ease both fancybox-fadeOut;animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{-webkit-animation:.2s ease both fancybox-zoomInUp;animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{-webkit-animation:.15s ease both fancybox-zoomOutDown;animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{-webkit-animation:.15s ease both fancybox-throwOutUp;animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{-webkit-animation:.15s ease both fancybox-throwOutDown;animation:.15s ease both fancybox-throwOutDown}@-webkit-keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-fadeOut{to{opacity:0}}@-webkit-keyframes fancybox-zoomInUp{from{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomInUp{from{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes fancybox-zoomOutDown{to{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-zoomOutDown{to{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@-webkit-keyframes fancybox-throwOutUp{to{-webkit-transform:translate3d(0, -30%, 0);transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{-webkit-transform:translate3d(0, -30%, 0);transform:translate3d(0, -30%, 0);opacity:0}}@-webkit-keyframes fancybox-throwOutDown{to{-webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{-webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:-webkit-grab;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:-webkit-grab;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.fancybox__image{-webkit-transform-origin:0 0;transform-origin:0 0;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{-webkit-flex-shrink:1;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{-webkit-flex:0 0 auto;flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{-webkit-animation:.15s ease-in backwards fancybox-fadeIn;animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{-webkit-flex:0 0 auto;flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:5px solid var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{-webkit-animation:.15s ease-in backwards fancybox-fadeIn;animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:-webkit-flex;display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));height:3px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-timing-function:linear;z-index:30;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancybox__container:-webkit-full-screen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}@charset "UTF-8"; /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: "FontAwesome"; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\F000"; } .fa-music:before { content: "\F001"; } .fa-search:before { content: "\F002"; } .fa-envelope-o:before { content: "\F003"; } .fa-heart:before { content: "\F004"; } .fa-star:before { content: "\F005"; } .fa-star-o:before { content: "\F006"; } .fa-user:before { content: "\F007"; } .fa-film:before { content: "\F008"; } .fa-th-large:before { content: "\F009"; } .fa-th:before { content: "\F00A"; } .fa-th-list:before { content: "\F00B"; } .fa-check:before { content: "\F00C"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\F00D"; } .fa-search-plus:before { content: "\F00E"; } .fa-search-minus:before { content: "\F010"; } .fa-power-off:before { content: "\F011"; } .fa-signal:before { content: "\F012"; } .fa-gear:before, .fa-cog:before { content: "\F013"; } .fa-trash-o:before { content: "\F014"; } .fa-home:before { content: "\F015"; } .fa-file-o:before { content: "\F016"; } .fa-clock-o:before { content: "\F017"; } .fa-road:before { content: "\F018"; } .fa-download:before { content: "\F019"; } .fa-arrow-circle-o-down:before { content: "\F01A"; } .fa-arrow-circle-o-up:before { content: "\F01B"; } .fa-inbox:before { content: "\F01C"; } .fa-play-circle-o:before { content: "\F01D"; } .fa-rotate-right:before, .fa-repeat:before { content: "\F01E"; } .fa-refresh:before { content: "\F021"; } .fa-list-alt:before { content: "\F022"; } .fa-lock:before { content: "\F023"; } .fa-flag:before { content: "\F024"; } .fa-headphones:before { content: "\F025"; } .fa-volume-off:before { content: "\F026"; } .fa-volume-down:before { content: "\F027"; } .fa-volume-up:before { content: "\F028"; } .fa-qrcode:before { content: "\F029"; } .fa-barcode:before { content: "\F02A"; } .fa-tag:before { content: "\F02B"; } .fa-tags:before { content: "\F02C"; } .fa-book:before { content: "\F02D"; } .fa-bookmark:before { content: "\F02E"; } .fa-print:before { content: "\F02F"; } .fa-camera:before { content: "\F030"; } .fa-font:before { content: "\F031"; } .fa-bold:before { content: "\F032"; } .fa-italic:before { content: "\F033"; } .fa-text-height:before { content: "\F034"; } .fa-text-width:before { content: "\F035"; } .fa-align-left:before { content: "\F036"; } .fa-align-center:before { content: "\F037"; } .fa-align-right:before { content: "\F038"; } .fa-align-justify:before { content: "\F039"; } .fa-list:before { content: "\F03A"; } .fa-dedent:before, .fa-outdent:before { content: "\F03B"; } .fa-indent:before { content: "\F03C"; } .fa-video-camera:before { content: "\F03D"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\F03E"; } .fa-pencil:before { content: "\F040"; } .fa-map-marker:before { content: "\F041"; } .fa-adjust:before { content: "\F042"; } .fa-tint:before { content: "\F043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\F044"; } .fa-share-square-o:before { content: "\F045"; } .fa-check-square-o:before { content: "\F046"; } .fa-arrows:before { content: "\F047"; } .fa-step-backward:before { content: "\F048"; } .fa-fast-backward:before { content: "\F049"; } .fa-backward:before { content: "\F04A"; } .fa-play:before { content: "\F04B"; } .fa-pause:before { content: "\F04C"; } .fa-stop:before { content: "\F04D"; } .fa-forward:before { content: "\F04E"; } .fa-fast-forward:before { content: "\F050"; } .fa-step-forward:before { content: "\F051"; } .fa-eject:before { content: "\F052"; } .fa-chevron-left:before { content: "\F053"; } .fa-chevron-right:before { content: "\F054"; } .fa-plus-circle:before { content: "\F055"; } .fa-minus-circle:before { content: "\F056"; } .fa-times-circle:before { content: "\F057"; } .fa-check-circle:before { content: "\F058"; } .fa-question-circle:before { content: "\F059"; } .fa-info-circle:before { content: "\F05A"; } .fa-crosshairs:before { content: "\F05B"; } .fa-times-circle-o:before { content: "\F05C"; } .fa-check-circle-o:before { content: "\F05D"; } .fa-ban:before { content: "\F05E"; } .fa-arrow-left:before { content: "\F060"; } .fa-arrow-right:before { content: "\F061"; } .fa-arrow-up:before { content: "\F062"; } .fa-arrow-down:before { content: "\F063"; } .fa-mail-forward:before, .fa-share:before { content: "\F064"; } .fa-expand:before { content: "\F065"; } .fa-compress:before { content: "\F066"; } .fa-plus:before { content: "\F067"; } .fa-minus:before { content: "\F068"; } .fa-asterisk:before { content: "\F069"; } .fa-exclamation-circle:before { content: "\F06A"; } .fa-gift:before { content: "\F06B"; } .fa-leaf:before { content: "\F06C"; } .fa-fire:before { content: "\F06D"; } .fa-eye:before { content: "\F06E"; } .fa-eye-slash:before { content: "\F070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\F071"; } .fa-plane:before { content: "\F072"; } .fa-calendar:before { content: "\F073"; } .fa-random:before { content: "\F074"; } .fa-comment:before { content: "\F075"; } .fa-magnet:before { content: "\F076"; } .fa-chevron-up:before { content: "\F077"; } .fa-chevron-down:before { content: "\F078"; } .fa-retweet:before { content: "\F079"; } .fa-shopping-cart:before { content: "\F07A"; } .fa-folder:before { content: "\F07B"; } .fa-folder-open:before { content: "\F07C"; } .fa-arrows-v:before { content: "\F07D"; } .fa-arrows-h:before { content: "\F07E"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\F080"; } .fa-twitter-square:before { content: "\F081"; } .fa-facebook-square:before { content: "\F082"; } .fa-camera-retro:before { content: "\F083"; } .fa-key:before { content: "\F084"; } .fa-gears:before, .fa-cogs:before { content: "\F085"; } .fa-comments:before { content: "\F086"; } .fa-thumbs-o-up:before { content: "\F087"; } .fa-thumbs-o-down:before { content: "\F088"; } .fa-star-half:before { content: "\F089"; } .fa-heart-o:before { content: "\F08A"; } .fa-sign-out:before { content: "\F08B"; } .fa-linkedin-square:before { content: "\F08C"; } .fa-thumb-tack:before { content: "\F08D"; } .fa-external-link:before { content: "\F08E"; } .fa-sign-in:before { content: "\F090"; } .fa-trophy:before { content: "\F091"; } .fa-github-square:before { content: "\F092"; } .fa-upload:before { content: "\F093"; } .fa-lemon-o:before { content: "\F094"; } .fa-phone:before { content: "\F095"; } .fa-square-o:before { content: "\F096"; } .fa-bookmark-o:before { content: "\F097"; } .fa-phone-square:before { content: "\F098"; } .fa-twitter:before { content: "\F099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\F09A"; } .fa-github:before { content: "\F09B"; } .fa-unlock:before { content: "\F09C"; } .fa-credit-card:before { content: "\F09D"; } .fa-feed:before, .fa-rss:before { content: "\F09E"; } .fa-hdd-o:before { content: "\F0A0"; } .fa-bullhorn:before { content: "\F0A1"; } .fa-bell:before { content: "\F0F3"; } .fa-certificate:before { content: "\F0A3"; } .fa-hand-o-right:before { content: "\F0A4"; } .fa-hand-o-left:before { content: "\F0A5"; } .fa-hand-o-up:before { content: "\F0A6"; } .fa-hand-o-down:before { content: "\F0A7"; } .fa-arrow-circle-left:before { content: "\F0A8"; } .fa-arrow-circle-right:before { content: "\F0A9"; } .fa-arrow-circle-up:before { content: "\F0AA"; } .fa-arrow-circle-down:before { content: "\F0AB"; } .fa-globe:before { content: "\F0AC"; } .fa-wrench:before { content: "\F0AD"; } .fa-tasks:before { content: "\F0AE"; } .fa-filter:before { content: "\F0B0"; } .fa-briefcase:before { content: "\F0B1"; } .fa-arrows-alt:before { content: "\F0B2"; } .fa-group:before, .fa-users:before { content: "\F0C0"; } .fa-chain:before, .fa-link:before { content: "\F0C1"; } .fa-cloud:before { content: "\F0C2"; } .fa-flask:before { content: "\F0C3"; } .fa-cut:before, .fa-scissors:before { content: "\F0C4"; } .fa-copy:before, .fa-files-o:before { content: "\F0C5"; } .fa-paperclip:before { content: "\F0C6"; } .fa-save:before, .fa-floppy-o:before { content: "\F0C7"; } .fa-square:before { content: "\F0C8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\F0C9"; } .fa-list-ul:before { content: "\F0CA"; } .fa-list-ol:before { content: "\F0CB"; } .fa-strikethrough:before { content: "\F0CC"; } .fa-underline:before { content: "\F0CD"; } .fa-table:before { content: "\F0CE"; } .fa-magic:before { content: "\F0D0"; } .fa-truck:before { content: "\F0D1"; } .fa-pinterest:before { content: "\F0D2"; } .fa-pinterest-square:before { content: "\F0D3"; } .fa-google-plus-square:before { content: "\F0D4"; } .fa-google-plus:before { content: "\F0D5"; } .fa-money:before { content: "\F0D6"; } .fa-caret-down:before { content: "\F0D7"; } .fa-caret-up:before { content: "\F0D8"; } .fa-caret-left:before { content: "\F0D9"; } .fa-caret-right:before { content: "\F0DA"; } .fa-columns:before { content: "\F0DB"; } .fa-unsorted:before, .fa-sort:before { content: "\F0DC"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\F0DD"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\F0DE"; } .fa-envelope:before { content: "\F0E0"; } .fa-linkedin:before { content: "\F0E1"; } .fa-rotate-left:before, .fa-undo:before { content: "\F0E2"; } .fa-legal:before, .fa-gavel:before { content: "\F0E3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\F0E4"; } .fa-comment-o:before { content: "\F0E5"; } .fa-comments-o:before { content: "\F0E6"; } .fa-flash:before, .fa-bolt:before { content: "\F0E7"; } .fa-sitemap:before { content: "\F0E8"; } .fa-umbrella:before { content: "\F0E9"; } .fa-paste:before, .fa-clipboard:before { content: "\F0EA"; } .fa-lightbulb-o:before { content: "\F0EB"; } .fa-exchange:before { content: "\F0EC"; } .fa-cloud-download:before { content: "\F0ED"; } .fa-cloud-upload:before { content: "\F0EE"; } .fa-user-md:before { content: "\F0F0"; } .fa-stethoscope:before { content: "\F0F1"; } .fa-suitcase:before { content: "\F0F2"; } .fa-bell-o:before { content: "\F0A2"; } .fa-coffee:before { content: "\F0F4"; } .fa-cutlery:before { content: "\F0F5"; } .fa-file-text-o:before { content: "\F0F6"; } .fa-building-o:before { content: "\F0F7"; } .fa-hospital-o:before { content: "\F0F8"; } .fa-ambulance:before { content: "\F0F9"; } .fa-medkit:before { content: "\F0FA"; } .fa-fighter-jet:before { content: "\F0FB"; } .fa-beer:before { content: "\F0FC"; } .fa-h-square:before { content: "\F0FD"; } .fa-plus-square:before { content: "\F0FE"; } .fa-angle-double-left:before { content: "\F100"; } .fa-angle-double-right:before { content: "\F101"; } .fa-angle-double-up:before { content: "\F102"; } .fa-angle-double-down:before { content: "\F103"; } .fa-angle-left:before { content: "\F104"; } .fa-angle-right:before { content: "\F105"; } .fa-angle-up:before { content: "\F106"; } .fa-angle-down:before { content: "\F107"; } .fa-desktop:before { content: "\F108"; } .fa-laptop:before { content: "\F109"; } .fa-tablet:before { content: "\F10A"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\F10B"; } .fa-circle-o:before { content: "\F10C"; } .fa-quote-left:before { content: "\F10D"; } .fa-quote-right:before { content: "\F10E"; } .fa-spinner:before { content: "\F110"; } .fa-circle:before { content: "\F111"; } .fa-mail-reply:before, .fa-reply:before { content: "\F112"; } .fa-github-alt:before { content: "\F113"; } .fa-folder-o:before { content: "\F114"; } .fa-folder-open-o:before { content: "\F115"; } .fa-smile-o:before { content: "\F118"; } .fa-frown-o:before { content: "\F119"; } .fa-meh-o:before { content: "\F11A"; } .fa-gamepad:before { content: "\F11B"; } .fa-keyboard-o:before { content: "\F11C"; } .fa-flag-o:before { content: "\F11D"; } .fa-flag-checkered:before { content: "\F11E"; } .fa-terminal:before { content: "\F120"; } .fa-code:before { content: "\F121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\F122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\F123"; } .fa-location-arrow:before { content: "\F124"; } .fa-crop:before { content: "\F125"; } .fa-code-fork:before { content: "\F126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\F127"; } .fa-question:before { content: "\F128"; } .fa-info:before { content: "\F129"; } .fa-exclamation:before { content: "\F12A"; } .fa-superscript:before { content: "\F12B"; } .fa-subscript:before { content: "\F12C"; } .fa-eraser:before { content: "\F12D"; } .fa-puzzle-piece:before { content: "\F12E"; } .fa-microphone:before { content: "\F130"; } .fa-microphone-slash:before { content: "\F131"; } .fa-shield:before { content: "\F132"; } .fa-calendar-o:before { content: "\F133"; } .fa-fire-extinguisher:before { content: "\F134"; } .fa-rocket:before { content: "\F135"; } .fa-maxcdn:before { content: "\F136"; } .fa-chevron-circle-left:before { content: "\F137"; } .fa-chevron-circle-right:before { content: "\F138"; } .fa-chevron-circle-up:before { content: "\F139"; } .fa-chevron-circle-down:before { content: "\F13A"; } .fa-html5:before { content: "\F13B"; } .fa-css3:before { content: "\F13C"; } .fa-anchor:before { content: "\F13D"; } .fa-unlock-alt:before { content: "\F13E"; } .fa-bullseye:before { content: "\F140"; } .fa-ellipsis-h:before { content: "\F141"; } .fa-ellipsis-v:before { content: "\F142"; } .fa-rss-square:before { content: "\F143"; } .fa-play-circle:before { content: "\F144"; } .fa-ticket:before { content: "\F145"; } .fa-minus-square:before { content: "\F146"; } .fa-minus-square-o:before { content: "\F147"; } .fa-level-up:before { content: "\F148"; } .fa-level-down:before { content: "\F149"; } .fa-check-square:before { content: "\F14A"; } .fa-pencil-square:before { content: "\F14B"; } .fa-external-link-square:before { content: "\F14C"; } .fa-share-square:before { content: "\F14D"; } .fa-compass:before { content: "\F14E"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\F150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\F151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\F152"; } .fa-euro:before, .fa-eur:before { content: "\F153"; } .fa-gbp:before { content: "\F154"; } .fa-dollar:before, .fa-usd:before { content: "\F155"; } .fa-rupee:before, .fa-inr:before { content: "\F156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\F157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\F158"; } .fa-won:before, .fa-krw:before { content: "\F159"; } .fa-bitcoin:before, .fa-btc:before { content: "\F15A"; } .fa-file:before { content: "\F15B"; } .fa-file-text:before { content: "\F15C"; } .fa-sort-alpha-asc:before { content: "\F15D"; } .fa-sort-alpha-desc:before { content: "\F15E"; } .fa-sort-amount-asc:before { content: "\F160"; } .fa-sort-amount-desc:before { content: "\F161"; } .fa-sort-numeric-asc:before { content: "\F162"; } .fa-sort-numeric-desc:before { content: "\F163"; } .fa-thumbs-up:before { content: "\F164"; } .fa-thumbs-down:before { content: "\F165"; } .fa-youtube-square:before { content: "\F166"; } .fa-youtube:before { content: "\F167"; } .fa-xing:before { content: "\F168"; } .fa-xing-square:before { content: "\F169"; } .fa-youtube-play:before { content: "\F16A"; } .fa-dropbox:before { content: "\F16B"; } .fa-stack-overflow:before { content: "\F16C"; } .fa-instagram:before { content: "\F16D"; } .fa-flickr:before { content: "\F16E"; } .fa-adn:before { content: "\F170"; } .fa-bitbucket:before { content: "\F171"; } .fa-bitbucket-square:before { content: "\F172"; } .fa-tumblr:before { content: "\F173"; } .fa-tumblr-square:before { content: "\F174"; } .fa-long-arrow-down:before { content: "\F175"; } .fa-long-arrow-up:before { content: "\F176"; } .fa-long-arrow-left:before { content: "\F177"; } .fa-long-arrow-right:before { content: "\F178"; } .fa-apple:before { content: "\F179"; } .fa-windows:before { content: "\F17A"; } .fa-android:before { content: "\F17B"; } .fa-linux:before { content: "\F17C"; } .fa-dribbble:before { content: "\F17D"; } .fa-skype:before { content: "\F17E"; } .fa-foursquare:before { content: "\F180"; } .fa-trello:before { content: "\F181"; } .fa-female:before { content: "\F182"; } .fa-male:before { content: "\F183"; } .fa-gittip:before, .fa-gratipay:before { content: "\F184"; } .fa-sun-o:before { content: "\F185"; } .fa-moon-o:before { content: "\F186"; } .fa-archive:before { content: "\F187"; } .fa-bug:before { content: "\F188"; } .fa-vk:before { content: "\F189"; } .fa-weibo:before { content: "\F18A"; } .fa-renren:before { content: "\F18B"; } .fa-pagelines:before { content: "\F18C"; } .fa-stack-exchange:before { content: "\F18D"; } .fa-arrow-circle-o-right:before { content: "\F18E"; } .fa-arrow-circle-o-left:before { content: "\F190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\F191"; } .fa-dot-circle-o:before { content: "\F192"; } .fa-wheelchair:before { content: "\F193"; } .fa-vimeo-square:before { content: "\F194"; } .fa-turkish-lira:before, .fa-try:before { content: "\F195"; } .fa-plus-square-o:before { content: "\F196"; } .fa-space-shuttle:before { content: "\F197"; } .fa-slack:before { content: "\F198"; } .fa-envelope-square:before { content: "\F199"; } .fa-wordpress:before { content: "\F19A"; } .fa-openid:before { content: "\F19B"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\F19C"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\F19D"; } .fa-yahoo:before { content: "\F19E"; } .fa-google:before { content: "\F1A0"; } .fa-reddit:before { content: "\F1A1"; } .fa-reddit-square:before { content: "\F1A2"; } .fa-stumbleupon-circle:before { content: "\F1A3"; } .fa-stumbleupon:before { content: "\F1A4"; } .fa-delicious:before { content: "\F1A5"; } .fa-digg:before { content: "\F1A6"; } .fa-pied-piper-pp:before { content: "\F1A7"; } .fa-pied-piper-alt:before { content: "\F1A8"; } .fa-drupal:before { content: "\F1A9"; } .fa-joomla:before { content: "\F1AA"; } .fa-language:before { content: "\F1AB"; } .fa-fax:before { content: "\F1AC"; } .fa-building:before { content: "\F1AD"; } .fa-child:before { content: "\F1AE"; } .fa-paw:before { content: "\F1B0"; } .fa-spoon:before { content: "\F1B1"; } .fa-cube:before { content: "\F1B2"; } .fa-cubes:before { content: "\F1B3"; } .fa-behance:before { content: "\F1B4"; } .fa-behance-square:before { content: "\F1B5"; } .fa-steam:before { content: "\F1B6"; } .fa-steam-square:before { content: "\F1B7"; } .fa-recycle:before { content: "\F1B8"; } .fa-automobile:before, .fa-car:before { content: "\F1B9"; } .fa-cab:before, .fa-taxi:before { content: "\F1BA"; } .fa-tree:before { content: "\F1BB"; } .fa-spotify:before { content: "\F1BC"; } .fa-deviantart:before { content: "\F1BD"; } .fa-soundcloud:before { content: "\F1BE"; } .fa-database:before { content: "\F1C0"; } .fa-file-pdf-o:before { content: "\F1C1"; } .fa-file-word-o:before { content: "\F1C2"; } .fa-file-excel-o:before { content: "\F1C3"; } .fa-file-powerpoint-o:before { content: "\F1C4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\F1C5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\F1C6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\F1C7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\F1C8"; } .fa-file-code-o:before { content: "\F1C9"; } .fa-vine:before { content: "\F1CA"; } .fa-codepen:before { content: "\F1CB"; } .fa-jsfiddle:before { content: "\F1CC"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\F1CD"; } .fa-circle-o-notch:before { content: "\F1CE"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\F1D0"; } .fa-ge:before, .fa-empire:before { content: "\F1D1"; } .fa-git-square:before { content: "\F1D2"; } .fa-git:before { content: "\F1D3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\F1D4"; } .fa-tencent-weibo:before { content: "\F1D5"; } .fa-qq:before { content: "\F1D6"; } .fa-wechat:before, .fa-weixin:before { content: "\F1D7"; } .fa-send:before, .fa-paper-plane:before { content: "\F1D8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\F1D9"; } .fa-history:before { content: "\F1DA"; } .fa-circle-thin:before { content: "\F1DB"; } .fa-header:before { content: "\F1DC"; } .fa-paragraph:before { content: "\F1DD"; } .fa-sliders:before { content: "\F1DE"; } .fa-share-alt:before { content: "\F1E0"; } .fa-share-alt-square:before { content: "\F1E1"; } .fa-bomb:before { content: "\F1E2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\F1E3"; } .fa-tty:before { content: "\F1E4"; } .fa-binoculars:before { content: "\F1E5"; } .fa-plug:before { content: "\F1E6"; } .fa-slideshare:before { content: "\F1E7"; } .fa-twitch:before { content: "\F1E8"; } .fa-yelp:before { content: "\F1E9"; } .fa-newspaper-o:before { content: "\F1EA"; } .fa-wifi:before { content: "\F1EB"; } .fa-calculator:before { content: "\F1EC"; } .fa-paypal:before { content: "\F1ED"; } .fa-google-wallet:before { content: "\F1EE"; } .fa-cc-visa:before { content: "\F1F0"; } .fa-cc-mastercard:before { content: "\F1F1"; } .fa-cc-discover:before { content: "\F1F2"; } .fa-cc-amex:before { content: "\F1F3"; } .fa-cc-paypal:before { content: "\F1F4"; } .fa-cc-stripe:before { content: "\F1F5"; } .fa-bell-slash:before { content: "\F1F6"; } .fa-bell-slash-o:before { content: "\F1F7"; } .fa-trash:before { content: "\F1F8"; } .fa-copyright:before { content: "\F1F9"; } .fa-at:before { content: "\F1FA"; } .fa-eyedropper:before { content: "\F1FB"; } .fa-paint-brush:before { content: "\F1FC"; } .fa-birthday-cake:before { content: "\F1FD"; } .fa-area-chart:before { content: "\F1FE"; } .fa-pie-chart:before { content: "\F200"; } .fa-line-chart:before { content: "\F201"; } .fa-lastfm:before { content: "\F202"; } .fa-lastfm-square:before { content: "\F203"; } .fa-toggle-off:before { content: "\F204"; } .fa-toggle-on:before { content: "\F205"; } .fa-bicycle:before { content: "\F206"; } .fa-bus:before { content: "\F207"; } .fa-ioxhost:before { content: "\F208"; } .fa-angellist:before { content: "\F209"; } .fa-cc:before { content: "\F20A"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\F20B"; } .fa-meanpath:before { content: "\F20C"; } .fa-buysellads:before { content: "\F20D"; } .fa-connectdevelop:before { content: "\F20E"; } .fa-dashcube:before { content: "\F210"; } .fa-forumbee:before { content: "\F211"; } .fa-leanpub:before { content: "\F212"; } .fa-sellsy:before { content: "\F213"; } .fa-shirtsinbulk:before { content: "\F214"; } .fa-simplybuilt:before { content: "\F215"; } .fa-skyatlas:before { content: "\F216"; } .fa-cart-plus:before { content: "\F217"; } .fa-cart-arrow-down:before { content: "\F218"; } .fa-diamond:before { content: "\F219"; } .fa-ship:before { content: "\F21A"; } .fa-user-secret:before { content: "\F21B"; } .fa-motorcycle:before { content: "\F21C"; } .fa-street-view:before { content: "\F21D"; } .fa-heartbeat:before { content: "\F21E"; } .fa-venus:before { content: "\F221"; } .fa-mars:before { content: "\F222"; } .fa-mercury:before { content: "\F223"; } .fa-intersex:before, .fa-transgender:before { content: "\F224"; } .fa-transgender-alt:before { content: "\F225"; } .fa-venus-double:before { content: "\F226"; } .fa-mars-double:before { content: "\F227"; } .fa-venus-mars:before { content: "\F228"; } .fa-mars-stroke:before { content: "\F229"; } .fa-mars-stroke-v:before { content: "\F22A"; } .fa-mars-stroke-h:before { content: "\F22B"; } .fa-neuter:before { content: "\F22C"; } .fa-genderless:before { content: "\F22D"; } .fa-facebook-official:before { content: "\F230"; } .fa-pinterest-p:before { content: "\F231"; } .fa-whatsapp:before { content: "\F232"; } .fa-server:before { content: "\F233"; } .fa-user-plus:before { content: "\F234"; } .fa-user-times:before { content: "\F235"; } .fa-hotel:before, .fa-bed:before { content: "\F236"; } .fa-viacoin:before { content: "\F237"; } .fa-train:before { content: "\F238"; } .fa-subway:before { content: "\F239"; } .fa-medium:before { content: "\F23A"; } .fa-yc:before, .fa-y-combinator:before { content: "\F23B"; } .fa-optin-monster:before { content: "\F23C"; } .fa-opencart:before { content: "\F23D"; } .fa-expeditedssl:before { content: "\F23E"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\F240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\F241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\F242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\F243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\F244"; } .fa-mouse-pointer:before { content: "\F245"; } .fa-i-cursor:before { content: "\F246"; } .fa-object-group:before { content: "\F247"; } .fa-object-ungroup:before { content: "\F248"; } .fa-sticky-note:before { content: "\F249"; } .fa-sticky-note-o:before { content: "\F24A"; } .fa-cc-jcb:before { content: "\F24B"; } .fa-cc-diners-club:before { content: "\F24C"; } .fa-clone:before { content: "\F24D"; } .fa-balance-scale:before { content: "\F24E"; } .fa-hourglass-o:before { content: "\F250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\F251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\F252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\F253"; } .fa-hourglass:before { content: "\F254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\F255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\F256"; } .fa-hand-scissors-o:before { content: "\F257"; } .fa-hand-lizard-o:before { content: "\F258"; } .fa-hand-spock-o:before { content: "\F259"; } .fa-hand-pointer-o:before { content: "\F25A"; } .fa-hand-peace-o:before { content: "\F25B"; } .fa-trademark:before { content: "\F25C"; } .fa-registered:before { content: "\F25D"; } .fa-creative-commons:before { content: "\F25E"; } .fa-gg:before { content: "\F260"; } .fa-gg-circle:before { content: "\F261"; } .fa-tripadvisor:before { content: "\F262"; } .fa-odnoklassniki:before { content: "\F263"; } .fa-odnoklassniki-square:before { content: "\F264"; } .fa-get-pocket:before { content: "\F265"; } .fa-wikipedia-w:before { content: "\F266"; } .fa-safari:before { content: "\F267"; } .fa-chrome:before { content: "\F268"; } .fa-firefox:before { content: "\F269"; } .fa-opera:before { content: "\F26A"; } .fa-internet-explorer:before { content: "\F26B"; } .fa-tv:before, .fa-television:before { content: "\F26C"; } .fa-contao:before { content: "\F26D"; } .fa-500px:before { content: "\F26E"; } .fa-amazon:before { content: "\F270"; } .fa-calendar-plus-o:before { content: "\F271"; } .fa-calendar-minus-o:before { content: "\F272"; } .fa-calendar-times-o:before { content: "\F273"; } .fa-calendar-check-o:before { content: "\F274"; } .fa-industry:before { content: "\F275"; } .fa-map-pin:before { content: "\F276"; } .fa-map-signs:before { content: "\F277"; } .fa-map-o:before { content: "\F278"; } .fa-map:before { content: "\F279"; } .fa-commenting:before { content: "\F27A"; } .fa-commenting-o:before { content: "\F27B"; } .fa-houzz:before { content: "\F27C"; } .fa-vimeo:before { content: "\F27D"; } .fa-black-tie:before { content: "\F27E"; } .fa-fonticons:before { content: "\F280"; } .fa-reddit-alien:before { content: "\F281"; } .fa-edge:before { content: "\F282"; } .fa-credit-card-alt:before { content: "\F283"; } .fa-codiepie:before { content: "\F284"; } .fa-modx:before { content: "\F285"; } .fa-fort-awesome:before { content: "\F286"; } .fa-usb:before { content: "\F287"; } .fa-product-hunt:before { content: "\F288"; } .fa-mixcloud:before { content: "\F289"; } .fa-scribd:before { content: "\F28A"; } .fa-pause-circle:before { content: "\F28B"; } .fa-pause-circle-o:before { content: "\F28C"; } .fa-stop-circle:before { content: "\F28D"; } .fa-stop-circle-o:before { content: "\F28E"; } .fa-shopping-bag:before { content: "\F290"; } .fa-shopping-basket:before { content: "\F291"; } .fa-hashtag:before { content: "\F292"; } .fa-bluetooth:before { content: "\F293"; } .fa-bluetooth-b:before { content: "\F294"; } .fa-percent:before { content: "\F295"; } .fa-gitlab:before { content: "\F296"; } .fa-wpbeginner:before { content: "\F297"; } .fa-wpforms:before { content: "\F298"; } .fa-envira:before { content: "\F299"; } .fa-universal-access:before { content: "\F29A"; } .fa-wheelchair-alt:before { content: "\F29B"; } .fa-question-circle-o:before { content: "\F29C"; } .fa-blind:before { content: "\F29D"; } .fa-audio-description:before { content: "\F29E"; } .fa-volume-control-phone:before { content: "\F2A0"; } .fa-braille:before { content: "\F2A1"; } .fa-assistive-listening-systems:before { content: "\F2A2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\F2A3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\F2A4"; } .fa-glide:before { content: "\F2A5"; } .fa-glide-g:before { content: "\F2A6"; } .fa-signing:before, .fa-sign-language:before { content: "\F2A7"; } .fa-low-vision:before { content: "\F2A8"; } .fa-viadeo:before { content: "\F2A9"; } .fa-viadeo-square:before { content: "\F2AA"; } .fa-snapchat:before { content: "\F2AB"; } .fa-snapchat-ghost:before { content: "\F2AC"; } .fa-snapchat-square:before { content: "\F2AD"; } .fa-pied-piper:before { content: "\F2AE"; } .fa-first-order:before { content: "\F2B0"; } .fa-yoast:before { content: "\F2B1"; } .fa-themeisle:before { content: "\F2B2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\F2B3"; } .fa-fa:before, .fa-font-awesome:before { content: "\F2B4"; } .fa-handshake-o:before { content: "\F2B5"; } .fa-envelope-open:before { content: "\F2B6"; } .fa-envelope-open-o:before { content: "\F2B7"; } .fa-linode:before { content: "\F2B8"; } .fa-address-book:before { content: "\F2B9"; } .fa-address-book-o:before { content: "\F2BA"; } .fa-vcard:before, .fa-address-card:before { content: "\F2BB"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\F2BC"; } .fa-user-circle:before { content: "\F2BD"; } .fa-user-circle-o:before { content: "\F2BE"; } .fa-user-o:before { content: "\F2C0"; } .fa-id-badge:before { content: "\F2C1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\F2C2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\F2C3"; } .fa-quora:before { content: "\F2C4"; } .fa-free-code-camp:before { content: "\F2C5"; } .fa-telegram:before { content: "\F2C6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\F2C7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\F2C8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\F2C9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\F2CA"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\F2CB"; } .fa-shower:before { content: "\F2CC"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\F2CD"; } .fa-podcast:before { content: "\F2CE"; } .fa-window-maximize:before { content: "\F2D0"; } .fa-window-minimize:before { content: "\F2D1"; } .fa-window-restore:before { content: "\F2D2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\F2D3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\F2D4"; } .fa-bandcamp:before { content: "\F2D5"; } .fa-grav:before { content: "\F2D6"; } .fa-etsy:before { content: "\F2D7"; } .fa-imdb:before { content: "\F2D8"; } .fa-ravelry:before { content: "\F2D9"; } .fa-eercast:before { content: "\F2DA"; } .fa-microchip:before { content: "\F2DB"; } .fa-snowflake-o:before { content: "\F2DC"; } .fa-superpowers:before { content: "\F2DD"; } .fa-wpexplorer:before { content: "\F2DE"; } .fa-meetup:before { content: "\F2E0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 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,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; --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%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 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: 0.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; } 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: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } 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: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.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; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } [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: 0.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-cancel-button, [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: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } .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, 0.1); } .small, small { font-size: 80%; font-weight: 400; } .mark, mark { padding: 0.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: 0.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\A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.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: flex; 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%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-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%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table td, .table th { padding: 0.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 .table { background-color: #fff; } .table-sm td, .table-sm th { padding: 0.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-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > td, .table-primary > th { background-color: #b8daff; } .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-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-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-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-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-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-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-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, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #212529; } .table-dark td, .table-dark th, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .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; -ms-overflow-style: -ms-autohiding-scrollbar; } .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; -ms-overflow-style: -ms-autohiding-scrollbar; } .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; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .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 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-moz-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:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } 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: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text { padding-right: 0; padding-left: 0; } .form-control-sm, .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: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) { height: calc(1.8125rem + 2px); } .form-control-lg, .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: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) { height: calc(2.875rem + 2px); } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; 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: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1; color: #fff; background-color: rgba(40, 167, 69, 0.8); border-radius: 0.2rem; } .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: #28a745; } .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control: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 { background-color: #71dd8a; } .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 { 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 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .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 ~ .custom-file-label::before, .was-validated .custom-file-input:valid ~ .custom-file-label::before { border-color: inherit; } .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 { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1; color: #fff; background-color: rgba(220, 53, 69, 0.8); border-radius: 0.2rem; } .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: #dc3545; } .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control: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 { background-color: #efa2a9; } .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 { 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 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .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 ~ .custom-file-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label::before { border-color: inherit; } .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 { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; 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 .input-group { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn:focus, .btn:hover { text-decoration: none; } .btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active { background-image: none; } 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 0.2rem rgba(0, 123, 255, 0.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 0.2rem rgba(0, 123, 255, 0.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 0.2rem rgba(108, 117, 125, 0.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 0.2rem rgba(108, 117, 125, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(23, 162, 184, 0.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 0.2rem rgba(23, 162, 184, 0.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 0.2rem rgba(255, 193, 7, 0.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 0.2rem rgba(255, 193, 7, 0.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 0.2rem rgba(220, 53, 69, 0.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 0.2rem rgba(220, 53, 69, 0.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 0.2rem rgba(248, 249, 250, 0.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 0.2rem rgba(248, 249, 250, 0.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 0.2rem rgba(52, 58, 64, 0.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 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-primary { color: #007bff; background-color: transparent; background-image: none; 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 0.2rem rgba(0, 123, 255, 0.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 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; 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 0.2rem rgba(108, 117, 125, 0.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 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; background-color: transparent; background-image: none; 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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; background-color: transparent; background-image: none; 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 0.2rem rgba(23, 162, 184, 0.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 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; 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 0.2rem rgba(255, 193, 7, 0.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 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; background-color: transparent; background-image: none; 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 0.2rem rgba(220, 53, 69, 0.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 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; 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 0.2rem rgba(248, 249, 250, 0.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 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; 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 0.2rem rgba(52, 58, 64, 0.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 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; background-color: transparent; } .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link.focus, .btn-link:focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link.disabled, .btn-link:disabled { color: #6c757d; } .btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-group-sm > .btn, .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.show { opacity: 1; } .collapse { display: none; } .collapse.show { display: block; } tr.collapse.show { display: table-row; } tbody.collapse.show { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .dropdown, .dropup { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.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: 0.5rem 0; margin: 0.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, 0.15); border-radius: 0.25rem; } .dropup .dropdown-menu { margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.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; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 0 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-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0; } .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: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after { margin-left: 0; } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .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: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .custom-file:focus, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; } .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 { margin-left: -1px; } .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: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-append, .input-group-prepend { display: flex; } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; } .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: flex; align-items: center; padding: 0.375rem 0.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: 0.25rem; } .input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0; } .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: 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; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-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 { margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; } .custom-control-label::after { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%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 { background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%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, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%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, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%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 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-control { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input:focus ~ .custom-file-control::before { border-color: #80bdff; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(calc(2.25rem + 2px) - 1px * 2); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .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: 0.25rem; border-top-right-radius: 0.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: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.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: flex; 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: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .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 { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .dropup .dropdown-menu { top: auto; bottom: 100%; } } @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 { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .dropup .dropdown-menu { top: auto; bottom: 100%; } } @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 { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .dropup .dropdown-menu { top: auto; bottom: 100%; } } @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 { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .dropup .dropdown-menu { top: auto; bottom: 100%; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .dropup .dropdown-menu { top: auto; bottom: 100%; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 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, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%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, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 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, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.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, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%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, 0.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: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.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: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 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: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.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: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top { border-top-left-radius: 0; } .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; } } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.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: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.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: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } .badge-primary[href]:focus, .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #0062cc; } .badge-secondary { color: #fff; background-color: #6c757d; } .badge-secondary[href]:focus, .badge-secondary[href]:hover { color: #fff; text-decoration: none; background-color: #545b62; } .badge-success { color: #fff; background-color: #28a745; } .badge-success[href]:focus, .badge-success[href]:hover { color: #fff; text-decoration: none; background-color: #1e7e34; } .badge-info { color: #fff; background-color: #17a2b8; } .badge-info[href]:focus, .badge-info[href]:hover { color: #fff; text-decoration: none; background-color: #117a8b; } .badge-warning { color: #212529; background-color: #ffc107; } .badge-warning[href]:focus, .badge-warning[href]:hover { color: #212529; text-decoration: none; background-color: #d39e00; } .badge-danger { color: #fff; background-color: #dc3545; } .badge-danger[href]:focus, .badge-danger[href]:hover { color: #fff; text-decoration: none; background-color: #bd2130; } .badge-light { color: #212529; background-color: #f8f9fa; } .badge-light[href]:focus, .badge-light[href]:hover { color: #212529; text-decoration: none; background-color: #dae0e5; } .badge-dark { color: #fff; background-color: #343a40; } .badge-dark[href]:focus, .badge-dark[href]:hover { color: #fff; text-decoration: none; background-color: #1d2124; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.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: 0.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: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; background-color: #007bff; transition: width 0.6s ease; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.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 { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; 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 { 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: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { 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: 0.5; } .close:focus, .close:hover { color: #000; text-decoration: none; opacity: 0.75; } .close:not(:disabled):not(.disabled) { cursor: pointer; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (.5rem * 2)); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 0.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-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 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: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: 0.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: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 0.4rem; } .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: 0.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 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 0.4rem; } .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.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, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 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: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 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: 0.5rem; } .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow { bottom: calc((.5rem + 1px) * -1); } .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before { border-width: 0.5rem 0.5rem 0; } .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: 0.5rem; } .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow { left: calc((.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: 0.5rem; } .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow { top: calc((.5rem + 1px) * -1); } .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after { top: 1px; 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: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: 0.5rem; } .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow { right: calc((.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: inherit; 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: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; align-items: center; width: 100%; transition: transform 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px; } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } } .active.carousel-item-right, .carousel-item-next { transform: translateX(100%); } @supports (transform-style: preserve-3d) { .active.carousel-item-right, .carousel-item-next { transform: translate3d(100%, 0, 0); } } .active.carousel-item-left, .carousel-item-prev { transform: translateX(-100%); } @supports (transform-style: preserve-3d) { .active.carousel-item-left, .carousel-item-prev { transform: translate3d(-100%, 0, 0); } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: 0.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: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%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;charset=utf8,%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: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .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 { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !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: flex !important; } .d-inline-flex { 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: flex !important; } .d-sm-inline-flex { 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: flex !important; } .d-md-inline-flex { 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: flex !important; } .d-lg-inline-flex { 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: flex !important; } .d-xl-inline-flex { 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: flex !important; } .d-print-inline-flex { 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 { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { 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; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { 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: sticky) { .sticky-top { 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; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .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: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.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: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.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-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: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.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: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.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-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: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.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: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.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-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: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.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: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.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-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: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.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: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.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-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-justify { text-align: justify !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-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !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: #0062cc !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:focus, a.text-secondary:hover { color: #545b62 !important; } .text-success { color: #28a745 !important; } a.text-success:focus, a.text-success:hover { color: #1e7e34 !important; } .text-info { color: #17a2b8 !important; } a.text-info:focus, a.text-info:hover { color: #117a8b !important; } .text-warning { color: #ffc107 !important; } a.text-warning:focus, a.text-warning:hover { color: #d39e00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:focus, a.text-danger:hover { color: #bd2130 !important; } .text-light { color: #f8f9fa !important; } a.text-light:focus, a.text-light:hover { color: #dae0e5 !important; } .text-dark { color: #343a40 !important; } a.text-dark:focus, a.text-dark:hover { color: #1d2124 !important; } .text-muted { color: #6c757d !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .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 #999; 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 #ddd !important; } } /*# sourceMappingURL=bootstrap.min.css.map */ @font-face { font-family: "iconfont"; src: url("../fonts/iconfont.ttf?ukrc8w") format("truetype"), url("../fonts/iconfont.woff?ukrc8w") format("woff"), url("../fonts/iconfont.svg?ukrc8w#iconfont") format("svg"); font-weight: normal; font-style: normal; } .icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "iconfont" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-abacus2:before { content: "\E944"; } .icon-abacus:before { content: "\E945"; } .icon-agenda:before { content: "\E946"; } .icon-agenda2:before { content: "\E993"; } .icon-agenda-1:before { content: "\E994"; } .icon-alarm-clock2:before { content: "\E995"; } .icon-alarm-clock:before { content: "\E996"; } .icon-atomic:before { content: "\E997"; } .icon-auction:before { content: "\E998"; } .icon-balance:before { content: "\E999"; } .icon-balance2:before { content: "\E99A"; } .icon-bank:before { content: "\E99B"; } .icon-bar-chart:before { content: "\E99C"; } .icon-barrier:before { content: "\E99D"; } .icon-battery:before { content: "\E99E"; } .icon-battery-1:before { content: "\E99F"; } .icon-bell:before { content: "\E9A0"; } .icon-bluetooth:before { content: "\E9A1"; } .icon-book:before { content: "\E9A2"; } .icon-briefcase:before { content: "\E9A3"; } .icon-briefcase-1:before { content: "\E9A4"; } .icon-briefcase-2:before { content: "\E9A5"; } .icon-calculator:before { content: "\E9A6"; } .icon-calculator2:before { content: "\E9A7"; } .icon-calculator-1:before { content: "\E9A8"; } .icon-calendar:before { content: "\E9A9"; } .icon-calendar2:before { content: "\E9AA"; } .icon-calendar-1:before { content: "\E9AB"; } .icon-car:before { content: "\E9AC"; } .icon-carrier:before { content: "\E9AD"; } .icon-cash:before { content: "\E9AE"; } .icon-chat:before { content: "\E9AF"; } .icon-chat-1:before { content: "\E9B0"; } .icon-checked:before { content: "\E9B1"; } .icon-clip:before { content: "\E9B2"; } .icon-clip2:before { content: "\E9B3"; } .icon-clipboard2:before { content: "\E9B4"; } .icon-clipboard:before { content: "\E9B5"; } .icon-clock:before { content: "\E9B6"; } .icon-clock-1:before { content: "\E9B7"; } .icon-cloud:before { content: "\E9B8"; } .icon-cloud-computing:before { content: "\E9B9"; } .icon-cloud-computing-1:before { content: "\E9BA"; } .icon-cogwheel:before { content: "\E9BB"; } .icon-coins:before { content: "\E9BC"; } .icon-compass:before { content: "\E9BD"; } .icon-contract:before { content: "\E9BE"; } .icon-conversation:before { content: "\E9BF"; } .icon-crane:before { content: "\E9C0"; } .icon-crane-2:before { content: "\E9C1"; } .icon-credit-card2:before { content: "\E9C2"; } .icon-credit-card:before { content: "\E9C3"; } .icon-cursor:before { content: "\E9C4"; } .icon-customer-service:before { content: "\E9C5"; } .icon-cutlery:before { content: "\E9C6"; } .icon-dart-board:before { content: "\E9C7"; } .icon-decision-making:before { content: "\E9C8"; } .icon-desk-chair:before { content: "\E9C9"; } .icon-desk-lamp:before { content: "\E9CA"; } .icon-diamond:before { content: "\E9CB"; } .icon-direction:before { content: "\E9CC"; } .icon-document:before { content: "\E9CD"; } .icon-dollar-bill:before { content: "\E9CE"; } .icon-download:before { content: "\E9CF"; } .icon-edit:before { content: "\E9D0"; } .icon-email:before { content: "\E9D1"; } .icon-envelope2:before { content: "\E9D2"; } .icon-envelope:before { content: "\E9D3"; } .icon-eraser:before { content: "\E9D4"; } .icon-eye:before { content: "\E9D5"; } .icon-factory:before { content: "\E9D6"; } .icon-fast-forward:before { content: "\E9D7"; } .icon-favorites:before { content: "\E9D8"; } .icon-file:before { content: "\E9D9"; } .icon-file-1:before { content: "\E9DA"; } .icon-file-2:before { content: "\E9DB"; } .icon-file-3:before { content: "\E9DC"; } .icon-filter:before { content: "\E9DD"; } .icon-finance-book:before { content: "\E9DE"; } .icon-flag:before { content: "\E9DF"; } .icon-folder:before { content: "\E9E0"; } .icon-folder-1:before { content: "\E9E1"; } .icon-folders:before { content: "\E9E2"; } .icon-folders2:before { content: "\E9E3"; } .icon-gamepad:before { content: "\E9E4"; } .icon-gift:before { content: "\E9E5"; } .icon-growth:before { content: "\E9E6"; } .icon-heart:before { content: "\E9E7"; } .icon-home:before { content: "\E9E8"; } .icon-house:before { content: "\E9E9"; } .icon-house-1:before { content: "\E9EA"; } .icon-house-2:before { content: "\E9EB"; } .icon-id-card2:before { content: "\E9EC"; } .icon-id-card:before { content: "\E9ED"; } .icon-id-card-1:before { content: "\E9EE"; } .icon-idea:before { content: "\E9EF"; } .icon-image:before { content: "\E9F0"; } .icon-improvement:before { content: "\E9F1"; } .icon-inbox:before { content: "\E9F2"; } .icon-information:before { content: "\E9F3"; } .icon-key2:before { content: "\E9F4"; } .icon-key:before { content: "\E9F5"; } .icon-laptop:before { content: "\E9F6"; } .icon-layers:before { content: "\E9F7"; } .icon-light-bulb:before { content: "\E9F8"; } .icon-like:before { content: "\E9F9"; } .icon-line-chart:before { content: "\E9FA"; } .icon-loupe:before { content: "\E9FB"; } .icon-mail:before { content: "\E9FC"; } .icon-manager:before { content: "\E9FD"; } .icon-map:before { content: "\E9FE"; } .icon-medal:before { content: "\E9FF"; } .icon-megaphone:before { content: "\EA00"; } .icon-megaphone2:before { content: "\EA01"; } .icon-message:before { content: "\EA02"; } .icon-message-1:before { content: "\EA03"; } .icon-message-2:before { content: "\EA04"; } .icon-microphone:before { content: "\EA05"; } .icon-money:before { content: "\EA06"; } .icon-money-bag:before { content: "\EA07"; } .icon-monitor:before { content: "\EA08"; } .icon-music:before { content: "\EA09"; } .icon-next:before { content: "\EA0A"; } .icon-open-book:before { content: "\EA0B"; } .icon-padlock:before { content: "\EA0C"; } .icon-padlock-1:before { content: "\EA0D"; } .icon-paint-brush:before { content: "\EA0E"; } .icon-pause:before { content: "\EA0F"; } .icon-pen:before { content: "\EA10"; } .icon-pencil:before { content: "\EA11"; } .icon-percentage:before { content: "\EA12"; } .icon-phone-call2:before { content: "\EA13"; } .icon-phone-call:before { content: "\EA14"; } .icon-photo-camera:before { content: "\EA15"; } .icon-pie-chart:before { content: "\EA16"; } .icon-pipe:before { content: "\EA17"; } .icon-placeholder:before { content: "\EA18"; } .icon-placeholder2:before { content: "\EA19"; } .icon-planet-earth:before { content: "\EA1A"; } .icon-play-button:before { content: "\EA1B"; } .icon-power-button:before { content: "\EA1C"; } .icon-presentation2:before { content: "\EA1D"; } .icon-presentation:before { content: "\EA1E"; } .icon-printer:before { content: "\EA1F"; } .icon-push-pin2:before { content: "\EA20"; } .icon-push-pin:before { content: "\EA21"; } .icon-refresh:before { content: "\EA22"; } .icon-reload:before { content: "\EA23"; } .icon-return:before { content: "\EA24"; } .icon-rocket-ship:before { content: "\EA25"; } .icon-rss:before { content: "\EA26"; } .icon-safebox:before { content: "\EA27"; } .icon-safebox2:before { content: "\EA28"; } .icon-search2:before { content: "\EA29"; } .icon-search-1:before { content: "\EA2A"; } .icon-settings:before { content: "\EA2B"; } .icon-settings-1:before { content: "\EA2C"; } .icon-settings-2:before { content: "\EA2D"; } .icon-sewing-machine:before { content: "\EA2E"; } .icon-share:before { content: "\EA2F"; } .icon-shield:before { content: "\EA30"; } .icon-shield2:before { content: "\EA31"; } .icon-shopping:before { content: "\EA32"; } .icon-shopping-bag:before { content: "\EA33"; } .icon-shopping-bag-1:before { content: "\EA34"; } .icon-shopping-bag-2:before { content: "\EA35"; } .icon-shopping-cart:before { content: "\EA36"; } .icon-shopping-cart2:before { content: "\EA37"; } .icon-shopping-cart-1:before { content: "\EA38"; } .icon-shopping-cart-2:before { content: "\EA39"; } .icon-shopping-cart-3:before { content: "\EA3A"; } .icon-smartphone:before { content: "\EA3B"; } .icon-speaker:before { content: "\EA3C"; } .icon-speakers:before { content: "\EA3D"; } .icon-stats:before { content: "\EA3E"; } .icon-stats-1:before { content: "\EA3F"; } .icon-stats-2:before { content: "\EA40"; } .icon-stats-3:before { content: "\EA41"; } .icon-stats-4:before { content: "\EA42"; } .icon-stats-5:before { content: "\EA43"; } .icon-stats-6:before { content: "\EA44"; } .icon-sticky-note:before { content: "\EA45"; } .icon-store:before { content: "\EA46"; } .icon-store-1:before { content: "\EA47"; } .icon-suitcase:before { content: "\EA48"; } .icon-suitcase-1:before { content: "\EA49"; } .icon-tag:before { content: "\EA4A"; } .icon-target:before { content: "\EA4B"; } .icon-team:before { content: "\EA4C"; } .icon-tie:before { content: "\EA4D"; } .icon-trash:before { content: "\EA4E"; } .icon-trolley:before { content: "\EA4F"; } .icon-trolley-1:before { content: "\EA50"; } .icon-trolley-2:before { content: "\EA51"; } .icon-trophy:before { content: "\EA52"; } .icon-truck:before { content: "\EA53"; } .icon-truck-1:before { content: "\EA54"; } .icon-truck-2:before { content: "\EA55"; } .icon-umbrella:before { content: "\EA56"; } .icon-upload:before { content: "\EA57"; } .icon-user:before { content: "\EA58"; } .icon-user-1:before { content: "\EA59"; } .icon-user-2:before { content: "\EA5A"; } .icon-user-3:before { content: "\EA5B"; } .icon-users:before { content: "\EA5C"; } .icon-video-camera:before { content: "\EA5D"; } .icon-voucher:before { content: "\EA5E"; } .icon-voucher-1:before { content: "\EA5F"; } .icon-voucher-2:before { content: "\EA60"; } .icon-voucher-3:before { content: "\EA61"; } .icon-voucher-4:before { content: "\EA62"; } .icon-wallet:before { content: "\EA63"; } .icon-wallet2:before { content: "\EA64"; } .icon-wifi:before { content: "\EA65"; } .icon-worker:before { content: "\EA66"; } .icon-zoom-in:before { content: "\EA67"; } .icon-zoom-out:before { content: "\EA68"; } .icon-squares:before { content: "\EA69"; } .icon-options:before { content: "\EA6A"; } .icon-apps:before { content: "\EA6B"; } .icon-menu-1:before { content: "\EA6C"; } .icon-menu:before { content: "\EA6D"; } .icon-search-minus:before { content: "\E98D"; } .icon-search:before { content: "\E98E"; } .icon-down-arrow:before { content: "\E98F"; } .icon-up-arrow:before { content: "\E990"; } .icon-right-arrow:before { content: "\E991"; } .icon-left-arrows:before { content: "\E992"; } .icon-heart2:before { content: "\E987"; } .icon-medical2:before { content: "\E954"; } .icon-eye22:before { content: "\E955"; } .icon-full-screen:before { content: "\E956"; } .icon-shuffle-arrow:before { content: "\E976"; } .icon-online-shopping-cart:before { content: "\E988"; } .icon-shopping-cart22:before { content: "\E989"; } .icon-apple-1:before { content: "\E981"; } .icon-apple:before { content: "\E982"; } .icon-watch:before { content: "\E983"; } .icon-cogwheel2:before { content: "\E984"; } .icon-light-bulb2:before { content: "\E985"; } .icon-light-bulb-1:before { content: "\E986"; } .icon-u-turn:before { content: "\E96B"; } .icon-medal2:before { content: "\E97E"; } .icon-team-1:before { content: "\E97F"; } .icon-team22:before { content: "\E980"; } .icon-team2:before { content: "\E95C"; } .icon-tshirt:before { content: "\E95D"; } .icon-cancel:before { content: "\E95E"; } .icon-drink:before { content: "\E95F"; } .icon-home22:before { content: "\E960"; } .icon-music2:before { content: "\E961"; } .icon-rich:before { content: "\E962"; } .icon-brush:before { content: "\E963"; } .icon-opposite-way:before { content: "\E964"; } .icon-cloud-computing2:before { content: "\E965"; } .icon-technology-1:before { content: "\E966"; } .icon-rotate:before { content: "\E967"; } .icon-medical:before { content: "\E968"; } .icon-flash-1:before { content: "\E969"; } .icon-flash:before { content: "\E96A"; } .icon-hours-support:before { content: "\E96D"; } .icon-bag:before { content: "\E96E"; } .icon-photo-camera2:before { content: "\E96F"; } .icon-school:before { content: "\E970"; } .icon-settings2:before { content: "\E971"; } .icon-smartphone22:before { content: "\E972"; } .icon-technology-12:before { content: "\E973"; } .icon-tool:before { content: "\E974"; } .icon-business2:before { content: "\E975"; } .icon-star:before { content: "\E98A"; } .icon-star-1:before { content: "\E98B"; } .icon-favorite:before { content: "\E98C"; } .icon-valentines-heart:before { content: "\E95A"; } .icon-van-1:before { content: "\E977"; } .icon-van:before { content: "\E978"; } .icon-vegetables:before { content: "\E979"; } .icon-women:before { content: "\E97A"; } .icon-left-arrow:before { content: "\E919"; } .icon-vintage:before { content: "\E97B"; } .icon-up-arrow2:before { content: "\E97C"; } .icon-arrows:before { content: "\E97D"; } .icon-download-arrow:before { content: "\E940"; } .icon-facebook:before { content: "\E905"; } .icon-twitter:before { content: "\E90A"; } .icon-dribbble:before { content: "\E90B"; } .icon-linkedin:before { content: "\E90F"; } .icon-youtube:before { content: "\E912"; } .icon-twitter3:before { content: "\E914"; } .icon-pinterest:before { content: "\E915"; } .icon-vimeo:before { content: "\E918"; } .icon-soundcloud:before { content: "\E91C"; } .icon-youtube-v:before { content: "\E925"; } .icon-behance:before { content: "\E927"; } .icon-google-plus:before { content: "\E92D"; } .icon-instagram:before { content: "\E936"; } .icon-double-left-chevron:before { content: "\E939"; } .icon-double-angle-pointing-to-right:before { content: "\E93A"; } .icon-down-arrow2:before { content: "\E96C"; } .icon-arrow-point-to-down:before { content: "\E93B"; } .icon-play-button2:before { content: "\E93C"; } .icon-minus:before { content: "\E93D"; } .icon-plus:before { content: "\E93E"; } .icon-tick:before { content: "\E93F"; } .icon-edit2:before { content: "\E941"; } .icon-reply:before { content: "\E942"; } .icon-cogwheel-outline:before { content: "\E943"; } .icon-shopping-basket:before { content: "\E947"; } .icon-users22:before { content: "\E948"; } .icon-man:before { content: "\E949"; } .icon-support:before { content: "\E94A"; } .icon-favorites2:before { content: "\E94B"; } .icon-calendar3:before { content: "\E94C"; } .icon-paper-plane:before { content: "\E94D"; } .icon-placeholder3:before { content: "\E94E"; } .icon-phone-call3:before { content: "\E94F"; } .icon-newsletter:before { content: "\E901"; } .icon-contact:before { content: "\E950"; } .icon-email2:before { content: "\E951"; } .icon-envelope4:before { content: "\E926"; } .icon-internet:before { content: "\E952"; } .icon-quote2:before { content: "\E953"; } .icon-tools2:before { content: "\E957"; } .icon-pie-chart22:before { content: "\E958"; } .icon-diamond3:before { content: "\E959"; } .icon-like2:before { content: "\E95B"; } .icon-deal:before { content: "\E924"; } .icon-left-arrow2:before { content: "\E931"; } .icon-quote22:before { content: "\E937"; } .icon-right-arrow2:before { content: "\E938"; } .icon-coins-2:before { content: "\E902"; } .icon-commerce-2:before { content: "\E903"; } .icon-monitor2:before { content: "\E904"; } .icon-business:before { content: "\E906"; } .icon-graphic-2:before { content: "\E907"; } .icon-commerce-1:before { content: "\E908"; } .icon-hammer:before { content: "\E909"; } .icon-justice-1:before { content: "\E90C"; } .icon-line:before { content: "\E90D"; } .icon-money-3:before { content: "\E90E"; } .icon-commerce:before { content: "\E910"; } .icon-agenda3:before { content: "\E911"; } .icon-justice:before { content: "\E913"; } .icon-technology:before { content: "\E916"; } .icon-coins-1:before { content: "\E917"; } .icon-bank2:before { content: "\E91A"; } .icon-calculator3:before { content: "\E91B"; } .icon-chart22:before { content: "\E91D"; } .icon-checked2:before { content: "\E91E"; } .icon-clock3:before { content: "\E91F"; } .icon-comment:before { content: "\E920"; } .icon-comments:before { content: "\E921"; } .icon-consult:before { content: "\E922"; } .icon-consut2:before { content: "\E923"; } .icon-folder2:before { content: "\E928"; } .icon-invest:before { content: "\E929"; } .icon-loan:before { content: "\E92A"; } .icon-map-marker2:before { content: "\E92B"; } .icon-mutual-fund:before { content: "\E92C"; } .icon-phone3:before { content: "\E92E"; } .icon-pie-chart222:before { content: "\E92F"; } .icon-play:before { content: "\E930"; } .icon-savings:before { content: "\E932"; } .icon-search3:before { content: "\E933"; } .icon-tag3:before { content: "\E934"; } .icon-tags:before { content: "\E935"; } .icon-vplay:before { content: "\E900"; } .icon-home2:before { content: "\E800"; } .icon-apartment:before { content: "\E801"; } .icon-pencil2:before { content: "\E802"; } .icon-magic-wand:before { content: "\E803"; } .icon-drop:before { content: "\E804"; } .icon-lighter:before { content: "\E805"; } .icon-poop:before { content: "\E806"; } .icon-sun:before { content: "\E807"; } .icon-moon:before { content: "\E808"; } .icon-cloud2:before { content: "\E809"; } .icon-cloud-upload:before { content: "\E80A"; } .icon-cloud-download:before { content: "\E80B"; } .icon-cloud-sync:before { content: "\E80C"; } .icon-cloud-check:before { content: "\E80D"; } .icon-database:before { content: "\E80E"; } .icon-lock3:before { content: "\E80F"; } .icon-cog2:before { content: "\E810"; } .icon-trash2:before { content: "\E811"; } .icon-dice:before { content: "\E812"; } .icon-heart3:before { content: "\E813"; } .icon-star2:before { content: "\E814"; } .icon-star-half2:before { content: "\E815"; } .icon-star-empty:before { content: "\E816"; } .icon-flag3:before { content: "\E817"; } .icon-envelope3:before { content: "\E818"; } .icon-paperclip:before { content: "\E819"; } .icon-inbox2:before { content: "\E81A"; } .icon-eye2:before { content: "\E81B"; } .icon-printer2:before { content: "\E81C"; } .icon-file-empty:before { content: "\E81D"; } .icon-file-add:before { content: "\E81E"; } .icon-enter:before { content: "\E81F"; } .icon-exit:before { content: "\E820"; } .icon-graduation-hat:before { content: "\E821"; } .icon-license:before { content: "\E822"; } .icon-music-note:before { content: "\E823"; } .icon-film-play:before { content: "\E824"; } .icon-camera-video:before { content: "\E825"; } .icon-camera:before { content: "\E826"; } .icon-picture2:before { content: "\E827"; } .icon-book2:before { content: "\E828"; } .icon-bookmark:before { content: "\E829"; } .icon-user2:before { content: "\E82A"; } .icon-users2:before { content: "\E82B"; } .icon-shirt:before { content: "\E82C"; } .icon-store2:before { content: "\E82D"; } .icon-cart:before { content: "\E82E"; } .icon-tag2:before { content: "\E82F"; } .icon-phone-handset:before { content: "\E830"; } .icon-phone:before { content: "\E831"; } .icon-pushpin:before { content: "\E832"; } .icon-map-marker:before { content: "\E833"; } .icon-map2:before { content: "\E834"; } .icon-location:before { content: "\E835"; } .icon-calendar-full:before { content: "\E836"; } .icon-keyboard:before { content: "\E837"; } .icon-spell-check:before { content: "\E838"; } .icon-screen:before { content: "\E839"; } .icon-smartphone2:before { content: "\E83A"; } .icon-tablet:before { content: "\E83B"; } .icon-laptop2:before { content: "\E83C"; } .icon-laptop-phone:before { content: "\E83D"; } .icon-power-switch:before { content: "\E83E"; } .icon-bubble:before { content: "\E83F"; } .icon-heart-pulse:before { content: "\E840"; } .icon-construction:before { content: "\E841"; } .icon-pie-chart2:before { content: "\E842"; } .icon-chart-bars:before { content: "\E843"; } .icon-gift2:before { content: "\E844"; } .icon-diamond2:before { content: "\E845"; } .icon-dinner:before { content: "\E847"; } .icon-coffee-cup:before { content: "\E848"; } .icon-leaf:before { content: "\E849"; } .icon-paw:before { content: "\E84A"; } .icon-rocket:before { content: "\E84B"; } .icon-briefcase2:before { content: "\E84C"; } .icon-bus2:before { content: "\E84D"; } .icon-car2:before { content: "\E84E"; } .icon-train:before { content: "\E84F"; } .icon-bicycle2:before { content: "\E850"; } .icon-wheelchair:before { content: "\E851"; } .icon-select:before { content: "\E852"; } .icon-earth:before { content: "\E853"; } .icon-smile:before { content: "\E854"; } .icon-sad2:before { content: "\E855"; } .icon-neutral:before { content: "\E856"; } .icon-mustache:before { content: "\E857"; } .icon-alarm:before { content: "\E858"; } .icon-bullhorn:before { content: "\E859"; } .icon-volume-high:before { content: "\E85A"; } .icon-volume-medium:before { content: "\E85B"; } .icon-volume-low:before { content: "\E85C"; } .icon-volume:before { content: "\E85D"; } .icon-mic2:before { content: "\E85E"; } .icon-hourglass:before { content: "\E85F"; } .icon-undo:before { content: "\E860"; } .icon-redo:before { content: "\E861"; } .icon-sync:before { content: "\E862"; } .icon-history:before { content: "\E863"; } .icon-clock2:before { content: "\E864"; } .icon-download3:before { content: "\E865"; } .icon-upload2:before { content: "\E866"; } .icon-enter-down:before { content: "\E867"; } .icon-exit-up:before { content: "\E868"; } .icon-bug:before { content: "\E869"; } .icon-code2:before { content: "\E86A"; } .icon-link:before { content: "\E86B"; } .icon-unlink:before { content: "\E86C"; } .icon-thumbs-up:before { content: "\E86D"; } .icon-thumbs-down:before { content: "\E86E"; } .icon-magnifier:before { content: "\E86F"; } .icon-cross:before { content: "\E870"; } .icon-menu2:before { content: "\E871"; } .icon-list:before { content: "\E872"; } .icon-chevron-up:before { content: "\E873"; } .icon-chevron-down:before { content: "\E874"; } .icon-chevron-left:before { content: "\E875"; } .icon-chevron-right:before { content: "\E876"; } .icon-arrow-up:before { content: "\E877"; } .icon-arrow-down:before { content: "\E878"; } .icon-arrow-left:before { content: "\E879"; } .icon-arrow-right:before { content: "\E87A"; } .icon-move:before { content: "\E87B"; } .icon-warning:before { content: "\E87C"; } .icon-question-circle:before { content: "\E87D"; } .icon-menu-circle:before { content: "\E87E"; } .icon-checkmark-circle:before { content: "\E87F"; } .icon-cross-circle:before { content: "\E880"; } .icon-plus-circle:before { content: "\E881"; } .icon-circle-minus:before { content: "\E882"; } .icon-arrow-up-circle:before { content: "\E883"; } .icon-arrow-down-circle:before { content: "\E884"; } .icon-arrow-left-circle:before { content: "\E885"; } .icon-arrow-right-circle:before { content: "\E886"; } .icon-chevron-up-circle:before { content: "\E887"; } .icon-chevron-down-circle:before { content: "\E888"; } .icon-chevron-left-circle:before { content: "\E889"; } .icon-chevron-right-circle:before { content: "\E88A"; } .icon-crop:before { content: "\E88B"; } .icon-frame-expand:before { content: "\E88C"; } .icon-frame-contract:before { content: "\E88D"; } .icon-layers2:before { content: "\E88E"; } .icon-funnel:before { content: "\E88F"; } .icon-text-format:before { content: "\E890"; } .icon-text-size:before { content: "\E892"; } .icon-bold:before { content: "\E893"; } .icon-italic:before { content: "\E894"; } .icon-underline:before { content: "\E895"; } .icon-strikethrough:before { content: "\E896"; } .icon-highlight:before { content: "\E897"; } .icon-text-align-left:before { content: "\E898"; } .icon-text-align-center:before { content: "\E899"; } .icon-text-align-right:before { content: "\E89A"; } .icon-text-align-justify:before { content: "\E89B"; } .icon-line-spacing:before { content: "\E89C"; } .icon-indent-increase:before { content: "\E89D"; } .icon-indent-decrease:before { content: "\E89E"; } .icon-page-break:before { content: "\E8A2"; } .icon-hand:before { content: "\E8A5"; } .icon-pointer-up:before { content: "\E8A6"; } .icon-pointer-right:before { content: "\E8A7"; } .icon-pointer-down:before { content: "\E8A8"; } .icon-pointer-left:before { content: "\E8A9"; } @font-face { font-family: "icomoon"; src: url("../fonts/icomoon.eot?ua7ahp"); src: url("../fonts/icomoon.eot?ua7ahp#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ua7ahp") format("truetype"), url("../fonts/icomoon.woff?ua7ahp") format("woff"), url("../fonts/icomoon.svg?ua7ahp#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-fencing:before { content: "\E900"; } .icon-maintainance:before { content: "\E901"; } .icon-planting:before { content: "\E902"; } .icon-watering:before { content: "\E903"; } .icon-thumbs:before { content: "\E904"; } .icon-fall-cleanup:before { content: "\E905"; } .icon-garden-care:before { content: "\E906"; } .icon-integration-and-drainage:before { content: "\E907"; } .icon-snow-removing:before { content: "\E908"; } .icon-urban-gardening:before { content: "\E909"; } .icon-watering2:before { content: "\E90A"; } .icon-address:before { content: "\E90B"; } .icon-call:before { content: "\E90C"; } .icon-hour:before { content: "\E90D"; } .icon-mail:before { content: "\E90E"; } .icon-why-choose-1:before { content: "\E90F"; } .icon-why-choose-2:before { content: "\E910"; } .icon-why-choose-3:before { content: "\E911"; } .icon-why-choose-4:before { content: "\E912"; } .icon-call-back:before { content: "\E913"; } .icon-caring:before { content: "\E914"; } .icon-Digging:before { content: "\E915"; } .icon-fun-fact-01:before { content: "\E916"; } .icon-fun-fact-02:before { content: "\E917"; } .icon-fun-fact-03:before { content: "\E918"; } .icon-gardening:before { content: "\E919"; } .icon-grass-triming:before { content: "\E91A"; } .icon-grass:before { content: "\E91B"; } .icon-planting-and-growth:before { content: "\E91C"; } .icon-price-1:before { content: "\E91D"; } .icon-price-2:before { content: "\E91E"; } .icon-price-3:before { content: "\E91F"; } .icon-urban-gardening2:before { content: "\E920"; } .icon-contact_1:before { content: "\E921"; color: inherit; } .icon-contact_2:before { content: "\E922"; color: inherit; } .icon-contact_3:before { content: "\E923"; color: inherit; } .icon-contact_12:before { content: "\E924"; color: inherit; } .icon-contact_22:before { content: "\E925"; color: inherit; } .icon-contact_32:before { content: "\E926"; color: inherit; } .icon-contact_4:before { content: "\E927"; color: inherit; } .icon-pricing_1:before { content: "\E928"; } .icon-pricing_2:before { content: "\E929"; } .icon-pricing_3:before { content: "\E92A"; } .icon-client_review:before { content: "\E92B"; color: inherit; } .icon-Free_tips:before { content: "\E92C"; color: inherit; } .icon-fun_fact_1:before { content: "\E92D"; color: inherit; } .icon-fun_fact_2:before { content: "\E92E"; color: inherit; } .icon-fun_fact_3:before { content: "\E92F"; color: inherit; } .icon-fun_fact_4:before { content: "\E930"; color: inherit; } .icon-iso:before { content: "\E931"; color: inherit; } .icon-number_1:before { content: "\E932"; color: inherit; } .icon-Our_service_1:before { content: "\E933"; color: inherit; } .icon-Our_service_2:before { content: "\E934"; color: inherit; } .icon-Our_service_3:before { content: "\E935"; color: inherit; } .icon-Our_service_4:before { content: "\E936"; color: inherit; } .icon-pricing_12:before { content: "\E937"; color: inherit; } .icon-pricing_22:before { content: "\E938"; color: inherit; } .icon-pricing_32:before { content: "\E939"; color: inherit; } .icon-recent_work_1:before { content: "\E93A"; color: inherit; } .icon-recent_work_2:before { content: "\E93B"; color: inherit; } .icon-recent_work_3:before { content: "\E93C"; color: inherit; } .icon-recent_work_4:before { content: "\E93D"; color: inherit; } .icon-recent_work_5:before { content: "\E93E"; color: inherit; } .icon-recent_work_6:before { content: "\E93F"; color: inherit; } .icon-service_1:before { content: "\E940"; color: inherit; } .icon-service_2:before { content: "\E941"; color: inherit; } .icon-service_3:before { content: "\E942"; color: inherit; } /* 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 { transition-duration: 0.8s; } .isotope { transition-property: height, width; } .isotope .isotope-item { transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { transition: none; } /**** Isotope styles ****/ /* required for containers to inherit vertical size from window */ /*html, body { height: 100%; } */ #container { padding: 20px 0px; } .height-01 { height: 250px; width: 28%; } .height-02 { height: 250px; width: 25%; } .height-03 { width: 180px; height: 180px; } .element { margin: 1px; float: left; overflow: hidden; position: relative; color: #222; } /*.element.web { background: #F00 url("../images/zoom.png") no-repeat center center; background: hsl( 0, 100%, 50%) url("../images/zoom.png") no-repeat center center; } .element.branding { background: #F80 url("../images/zoom.png") no-repeat center center; background: hsl( 36, 100%, 50%) url("../images/zoom.png") no-repeat center center;} .element.print { background: #0F0 url("../images/zoom.png") no-repeat center center; background: hsl( 108, 100%, 50%) url("../images/zoom.png") no-repeat center center;} .element.creative { background: #0FF url("../images/zoom.png") no-repeat center center; background: hsl( 180, 100%, 50%) url("../images/zoom.png") no-repeat center center;} .element.modern { background: #08F url("../images/zoom.png") no-repeat center center; background: hsl( 216, 100%, 50%) url("../images/zoom.png") no-repeat center center;} .element.other { background: #00F url("../images/zoom.png") no-repeat center center;; background: hsl( 252, 100%, 50%) url("../images/zoom.png") no-repeat center center;} .element.ecommerce { background: #F0F url("../images/zoom.png") no-repeat center center;background: hsl( 288, 100%, 50%) url("../images/zoom.png") no-repeat center center;} .element.digital { background: #F08 url("../images/zoom.png") no-repeat center center; background: hsl( 324, 100%, 50%) url("../images/zoom.png") no-repeat center center;} */ .element * { position: absolute; margin: 0; } .element .symbol { left: 0.2em; top: 0.4em; font-size: 3.8em; line-height: 1em; color: #FFF; } .element.large .symbol { font-size: 4.5em; } .element.fake .symbol { color: #000; } .element .name { left: 0.5em; bottom: 1.6em; font-size: 1.05em; } .element .weight { font-size: 0.9em; left: 0.5em; bottom: 0.5em; } .element .number { font-size: 1.25em; font-weight: bold; color: rgba(0, 0, 0, 0.5); right: 0.5em; top: 0.5em; } .variable-sizes .element.width2 { width: 230px; } .variable-sizes .element.height2 { height: 230px; } .variable-sizes .element.width2.height2 { font-size: 2em; } .element.large, .variable-sizes .element.large, .variable-sizes .element.large.width2.height2 { font-size: 3em; width: 350px; height: 350px; z-index: 100; } .clickable .element:hover { cursor: pointer; } .clickable .element:hover h3 { text-shadow: 0 0 10px white, 0 0 10px white; } .clickable .element:hover h2 { color: white; } /**** Filters ****/ #filters { margin: 5px 0px; padding: 0px; list-style: none; } #filters li { display: inline-block; margin-right: -1px; } :focus { outline: 0; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0; } .mfp-arrow-right { transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** * Simple fade transition, */ .mfp-fade.mfp-bg { opacity: 0; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* ====== Zoom effect ====== */ .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /** * 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; -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: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 0.5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.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(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 0.1s ease; } .owl-carousel .owl-video-play-icon:hover { 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 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav { margin-top: 10px; } .owl-theme .owl-nav [class*=owl-] { 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 .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 0.2s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* CORE STYLES */ .navigation { width: 100%; height: 70px; display: table; position: relative; font-family: inherit; background-color: #ffffff; } .navigation * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } .navigation-portrait { height: 48px; } .navigation-fixed-wrapper { width: 100%; left: 0; z-index: 19998; will-change: opacity; } .navigation-fixed-wrapper.fixed { position: fixed !important; -webkit-animation: fade 0.5s; animation: fade 0.5s; } @-webkit-keyframes fade { from { opacity: 0.999; } to { opacity: 1; } } @keyframes fade { from { opacity: 0.999; } to { opacity: 1; } } .navigation-fixed-wrapper .navigation { margin-right: auto; margin-left: auto; } .navigation-fixed-placeholder { width: 100%; display: none; } .navigation-fixed-placeholder.navigation-fixed-placeholder.visible { display: block; } .navigation-hidden { width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute; top: -9999px; } .align-to-right { float: right; } .nav-header { float: left; } .navigation-hidden .nav-header { display: none; } .nav-brand { line-height: 70px; padding: 0 15px; color: #70798b; font-size: 24px; text-decoration: none !important; } .nav-brand:hover, .nav-brand:focus { color: #70798b; } .navigation-portrait .nav-brand { font-size: 18px; line-height: 48px; } .nav-logo > img { height: 48px; margin: 11px auto; padding: 0 15px; float: left; } .nav-logo:focus > img { outline: initial; } .navigation-portrait .nav-logo > img { height: 36px; margin: 6px auto 6px 15px; padding: 0; } .nav-toggle { width: 30px; height: 30px; padding: 6px 2px 0; position: absolute; top: 50%; margin-top: -14px; right: 15px; display: none; cursor: pointer; } .nav-toggle:before { content: ""; position: absolute; width: 24px; height: 2px; background-color: #70798b; border-radius: 10px; box-shadow: 0 0.5em 0 0 #70798b, 0 1em 0 0 #70798b; } .navigation-portrait .nav-toggle { display: block; } .navigation-portrait .nav-menus-wrapper { width: 320px; height: 100%; top: 0; left: -400px; position: fixed; background-color: #ffffff; z-index: 20000; overflow-y: auto; -webkit-overflow-scrolling: touch; transition-duration: 0.8s; transition-timing-function: ease; } .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right { left: auto; right: -400px; } .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open { left: 0; } .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open { left: auto; right: 0; } .nav-menus-wrapper-close-button { width: 30px; height: 40px; margin: 10px 7px; display: none; float: right; color: #70798b; font-size: 26px; cursor: pointer; } .navigation-portrait .nav-menus-wrapper-close-button { display: block; } .nav-menu { margin: 0; padding: 0; list-style: none; line-height: normal; font-size: 0; } .navigation-portrait .nav-menu { width: 100%; } .nav-menu.nav-menu-centered { text-align: center; } .nav-menu.nav-menu-centered > li { float: none; } .nav-menu > li { display: inline-block; float: left; text-align: left; } .navigation-portrait .nav-menu > li { width: 100%; position: relative; border-top: solid 1px #f0f0f0; } .navigation-portrait .nav-menu > li:last-child { border-bottom: solid 1px #f0f0f0; } .nav-menu + .nav-menu > li:first-child { border-top: none; } .nav-menu > li > a { height: 70px; padding: 26px 15px; display: inline-block; position: relative; text-decoration: none; font-size: 14px; color: #70798b; transition: color 0.3s, background 0.3s; } .navigation-portrait .nav-menu > li > a { width: 100%; height: auto; padding: 12px 15px 12px 26px; } .nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a { color: #967ADC; } .nav-menu > li > a > i, .nav-menu > li > a > [class*=ion-] { width: 18px; height: 16px; line-height: 16px; transform: scale(1.4); } .nav-menu > li > a > [class*=ion-] { width: 16px; display: inline-block; transform: scale(1.8); } .navigation-portrait .nav-menu.nav-menu-social { width: 100%; text-align: center; } .nav-menu.nav-menu-social > li { text-align: center; float: none; border: none !important; } .navigation-portrait .nav-menu.nav-menu-social > li { width: auto; } .nav-menu.nav-menu-social > li > a > [class*=ion-] { font-size: 12px; } .nav-menu.nav-menu-social > li > a > .fa { font-size: 14px; } .navigation-portrait .nav-menu.nav-menu-social > li > a { padding: 15px; } .submenu-indicator { margin-left: 6px; margin-top: 6px; float: right; transition: all 0.3s; } .navigation-portrait .submenu-indicator { width: 54px; height: 44px; margin-top: 0; position: absolute; top: 0; right: 0; text-align: center; z-index: 20000; } .submenu-indicator-chevron { height: 6px; width: 6px; display: block; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #70798b #70798b transparent; transform: rotate(45deg); transition: border 0.3s; } .navigation-portrait .submenu-indicator-chevron { position: absolute; top: 18px; left: 24px; } .nav-menu > li:hover > a .submenu-indicator-chevron, .nav-menu > .active > a .submenu-indicator-chevron, .nav-menu > .focus > a .submenu-indicator-chevron { border-color: transparent #967ADC #967ADC transparent; } .navigation-portrait .submenu-indicator.submenu-indicator-up { transform: rotate(-180deg); } .nav-overlay-panel { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: none; z-index: 19999; } .no-scroll { touch-action: none; overflow-x: hidden; } /* SEARCH PANEL */ .nav-search { height: 70px; float: right; z-index: 19998; } .navigation-portrait .nav-search { height: 48px; padding: 0 10px; margin-right: 52px; } .navigation-hidden .nav-search { display: none; } .nav-search-button { width: 70px; height: 70px; line-height: 70px; text-align: center; cursor: pointer; background-color: #fbfcfd; } .navigation-portrait .nav-search-button { width: 50px; height: 48px; line-height: 46px; font-size: 22px; } .nav-search-icon { width: 14px; height: 14px; margin: 2px 8px 8px 4px; display: inline-block; vertical-align: middle; position: relative; color: #70798b; text-align: left; text-indent: -9999px; border: 2px solid; border-radius: 50%; transform: rotate(-45deg); transition: color 0.3s; } .nav-search-icon:after, .nav-search-icon:before { content: ""; pointer-events: none; } .nav-search-icon:before { width: 2px; height: 11px; top: 11px; position: absolute; left: 50%; border-radius: 0 0 1px 1px; box-shadow: inset 0 0 0 32px; transform: translateX(-50%); } .nav-search-button:hover .nav-search-icon { color: #967ADC; } .nav-search > form { width: 100%; height: 100%; padding: 0 auto; display: none; position: absolute; left: 0; top: 0; background-color: #ffffff; z-index: 99; } .nav-search-inner { width: 70%; height: 70px; margin: auto; display: table; } .navigation-portrait .nav-search-inner { height: 48px; } .nav-search-inner input[type=text], .nav-search-inner input[type=search] { height: 70px; width: 100%; margin: 0; padding: 0 12px; font-size: 26px; text-align: center; color: #70798b; outline: none; line-height: 70px; border: none; background-color: transparent; transition: all 0.3s; } .navigation-portrait .nav-search-inner input[type=text], .navigation-portrait .nav-search-inner input[type=search] { height: 48px; font-size: 18px; line-height: 48px; } .nav-search-close-button { width: 28px; height: 28px; display: block; position: absolute; right: 20px; top: 20px; line-height: normal; color: #70798b; font-size: 20px; cursor: pointer; text-align: center; } .navigation-portrait .nav-search-close-button { top: 10px; right: 14px; } /* NAVIGATION BUTTON */ .nav-button { margin: 18px 15px 0; padding: 8px 14px; display: inline-block; color: #fff; font-size: 14px; text-align: center; text-decoration: none; border-radius: 4px; background-color: #967ADC; transition: opacity 0.3s; } .nav-button:hover, .nav-button:focus { color: #fff; text-decoration: none; opacity: 0.85; } .navigation-portrait .nav-button { width: calc(100% - 52px); margin: 17px 26px; } /* NAVIGATION TEXT */ .nav-text { margin: 25px 15px; display: inline-block; color: #70798b; font-size: 14px; } .navigation-portrait .nav-text { width: calc(100% - 52px); margin: 12px 26px 0; } .navigation-portrait .nav-text + ul { margin-top: 15px; } /* DROPDOWN EXTENSION */ .nav-dropdown { min-width: 180px; margin: 0; padding: 0; display: none; position: absolute; list-style: none; z-index: 98; white-space: nowrap; } .navigation-portrait .nav-dropdown { width: 100%; position: static; left: 0; } .nav-dropdown .nav-dropdown { left: 100%; } .nav-menu > li > .nav-dropdown { border-top: solid 1px #f0f0f0; } .nav-dropdown > li { width: 100%; float: left; clear: both; position: relative; text-align: left; } .nav-dropdown > li > a { width: 100%; padding: 16px 20px; display: inline-block; text-decoration: none; float: left; font-size: 13px; color: #70798b; background-color: #fdfdfd; transition: color 0.3s, background 0.3s; } .nav-dropdown > li:hover > a, .nav-dropdown > li.focus > a { color: #967ADC; } .nav-dropdown.nav-dropdown-left { right: 0; } .nav-dropdown > li > .nav-dropdown-left { left: auto; right: 100%; } .navigation-landscape .nav-dropdown.nav-dropdown-left > li > a { text-align: right; } .navigation-portrait .nav-dropdown > li > a { padding: 12px 20px 12px 30px; } .navigation-portrait .nav-dropdown > li > ul > li > a { padding-left: 50px; } .navigation-portrait .nav-dropdown > li > ul > li > ul > li > a { padding-left: 70px; } .navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a { padding-left: 90px; } .navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 110px; } .nav-dropdown .submenu-indicator { right: 15px; top: 16px; position: absolute; } .navigation-portrait .nav-dropdown .submenu-indicator { right: 0; top: 0; } .nav-dropdown .submenu-indicator .submenu-indicator-chevron { transform: rotate(-45deg); } .navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron { transform: rotate(45deg); } .nav-dropdown > li:hover > a .submenu-indicator-chevron, .nav-dropdown > .focus > a .submenu-indicator-chevron { border-color: transparent #967ADC #967ADC transparent; } .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator { left: 10px; } .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron { transform: rotate(135deg); } /* HORIZONTAL DROPDOWN EXTENSION */ .nav-dropdown-horizontal { width: 100%; left: 0; background-color: #fdfdfd; border-top: solid 1px #f0f0f0; } .nav-dropdown-horizontal .nav-dropdown-horizontal { width: 100%; top: 100%; left: 0; } .navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal { border-top: none; } .nav-dropdown-horizontal > li { width: auto; clear: none; position: static; } .navigation-portrait .nav-dropdown-horizontal > li { width: 100%; } .nav-dropdown-horizontal > li > a { position: relative; } .nav-dropdown-horizontal .submenu-indicator { height: 18px; top: 11px; transform: rotate(90deg); } .navigation-portrait .nav-dropdown-horizontal .submenu-indicator { height: 42px; top: 0; transform: rotate(0deg); } .navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up { transform: rotate(-180deg); } /* MEGAMENU EXTENSION */ .megamenu-panel { width: 100%; padding: 15px; display: none; position: absolute; font-size: 14px; z-index: 98; text-align: left; color: inherit; border-top: solid 1px #f0f0f0; background-color: #fdfdfd; } .navigation-portrait .megamenu-panel { padding: 25px; position: static; display: block; } .megamenu-panel [class*=container] { width: 100%; } .megamenu-panel [class*=container] [class*=col-] { padding: 0; } .megamenu-panel-half { width: 50%; } .megamenu-panel-quarter { width: 25%; } .navigation-portrait .megamenu-panel-half, .navigation-portrait .megamenu-panel-quarter { width: 100%; } /* GRID */ .megamenu-panel-row { width: 100%; } .megamenu-panel-row:before, .megamenu-panel-row:after { display: table; content: ""; line-height: 0; } .megamenu-panel-row:after { clear: both; } .megamenu-panel-row [class*=col-] { display: block; min-height: 20px; float: left; margin-left: 3%; } .megamenu-panel-row [class*=col-]:first-child { margin-left: 0; } .navigation-portrait .megamenu-panel-row [class*=col-] { float: none; display: block; width: 100% !important; margin-left: 0; margin-top: 15px; } .navigation-portrait .megamenu-panel-row:first-child [class*=col-]:first-child { margin-top: 0; } .megamenu-panel-row .col-1 { width: 5.5833333333%; } .megamenu-panel-row .col-2 { width: 14.1666666667%; } .megamenu-panel-row .col-3 { width: 22.75%; } .megamenu-panel-row .col-4 { width: 31.3333333333%; } .megamenu-panel-row .col-5 { width: 39.9166666667%; } .megamenu-panel-row .col-6 { width: 48.5%; } .megamenu-panel-row .col-7 { width: 57.0833333333%; } .megamenu-panel-row .col-8 { width: 65.6666666667%; } .megamenu-panel-row .col-9 { width: 74.25%; } .megamenu-panel-row .col-10 { width: 82.8333333333%; } .megamenu-panel-row .col-11 { width: 91.4166666667%; } .megamenu-panel-row .col-12 { width: 100%; } /* MEGAMENU TABS */ .megamenu-tabs { width: 100%; float: left; display: block; } .megamenu-tabs-nav { width: 20%; margin: 0; padding: 0; float: left; list-style: none; } .navigation-portrait .megamenu-tabs-nav { width: 100%; } .megamenu-tabs-nav > li > a { width: 100%; padding: 10px 16px; float: left; font-size: 13px; text-decoration: none; color: #70798b; border: solid 1px #eff0f2; outline: 0; background-color: #ffffff; transition: background 0.3s; } .megamenu-tabs-nav > li.active a, .megamenu-tabs-nav > li:hover a { background-color: #f5f5f5; } .megamenu-tabs-pane { width: 80%; min-height: 30px; padding: 20px; float: right; display: none; opacity: 0; font-size: 13px; color: #70798b; border: solid 1px #eff0f2; background-color: #ffffff; transition: opacity 0.5s; } .megamenu-tabs-pane.active { display: block; opacity: 1; } .navigation-portrait .megamenu-tabs-pane { width: 100%; } /* MEGAMENU LIST */ .megamenu-lists { width: 100%; display: table; } /* The list */ .megamenu-list { width: 100%; margin: 0 0 15px; padding: 0; display: inline-block; float: left; list-style: none; } .megamenu-list:last-child { margin: 0; border: none; } .navigation-landscape .megamenu-list { margin: -15px 0; padding: 20px 0; border-right: solid 1px #f0f0f0; } .navigation-landscape .megamenu-list:last-child { border: none; } .megamenu-list > li > a { width: 100%; padding: 10px 15px; display: inline-block; color: #70798b; text-decoration: none; font-size: 13px; transition: all 0.3s; } .megamenu-list > li > a:hover { color: #ffffff; background-color: #967ADC; } .megamenu-list > li.megamenu-list-title > a { font-size: 12px; font-weight: 600; text-transform: uppercase; opacity: 0.8; color: #70798b; } .megamenu-list > li.megamenu-list-title > a:hover { opacity: 1; background-color: transparent; } .navigation-landscape .list-col-2 { width: 50%; } .navigation-landscape .list-col-3 { width: 33%; } .navigation-landscape .list-col-4 { width: 25%; } /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { 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 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) 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 { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* Author: XpeedStudio Author URI: http://themeforest.net/user/XpeedStudio/portfolio */ /* ========================================================================== Author's custom styles ========================================================================== */ /*----------------- inharitance css header top header middle header nav home banner slider promo area section about us section service section recent work section why choose us section funfact section pricing plan section testmonial section latest news section call to action section map section footer section video section faq-and-client-logo tips and tricks section team section service inner section breadcump about innner company timeline blog section ready-to-contact section single blog faq content contact sec contact infomation 404 page -----------------------*/ /*============================================================ 1. Typography =============================================================*/ body { font-family: "Poppins", sans-serif; font-weight: 400; font-size: 14px; line-height: 26px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } iframe { border: none; } a, b, div, ul, li { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -moz-outline-: none; } a:focus, a:active, input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:focus, textarea:active { -moz-outline: none; outline: none; } img:not([draggable]), embed, object, video { max-width: 100%; height: auto; } a { text-decoration: none; outline: 0; } a:active, a:focus, a:hover, a:visited { text-decoration: none; outline: 0; } img { border: none; max-width: 100%; } ul, li { margin: 0; padding: 0; list-style: none; } .clear-both:before, .clear-both:after { display: table; content: ""; clear: both; } p { color: #6d6d6d; font-size: 14px; line-height: 26px; margin: 0 0 15px; font-family: "Open Sans", sans-serif; } h1, h2, h3, h4, h5, h6 { color: #282828; margin: 0 0 15px; font-weight: 600; } h1 { font-size: 72px; line-height: 60px; } h2 { font-size: 48px; line-height: 55px; } h3 { font-size: 30px; line-height: 28px; } h3 { font-size: 30px; line-height: 28px; } h4 { font-size: 22px; line-height: 28px; } h5 { font-size: 20px; line-height: 28px; } h6 { font-size: 18px; line-height: 26px; } .xs-service-title { font-size: 22px; line-height: 28px; } .xs-post-title, .xs-author-title { font-size: 20px; } .xs-single-title, .widget-title { font-size: 24px; } .xs-blog-title { font-size: 24px; line-height: 34px; } .xs-blog-title a { color: #282828; } .tag-title { font-size: 16px; } .light-text { font-weight: 400; } /*========================= inharitance css ==========================*/ .xs-margin-0 { margin: 0; } .xs-mb-0 { margin-bottom: 0; } .xs-mb-10 { margin-bottom: 10px; } .xs-mb-20 { margin-bottom: 20px; } .xs-mb-30 { margin-bottom: 30px; } .xs-mb-40 { margin-bottom: 40px; } .xs-mb-50 { margin-bottom: 50px; } .xs-mb-60 { margin-bottom: 60px; } .xs-mb-70 { margin-bottom: 70px; } .xs-mb-80 { margin-bottom: 80px; } .xs-mb-90 { margin-bottom: 90px; } .xs-mb-100 { margin-bottom: 100px; } .xs-padding-0 { padding: 0; } .xs-border { border: 1px solid #F1F1F1; } .xs-padding-40 { padding: 40px; } /*----- button -----*/ .xs-btn { font-size: 16px; font-weight: 600; font-family: "Poppins", sans-serif; color: #FFFFFF; background: #027313; display: inline-block; line-height: 54px; padding: 0 40px; border: 1px solid #027313; border-radius: 2px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; cursor: pointer; } .xs-btn:hover, .xs-btn:focus { color: #FFFFFF; outline: none; background: #004b1e; border-color: #004b1e; } .xs-btn.sm-btn { padding: 0 26px; line-height: 44px; } .xs-btn.fill { background: transparent; border-color: #f2f2f2; margin-left: 18px; } .xs-btn.fill:hover { background: #004b1e; border-color: #004b1e; } .xs-btn.xs-v2-btn { background: #489f10; border-color: #489f10; min-height: 50px; line-height: 50px; padding: 0 30px; } .xs-btn.xs-v2-btn:hover { background: #3a7d0e; } .section-padding { padding: 100px 0; } .xs-title { font-size: 16px; color: #027313; display: block; font-weight: 500; margin-bottom: 15px; position: relative; line-height: 9px; } .xs-title-2 { color: #489f10; font-weight: 300; } .column-title { font-weight: 600; font-size: 48px; margin-bottom: 27px; } .column-title.white { color: #FFFFFF; } .column-title.white span { color: #027313; } .column-title.column-title2 { font-size: 44px; } .section-bg { background: #f8fafe; } .section-bg-gray { background: #d7d7d7; } .section-bg-v2 { background: #f4f4f4; } .section-bg-v2 .section-title-item.section-title-v2-item .hidden-title { color: #ececec; } .section-title-item { text-align: center; position: relative; } .section-title-item .xs-title { margin-bottom: 15px; position: relative; line-height: 9px; } .section-title-item .section-title { font-weight: 700; margin-bottom: 70px; position: relative; z-index: 1; } .section-title-item.white .xs-title { color: #ededed; } .section-title-item.white .section-title { color: #FFFFFF; } .section-title-item.section-title-v2-item { position: relative; } .section-title-item.section-title-v2-item .hidden-title { position: absolute; left: 0; top: 42px; right: 0; bottom: 0; margin: auto; text-align: center; font-size: 120px; font-weight: 600; color: #f7f7f7; line-height: 40px; text-transform: uppercase; } .section-title-item.section-title-v2-item .hidden-title.gray-dark { color: #d0d0d0; } .section-title-item.section-title-v2-item .xs-title { color: #6d6d6d; font-weight: 500; } .section-title-item.section-title-v2-item .section-title { font-size: 44px; margin-bottom: 88px; } .section-title-item.section-title-v2-item .section-title em { font-weight: 300; font-style: normal; } .section-title-item.section-title-v2-item.white .xs-title { color: #ececec; } .section-title-item.section-title-v2-item .section-bar { position: relative; position: relative; } .section-title-item.section-title-v2-item .section-bar::before { position: absolute; left: 0; right: 0; top: -76px; content: ""; margin: auto; width: 35px; height: 1px; background: #d7d7d7; } .section-title-item.section-title-v2-item .section-bar::after { position: absolute; left: 9px; right: 0; top: -69px; content: ""; margin: auto; width: 35px; height: 1px; background: #d7d7d7; } .load-more-btn { text-align: center; margin-top: 25px; } .load-more-btn .fill { padding: 0 26px; line-height: 44px; border-color: #027313; color: #027313; } .load-more-btn .fill:hover { color: #FFFFFF; background: #027313; } .xs-form .form-control.invaild { border: 1px solid #f00 !important; } /*----- key animation -----*/ @-webkit-keyframes fadeLeft { from { opacity: 0; transform: translate3d(-10%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeLeft { from { opacity: 0; transform: translate3d(-10%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeRight { from { opacity: 0; transform: translate3d(10%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeRight { from { opacity: 0; transform: translate3d(10%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } /*================================= start xs-header-top =================================*/ .xs-header-top { position: relative; background: #027313; /*---- heeader top v2 ----*/ /*---- heeader top v3 ----*/ /*---- heeader top v3 ----*/ } .xs-header-top .header-top-info { position: relative; } .xs-header-top .header-top-info ul li { display: inline-block; color: #FFFFFF; line-height: 45px; font-family: "Open Sans", sans-serif; padding-left: 55px; } .xs-header-top .header-top-info ul li i { margin-right: 5px; } .xs-header-top .header-top-info ul li:first-child { padding-left: 0; } .xs-header-top .header-top-social ul { text-align: right; } .xs-header-top .header-top-social ul li { display: inline-block; } .xs-header-top .header-top-social ul li a { font-size: 14px; color: #FFFFFF; padding: 0 0 0 24px; line-height: 30px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .xs-header-top .header-top-social ul li a:hover { color: #004b1e; } .xs-header-top.v2 { background: #3a7d0e; } .xs-header-top.v2:before { position: absolute; content: ""; bottom: 0; width: calc(50% - 538px + 1em); height: 45px; background-color: #FFFFFF; border-bottom: 45px solid #FFFFFF; left: 0px; border-right: 30px solid #3a7d0e; } .xs-header-top.v2 .header-top-info ul li { padding-left: 55px; } .xs-header-top.header-top-box { background: #489f10; } .xs-header-top.header-top-box::before { display: none; } .xs-header-top.header-top-box .header-top-info ul li { padding-left: 0; } .xs-header-top.header-top-box .header-top-info ul li a { color: #FFFFFF; padding-right: 18px; margin-right: 15px; position: relative; } .xs-header-top.header-top-box .header-top-info ul li a:before { position: absolute; right: 0; top: 0; width: 1px; height: 16px; bottom: 0; margin: auto; content: ""; background: #5eb923; } .xs-header-top.header-top-box .header-top-info ul li:last-child a::before { display: none; } .xs-header-top.header-top-box .header-top-search { text-align: right; } .xs-header-top.header-top-box .header-top-search ul li { display: inline-block; margin-left: 23px; padding-left: 23px; position: relative; } .xs-header-top.header-top-box .header-top-search ul li::before { position: absolute; left: 0; top: 0; width: 1px; height: 16px; content: ""; bottom: 0; margin: auto; background: #5eb923; } .xs-header-top.header-top-box .header-top-search ul li:first-child::before { display: none; } .xs-header-top.header-top-box .header-top-search ul li.search-item { position: relative; } .xs-header-top.header-top-box .header-top-search ul li.search-item .search-icon { font-size: 14px; color: #FFFFFF; } .xs-header-top.header-top-box .header-top-search ul li.search-item .header-search-field { width: 200px; height: 48px; font-size: 14px; padding: 0 15px; position: absolute; left: 0; z-index: 1; margin-left: -216px; border: none; top: -11px; display: none; } .xs-header-top.header-top-box .header-top-search ul li.lang-item { position: relative; } .xs-header-top.header-top-box .header-top-search ul li.lang-item select { background: transparent; border: none; color: #FFFFFF; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 15px; } .xs-header-top.header-top-box .header-top-search ul li.lang-item select option { color: #282828; } .xs-header-top.header-top-box .header-top-search ul li.lang-item:after { position: absolute; right: 0; top: 2px; color: #FFFFFF; content: "\E96C"; font-size: 10px; font-family: "iconfont"; } .xs-header-top.header-top-border { background: #489f10; } .xs-header-top.header-top-border::before { display: none; } .xs-header-top.header-top-border .header-top-info ul { display: inline-block; border-left: 1px solid #5eb923; border-right: 1px solid #5eb923; } .xs-header-top.header-top-border .header-top-info ul li { padding: 0 25px; color: #a6ec78; } .xs-header-top.header-top-border .header-top-social { text-align: right; } .xs-header-top.header-top-border .header-top-social ul { padding: 0 20px; display: inline-block; border-left: 1px solid #5eb923; border-right: 1px solid #5eb923; } .xs-header-top.header-top-border .header-top-social ul li { line-height: 45px; } .xs-header-top.header-top-border .header-top-social ul li a { color: #a6ec78; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .xs-header-top.header-top-border .header-top-social ul li a:hover { color: #FFFFFF; } /*================================= start xs-header-middle =================================*/ .xs-header-middle { position: relative; padding: 30px 0; /*------- index v2---*/ /*------- index v4---*/ } .xs-header-middle .header-middle-info { position: relative; } .xs-header-middle .header-middle-info ul li { display: inline-block; position: relative; padding-left: 50px; margin-left: 76px; } .xs-header-middle .header-middle-info ul li:first-child { margin-left: 0; } .xs-header-middle .header-middle-info ul li label { margin-bottom: 0; font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 600; color: #282828; line-height: 18px; } .xs-header-middle .header-middle-info ul li p { margin-bottom: 0; font-family: "Poppins", sans-serif; } .xs-header-middle .header-middle-info ul li i { position: absolute; left: 0; bottom: 0; margin: auto; font-size: 30px; color: #027313; top: 45%; transform: translateY(-50%); } .xs-header-middle.v2 .header-middle-info ul li i { color: #489f10; } .xs-header-middle.header-v2-top .header-middle-info ul li { margin-left: 50px; } .xs-header-middle.header-v2-top .header-middle-info ul li i { color: #489f10; font-size: 25px; } .xs-header-middle.header-v2-top .header-middle-info ul li label { color: #489f10; } .xs-header-middle.header-v2-top .header-middle-info ul li:before { position: absolute; right: -29px; top: 0; width: 1px; height: 100%; background: #ededed; content: ""; } .xs-header-middle.header-v2-top .header-middle-info ul li:last-child:before { display: none; } .xs-header-middle.header-v2-top .header-middle-info ul li:last-child { padding-left: 10px; } .xs-header-middle.header-v2-top .header-middle-info ul li .header-v2-social a { display: inline-block; font-size: 12px; color: #555555; padding: 0 12px 0 0; } .xs-header-middle.header-middle-v4 .header-middle-info ul li i { border: 1px solid #6d6d6d; transform: translate(0%); top: 0; width: 50px; height: 50px; border: 1px solid #eeeeee; padding: 10px; left: -17px; } .xs-header-middle.header-middle-v4 .header-middle-info ul li:last-child { border: 1px solid #eee; padding-right: 20px; padding: 9px 23px 9px 50px; position: relative; top: -9px; } .xs-header-middle.header-middle-v4 .header-middle-info ul li:last-child i { border: none; width: auto; height: auto; left: 5px; font-size: 17px; top: 1px; } .xs-header-middle.header-middle-v4 .header-middle-info ul li:last-child label a { color: #282828; } /*================================= start xs-header-nav =================================*/ .xs-header-nav { position: relative; min-height: 30px; /*------ v2--------*/ /*--- header nav v4 --*/ } .xs-header-nav .menu-item { margin: 0 0; } .xs-header-nav .header-nav { background: #027313; height: auto; min-height: 65px; position: absolute; z-index: 22; left: 0; top: 0; width: 100%; } .xs-header-nav .header-nav:after { position: absolute; right: -20px; top: 0; content: ""; border-style: solid; border-width: 30px 0 0 20px; border-color: transparent transparent transparent #004b1e; } .xs-header-nav .header-nav .mobile-logo { display: none; } .xs-header-nav .header-nav .nav-menu > li > a { font-size: 14px; line-height: 27px; color: #FFFFFF; height: auto; padding: 20px 27px; border-left: 1px solid #148e45; border-right: 1px solid #007730; font-family: "Poppins", sans-serif; font-weight: 500; text-transform: capitalize; letter-spacing: 0; } .xs-header-nav .header-nav .nav-menu > li > a:hover { background: #004b1e; } .xs-header-nav .header-nav .nav-menu > li > a .submenu-indicator { margin-top: 9px; } .xs-header-nav .header-nav .nav-menu > li > a .submenu-indicator .submenu-indicator-chevron { border-color: transparent #ffffff #fbfbfb transparent; } .xs-header-nav .header-nav .nav-menu > li:last-child a { border-right: 0; } .xs-header-nav .header-nav .nav-menu > li .nav-dropdown > li > a { padding: 13px 20px; font-size: 13px; color: #282828; border-bottom: 1px solid #f1f1f1; text-transform: capitalize; } .xs-header-nav .header-nav .nav-menu > li .nav-dropdown > li > a:hover { color: #027313; } .xs-header-nav .header-nav .header-nav-right-info { padding: 20px 30px; background: #191919; } .xs-header-nav .header-nav .header-nav-right-info label { font-size: 16px; font-family: "Poppins", sans-serif; font-weight: 600; color: #FFFFFF; margin-bottom: 0; } .xs-header-nav .header-nav .header-nav-right-info label i { font-size: 20px; margin-right: 12px; position: relative; top: 3px; } .xs-header-nav.version-v2 .header-nav { background: #3a7d0e; } .xs-header-nav.version-v2 .header-nav:before { position: absolute; left: -20px; top: 0; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 30px 20px; border-color: transparent transparent #225003 transparent; line-height: 0px; } .xs-header-nav.version-v2 .header-nav:after { border-color: transparent transparent transparent #225003; } .xs-header-nav.version-v2 .header-nav .nav-menu > li > a { border-left: 1px solid #316b0b; border-right: 1px solid #3c8e06; } .xs-header-nav.version-v2 .header-nav .nav-menu > li > a:hover { background: #489f10; } .xs-header-nav.xs-heder-nav-v2 { min-height: 0; } .xs-header-nav.xs-heder-nav-v2 .header-nav { background: rgba(16, 16, 16, 0.6); } .xs-header-nav.xs-heder-nav-v2 .header-nav:before { display: none; } .xs-header-nav.xs-heder-nav-v2 .header-nav:after { display: none; } .xs-header-nav.xs-heder-nav-v2 .header-nav .nav-menu > li > a { border-left: none; border-right: none; position: relative; } .xs-header-nav.xs-heder-nav-v2 .header-nav .nav-menu > li > a:before { position: absolute; left: 0; bottom: 0px; content: ""; background: #489f10; height: 2px; width: 100%; opacity: 0; visibility: hidden; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .xs-header-nav.xs-heder-nav-v2 .header-nav .nav-menu > li > a:hover { background: transparent; } .xs-header-nav.xs-heder-nav-v2 .header-nav .nav-menu > li > a:hover:before { opacity: 1; visibility: visible; } .xs-header-nav.xs-heder-nav-v2 .header-nav .nav-menu > li .nav-dropdown > li > a:hover { color: #489f10; } .xs-header-nav.xs-heder-nav-v2 .header-nav .header-nav-right-info { background: #489f10; } .xs-header-nav.xs-heder-nav-v4 .header-nav { background: #101010; } .xs-header-nav.xs-heder-nav-v4 .header-nav:before, .xs-header-nav.xs-heder-nav-v4 .header-nav:after { display: none; } .xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menu { position: relative; } .xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menu > li { padding: 0 28px; } .xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menu > li > a { border-left: none; border-right: none; position: relative; padding: 20px 0; } .xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menu > li > a::before { position: absolute; left: 0; bottom: 0px; content: ""; background: #489f10; height: 2px; width: 100%; opacity: 0; visibility: hidden; transition: all ease 500ms; -moz-transition: all ease 500ms; -webkit-transition: all ease 500ms; -ms-transition: all ease 500ms; -o-transition: all ease 500ms; } .xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menu > li > a::after { position: absolute; right: -30px; bottom: 0px; content: ""; background: #222; width: 1px; height: 20px; top: 0; margin: auto; } .xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menu > li > a:hover { background: transparent; } .xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menu > li:hover a:before { opacity: 1; visibility: visible; } .xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menus-wrapper::before { position: absolute; top: 0; width: 82%; height: 82%; border: 1px dashed #383838; content: ""; bottom: 0; margin: auto; left: 5px; } .xs-header-nav.xs-heder-nav-v4 .header-nav .header-nav-right-info { background: #489f10; position: relative; } .xs-header-nav.xs-heder-nav-v4 .header-nav .header-nav-right-info::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 95%; content: ""; border: 1px dotted #f5f5f5; height: 84%; } /*================================= start xs-banner-sec =================================*/ .xs-banner-sec { position: relative; /*------ slider effect ----*/ /*---------- xs banner v2-------*/ } .xs-banner-sec .banner-slider-item { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 714px; } .xs-banner-sec .banner-slider-item:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.35); } .xs-banner-sec .banner-slider-item .slider-table { display: table; width: 100%; height: 100%; } .xs-banner-sec .banner-slider-item .slider-table .slider-table-cell { display: table-cell; width: 100%; height: auto; vertical-align: middle; } .xs-banner-sec .banner-slider-item.banner-item2 .banner-content p { padding: 0 160px 0 0; } .xs-banner-sec .banner-slider-item.banner-item3 .banner-content p { padding: 0 0px 0 50px; } .xs-banner-sec .banner-slider-item .banner-content { position: relative; margin-bottom: 43px; } .xs-banner-sec .banner-slider-item .banner-content h2 { color: #FFFFFF; font-weight: 700; margin-bottom: 26px; font-size: 72px; line-height: 60px; } .xs-banner-sec .banner-slider-item .banner-content p { color: #ededed; font-size: 18px; line-height: 30px; margin-bottom: 34px; padding: 0px 80px; } .xs-banner-sec .banner-slider-item.banner-item2:before, .xs-banner-sec .banner-slider-item.banner-item3:before { background: rgba(0, 0, 0, 0.68); } .xs-banner-sec.banner-slider .owl-item.active .banner-slider-item .banner-content h2 { -webkit-animation-name: fadeLeft; animation-name: fadeLeft; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .xs-banner-sec.banner-slider .owl-item.active .banner-slider-item .banner-content p { -webkit-animation-name: fadeRight; animation-name: fadeRight; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .xs-banner-sec.banner-slider .owl-item.active .banner-slider-item .banner-content .xs-btn-wraper { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .xs-banner-sec.banner-slider .owl-nav > div { position: absolute; left: 0; width: 53px; height: 53px; background: rgba(255, 255, 255, 0.14); display: block; text-align: center; font-size: 16px; line-height: 16px; color: #FFFFFF; top: 50%; padding: 18px 0; transform: translateY(-50%); } .xs-banner-sec.banner-slider .owl-nav > div i { font-family: "iconfont"; } .xs-banner-sec.banner-slider .owl-nav > div.owl-prev { left: 3%; right: auto; } .xs-banner-sec.banner-slider .owl-nav > div.owl-next { right: 3%; left: auto; } .xs-banner-sec.xs-banner-v2-sec .banner-slider-item:before { background: rgba(0, 0, 0, 0.6); } .xs-banner-sec.xs-banner-v2-sec .banner-slider-item .banner-content { margin-top: 55px; margin-bottom: 0px; } .xs-banner-sec.xs-banner-v2-sec .banner-slider-item .banner-content h2 { font-size: 50px; } .xs-banner-sec.xs-banner-v2-sec .banner-slider-item .banner-content .xs-btn-wraper .xs-btn { background: #489f10; border-color: #489f10; } .xs-banner-sec.xs-banner-v2-sec .banner-slider-item .banner-content .xs-btn-wraper .xs-btn.fill { background: transparent; border-color: #FFFFFF; } .xs-banner-sec.xs-banner-v2-sec .banner-slider-item .banner-content .xs-btn-wraper .xs-btn.fill:hover { background: #489f10; border-color: #489f10; } /*================================= start promo area section =================================*/ .promo-area-sec { position: relative; } .promo-area-sec .promo-content-item { margin-top: -80px; background: #FFFFFF; position: relative; z-index: 1; padding: 80px 20px 80px; box-shadow: 0px 4px 29px 3px rgba(0, 0, 0, 0.1); } .promo-area-sec .promo-content-item:before { position: absolute; left: 0; bottom: 0; content: ""; background: url(../images/promo-shap.png) no-repeat center center/cover; width: 100%; height: 40px; } .promo-area-sec .promo-content-item .single-promo-content { text-align: center; position: relative; } .promo-area-sec .promo-content-item .single-promo-content:before { position: absolute; right: -14px; top: 0; width: 1px; height: 100%; content: ""; background: #eeeeee; } .promo-area-sec .promo-content-item .single-promo-content i { margin-bottom: 28px; display: block; font-size: 48px; color: #027313; } .promo-area-sec .promo-content-item .single-promo-content h5 { font-weight: 600; margin-bottom: 12px; } .promo-area-sec .promo-content-item .single-promo-content p { padding: 0 20px; margin-bottom: 24px; } .promo-area-sec .promo-content-item .single-promo-content .xs-btn { padding: 0 20px; line-height: 37px; font-size: 12px; font-weight: 400; } .promo-area-sec .promo-content-item .col-md-4:last-of-type .single-promo-content:before { display: none; } /*================================= start about us section =================================*/ .about-sec { position: relative; } .about-sec .about-content p { margin-bottom: 40px; } .about-sec .about-video-item { margin-left: 40px; } .about-sec .about-video-item .about-video-img { position: relative; width: 88%; } .about-sec .about-video-item .about-video-img img { width: 100%; box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15); } .about-sec .about-video-item .about-video-img a.xs-video { display: block; width: 73px; height: 73px; background: #FFFFFF; position: absolute; left: 0; padding: 24px 0px; bottom: 0; font-size: 20px; text-align: center; border-radius: 50%; color: #027313; left: 0; top: 0; margin: auto; right: 0; } .about-sec .about-video-item .about-video-img a.xs-video:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; border: 20px solid rgba(255, 255, 255, 0.3); border-radius: 50%; content: ""; -webkit-animation: move 3s infinite ease-in-out; animation: move 3s infinite ease-in-out; } .about-sec .about-video-item .about-img2 { width: 87%; display: block; margin-right: 0; margin-left: auto; margin-top: -282px; box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15); } .about-sec.about-v2-sec .about-tabs-menu a { display: block; width: 100%; padding: 20px 5px; border: 1px solid #ededed; text-align: center; color: #484868; font-family: "Poppins", sans-serif; font-weight: 600; position: relative; margin-bottom: 15px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .about-sec.about-v2-sec .about-tabs-menu a i { display: block; text-align: center; font-size: 50px; margin-bottom: 12px; } .about-sec.about-v2-sec .about-tabs-menu a.active { background: #489f10; color: #FFFFFF; position: relative; } .about-sec.about-v2-sec .about-tabs-menu a.active:before { position: absolute; right: -12px; top: 50%; margin: auto; content: ""; border-style: solid; border-width: 10px 0 10px 12px; border-color: transparent transparent transparent #489f10; transform: translateY(-50%); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .about-sec.about-v2-sec .about-tabs-item { margin-left: 30px; } .about-sec.about-v2-sec .about-tabs-item .about-tabs-img { position: relative; } .about-sec.about-v2-sec .about-tabs-item .about-tabs-img img { width: 100%; } .about-sec.about-v2-sec .about-tabs-item .about-tabs-img:before { position: absolute; left: 0; top: 0; width: 90%; height: 90%; border: 1px solid #ededed; content: ""; margin: auto; display: block; right: 0; bottom: 0; } .about-sec.about-v2-sec .about-tabs-item .about-tabs-content { margin-left: 20px; } .about-sec.about-v2-sec .about-tabs-item .about-tabs-content h3 { font-size: 24px; font-weight: 700; line-height: 40px; margin-bottom: 20px; } .about-sec.about-v2-sec .about-tabs-item .about-tabs-content p { margin-bottom: 20px; } .about-sec.about-v2-sec .about-tabs-item .about-tabs-content ul { margin-left: 15px; margin-bottom: 32px; } .about-sec.about-v2-sec .about-tabs-item .about-tabs-content ul li { color: #6d6d6d; font-family: "Open Sans", sans-serif; position: relative; padding-left: 30px; line-height: 28px; margin-bottom: 6px; } .about-sec.about-v2-sec .about-tabs-item .about-tabs-content ul li i { position: absolute; left: 0; top: 7px; color: #489f10; } .about-sec.about-v2-sec .about-tabs-item .about-tabs-content .xs-v2-btn { text-transform: uppercase; } .about-sec.about-v2-sec .about-tabs-item .tab-pane.active { -webkit-animation-name: fadeRight; animation-name: fadeRight; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes move { 0% { transform: scale(1) rotate(0deg); } 40% { transform: scale(1.5) rotate(0.1deg); } } @keyframes move { 0% { transform: scale(1) rotate(0deg); } 40% { transform: scale(1.5) rotate(0.1deg); } } /*================================= start service section =================================*/ .service-sec { background: url(../images/service-bg.jpg) no-repeat center center/cover; padding-bottom: 25px; } .service-sec .single-service { text-align: center; margin-bottom: 30px; } .service-sec .single-service:hover .service-img i { background: #027313; transform: rotate(360deg); color: #FFFFFF; } .service-sec .single-service:hover .readMore { opacity: 1; visibility: visible; } .service-sec .single-service .service-img { position: relative; margin-bottom: 10px; } .service-sec .single-service .service-img i { margin: -50px auto auto; width: 90px; height: 90px; border-radius: 50%; display: block; background: #FFFFFF; text-align: center; font-size: 38px; padding: 25px 0; color: #027313; position: relative; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .service-sec .single-service p { margin-bottom: 15px; } .service-sec .single-service .xs-service-title a { color: #282828; } .service-sec .single-service .xs-service-title a:hover { color: #027313; } .service-sec .single-service .readMore { font-size: 14px; font-weight: 600; color: #027313; font-family: "Poppins", sans-serif; opacity: 0; visibility: hidden; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .service-sec .single-service .readMore i { font-family: "iconfont"; position: relative; top: 2px; left: 3px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .service-sec .single-service .readMore:hover i { left: 10px; } /*----------- v2 service ------------*/ .service-v2-sec { background: #FFFFFF; } .service-v2-sec .single-services-item { padding-right: 95px; margin-bottom: 42px; } .service-v2-sec .single-services-item i { font-size: 45px; color: #489f10; display: block; margin-bottom: 22px; } .service-v2-sec .single-services-item .xs-service-title { font-size: 20px; } /*================================= start service inner section =================================*/ .service-inner-sec { /*----------- single service page---------*/ } .service-inner-sec .service-sidebar { position: relative; } .service-inner-sec .service-sidebar .widgets { margin-bottom: 80px; } .service-inner-sec .service-sidebar .widgets .widget-title { color: #027313; margin-bottom: 34px; } .service-inner-sec .service-sidebar .widgets .widget-title span { font-weight: 400; color: #282828; } .service-inner-sec .service-sidebar .widgets .services-link-item li a { color: #6d6d6d; border-bottom: 1px solid #eeeeee; display: block; padding: 12px 20px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; position: relative; font-family: "Open Sans", sans-serif; } .service-inner-sec .service-sidebar .widgets .services-link-item li a::before { position: absolute; right: 20px; top: 11px; font-family: "Fontawesome"; font-size: 14px; content: "\F105"; } .service-inner-sec .service-sidebar .widgets .services-link-item li.active a, .service-inner-sec .service-sidebar .widgets .services-link-item li:hover a { background: #027313; color: #FFFFFF; } .service-inner-sec .service-sidebar .widgets .services-link-item li:last-child a { border-bottom: none; } .service-inner-sec .service-sidebar .widgets .brochures-list li a { color: #6d6d6d; position: relative; display: block; padding: 10px 20px 10px 62px; color: #6d6d6d; background: #f7f7f7; margin-bottom: 15px; font-family: "Open Sans", sans-serif; } .service-inner-sec .service-sidebar .widgets .brochures-list li a i { position: absolute; left: 0; top: 0; width: 45px; height: 45px; padding: 17px 0; background: #027313; color: #FFFFFF; text-align: center; } .service-inner-sec .service-sidebar .widgets .brochures-list li:last-child a { margin-bottom: 0; } .service-inner-sec .service-sidebar .widgets .contact-list li { color: #6d6d6d; position: relative; padding-left: 45px; font-family: "Open Sans", sans-serif; margin-bottom: 10px; } .service-inner-sec .service-sidebar .widgets .contact-list li label { font-weight: 600; font-family: "Poppins", sans-serif; display: block; color: #027313; margin-bottom: 0; } .service-inner-sec .service-sidebar .widgets .contact-list li i { position: absolute; left: 0; top: 8px; font-size: 20px; color: #027313; } .service-inner-sec .service-sidebar .widgets:last-of-type { margin-bottom: 0; } .service-inner-sec .service-sidebar .widgets.testmonial-widget { padding: 35px; border: 1px solid #eeeeee; } .service-inner-sec .service-sidebar .widgets.testmonial-widget .single-testmonial-widget { text-align: center; } .service-inner-sec .service-sidebar .widgets.testmonial-widget .single-testmonial-widget i.testmonial-icon { width: 75px; height: 75px; border-radius: 50%; background: #027313; color: #FFFFFF; font-size: 28px; margin: auto; padding: 24px 0; text-align: center; margin-bottom: 30px; } .service-inner-sec .service-sidebar .widgets.testmonial-widget .single-testmonial-widget p { margin-bottom: 27px; font-family: "Poppins", sans-serif; color: #101010; font-weight: 300; } .service-inner-sec .service-sidebar .widgets.testmonial-widget .single-testmonial-widget .author-rating i { color: #027313; margin: 0 2px; } .service-inner-sec .service-sidebar .widgets.testmonial-widget .single-testmonial-widget .author-rating label { margin-bottom: 0; margin-left: 5px; color: #6d6d6d; } .service-inner-sec .service-sidebar .widgets.testmonial-widget .owl-dots { text-align: center; margin-top: 20px; margin-bottom: -6px; } .service-inner-sec .service-sidebar .widgets.testmonial-widget .owl-dots .owl-dot { width: 10px; height: 10px; border-radius: 50%; background: #eeeeee; display: inline-block; margin: 0 4px; } .service-inner-sec .service-sidebar .widgets.testmonial-widget .owl-dots .owl-dot.active { background: #6d6d6d; } .service-inner-sec .service-sidebar .widgets.call-to-action { background: #027313; text-align: center; padding: 40px; } .service-inner-sec .service-sidebar .widgets.call-to-action h3 { font-size: 24px; color: #FFFFFF; font-weight: 700; margin-bottom: 25px; } .service-inner-sec .service-sidebar .widgets.call-to-action p { color: #FFFFFF; margin-bottom: 31px; } .service-inner-sec .service-sidebar .widgets.call-to-action .xs-btn { background: #FFFFFF; color: #282828; border-radius: 6px; } .service-inner-sec .single-services-item { padding-right: 0; margin-bottom: 72px; } .service-inner-sec .single-services-item img { width: 100%; margin-bottom: 20px; } .service-inner-sec .single-services-item .xs-service-title { font-size: 18px; margin-bottom: 13px; } .service-inner-sec .single-services-item .xs-service-title a { color: #282828; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .service-inner-sec .single-services-item .xs-service-title a:hover { color: #027313; } .service-inner-sec .single-service-post-content { margin-bottom: 55px; } .service-inner-sec .single-service-post-content h2 { font-weight: 700; margin-bottom: 60px; } .service-inner-sec .single-service-post-content h2 span { font-weight: 400; } .service-inner-sec .single-service-post-content img { margin-bottom: 54px; } .service-inner-sec .single-service-post-content p { margin-bottom: 22px; } .service-inner-sec .key-benifits-content ul li { font-family: "Open Sans", sans-serif; color: #6d6d6d; position: relative; line-height: 36px; padding-left: 18px; } .service-inner-sec .key-benifits-content ul li i { position: absolute; left: 0; top: 11px; } .service-inner-sec .populer-question-item h3.xs-service-title { font-size: 24px; margin-bottom: 40px; } .service-inner-sec .populer-question-item .single-services-item { margin-bottom: 0; } .service-inner-sec .populer-question-item .single-services-item .date-info { font-family: "Open Sans", sans-serif; color: #6d6d6d; display: block; margin-bottom: 5px; } .service-inner-sec .populer-question-item .single-services-item .xs-post-title { margin-bottom: 12px; } .service-inner-sec .populer-question-item .single-services-item .xs-post-title a { color: #282828; } .service-inner-sec .populer-question-item .single-services-item .xs-post-title a:hover { color: #027313; } .service-inner-sec .populer-question-item .single-services-item .readMore { color: #027313; border-bottom: 1px solid #027313; } .service-inner-sec .populer-question-item .faq-list-item .faq-single-item { margin-bottom: 15px; } .service-inner-sec .populer-question-item .faq-list-item .faq-single-item .card-header { border-bottom: none; padding: 0; background: transparent; } .service-inner-sec .populer-question-item .faq-list-item .faq-single-item .card-header h4 { margin-bottom: 0; } .service-inner-sec .populer-question-item .faq-list-item .faq-single-item .card-header h4 .btn-link { font-size: 16px; color: #282828; text-decoration: none; font-weight: 600; padding-left: 82px; min-height: 60px; position: relative; display: block; margin-right: 0; width: 100%; padding-right: 20px; text-align: left; } .service-inner-sec .populer-question-item .faq-list-item .faq-single-item .card-header h4 .btn-link::before { position: absolute; right: 0; top: 19px; font-size: 14px; content: "\E873"; font-family: "iconfont"; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .service-inner-sec .populer-question-item .faq-list-item .faq-single-item .card-header h4 .btn-link span { position: absolute; left: 0; top: 0; width: 60px; height: 60px; padding: 17px 0; display: block; text-align: center; background: #027313; color: #FFFFFF; border-radius: 6px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .service-inner-sec .populer-question-item .faq-list-item .faq-single-item .card-header h4 .btn-link.collapsed { color: #027313; } .service-inner-sec .populer-question-item .faq-list-item .faq-single-item .card-header h4 .btn-link.collapsed::before { content: "\E874"; } .service-inner-sec .populer-question-item .faq-list-item .faq-single-item .card-header h4 .btn-link.collapsed span { background: #eeeeee; color: #282828; } .service-inner-sec .populer-question-item .faq-list-item .faq-single-item .card-body { padding-left: 84px; } /*================================= service inner v2 =================================*/ .service-inner-v2-sec { padding-bottom: 80px; } .service-inner-v2-sec .service-v2-item { margin-top: -70px; position: relative; margin-bottom: -60px; } .service-inner-v2-sec .service-v2-item .single-service-v2-img img { width: 100%; } .service-inner-v2-sec .service-v2-item .single-service-v2-content h3 { font-size: 36px; font-weight: 700; line-height: 48px; } .service-inner-v2-sec .single-service-v2-item { position: relative; padding: 40px 40px 40px 50px; margin-left: 65px; } .service-inner-v2-sec .single-service-v2-item .single-service-v2-content p { margin-bottom: 25px; } .service-inner-v2-sec .single-service-v2-item .single-service-v2-content .load-more-btn { padding: 0 40px; margin: 0; line-height: 44px; border: 1px solid #027313; color: #027313; display: inline-block; font-weight: 600; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .service-inner-v2-sec .single-service-v2-item .single-service-v2-content .load-more-btn:hover { color: #FFFFFF; background: #027313; } .service-inner-v2-sec .single-service-v2-item .single-service-v2-img { position: relative; padding-left: 53px; } .service-inner-v2-sec .single-service-v2-item .single-service-v2-img img { width: 100%; } .service-inner-v2-sec .single-service-v2-item .single-service-v2-img i { position: absolute; left: 0; top: 0; width: 114px; height: 114px; background: #027313; color: #FFFFFF; bottom: 0; margin: auto; display: block; text-align: center; font-size: 45px; padding: 32px 0; } .service-inner-v2-sec .single-service-v2-item.single-service-v2-item-1 { margin-left: 0; padding-left: 0; } .service-inner-v2-sec .single-service-v2-item.single-service-v2-item-1 .single-service-v2-img { padding-left: 0; padding-right: 53px; } .service-inner-v2-sec .single-service-v2-item.single-service-v2-item-1 .single-service-v2-img i { left: auto; right: 0; } /*================================= single service inner v2 =================================*/ .main-single-service-v2 { /*------------- covered item ------*/ /*-------------key benifits item ------*/ /*--------------- related case -------------*/ } .main-single-service-v2 .single-service-post-content { position: relative; text-align: center; margin-bottom: 80px; } .main-single-service-v2 .single-service-post-content i { height: 146px; width: 146px; border-radius: 50%; display: block; background: #027313; text-align: center; margin: auto; font-size: 60px; color: #FFFFFF; padding: 43px 0; position: relative; margin-top: -129px; margin-bottom: 52px; } .main-single-service-v2 .single-service-post-content .column-title { font-weight: 600; margin-bottom: 40px; padding: 0 78px; } .main-single-service-v2 .single-service-post-content p { padding: 0 78px; } .main-single-service-v2 .coverd-item { margin-bottom: 100px; } .main-single-service-v2 .coverd-item .xs-single-title { text-align: center; margin-bottom: 65px; } .main-single-service-v2 .coverd-item .single-covered-item { text-align: center; } .main-single-service-v2 .coverd-item .single-covered-item i { font-size: 60px; color: #027313; display: block; margin-bottom: 23px; } .main-single-service-v2 .coverd-item .single-covered-item .xs-post-title { font-weight: 400; color: #027313; } .main-single-service-v2 .coverd-item .xs-coverd-item { border-right: 1px solid #e3e3e3; } .main-single-service-v2 .coverd-item .xs-coverd-item:last-of-type { border-right: none; } .main-single-service-v2 .key-benifits-item h3 { font-size: 30px; } .main-single-service-v2 .key-benifits-item .key-benifits-img img { width: 100%; } .main-single-service-v2 .key-benifits-item .key-benifits-content { padding: 0 70px; } .main-single-service-v2 .key-benifits-item .key-benifits-content ul { margin-bottom: 32px; } .main-single-service-v2 .key-benifits-item .xs-btn { border-color: #027313; color: #027313; margin-left: 0; } .main-single-service-v2 .key-benifits-item .xs-btn:hover { color: #FFFFFF; } .main-single-service-v2 .related-case-item .xs-single-title { margin-bottom: 58px; text-align: center; } .main-single-service-v2 .related-case-item .single-related-case { position: relative; overflow: hidden; } .main-single-service-v2 .related-case-item .single-related-case::before { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(16, 16, 16, 0.75); opacity: 0; visibility: hidden; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-single-service-v2 .related-case-item .single-related-case img { width: 100%; height: auto; } .main-single-service-v2 .related-case-item .single-related-case .overlay-content { position: absolute; left: 0; top: 100%; width: 86%; right: 0; margin: auto; transform: translateY(-50%); text-align: center; opacity: 0; visibility: hidden; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-single-service-v2 .related-case-item .single-related-case .overlay-content .xs-single-title { color: #027313; margin-bottom: 15px; } .main-single-service-v2 .related-case-item .single-related-case .overlay-content p { color: #d6d6d6; } .main-single-service-v2 .related-case-item .single-related-case:hover:before { opacity: 1; visibility: visible; } .main-single-service-v2 .related-case-item .single-related-case:hover .overlay-content { opacity: 1; visibility: visible; top: 50%; } /*================================= start recent work section =================================*/ .recent-work-sec { /*---- start our project section ---*/ } .recent-work-sec .section-title-item .section-title { margin-bottom: 40px; } .recent-work-sec .recent-folio-menu { text-align: center; margin-bottom: 30px; } .recent-work-sec .recent-folio-menu ul li { display: inline-block; font-size: 14px; font-weight: 600; color: #282828; padding: 0 16px; cursor: pointer; position: relative; } .recent-work-sec .recent-folio-menu ul li:before { position: absolute; right: 0; top: 3px; width: 1px; height: 20px; content: ""; background: #e0e0e0; transform: rotate(18deg); margin: auto; } .recent-work-sec .recent-folio-menu ul li.active { color: #027313; } .recent-work-sec .recent-folio-menu ul li.active:before { background: #027313; } .recent-work-sec .recent-folio-menu ul li:last-child:before { display: none; } .recent-work-sec .single-recent-work { position: relative; width: 100%; overflow: hidden; margin-bottom: 60px; } .recent-work-sec .single-recent-work img { width: 100%; height: 100%; transform: scale(1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .recent-work-sec .single-recent-work:hover img { transform: scale(1.2); } .recent-work-sec .single-recent-work .recet-work-footer i { position: absolute; left: 0; bottom: 0; min-width: 72px; height: 62px; font-size: 30px; color: #ebf4ef; background: #004b1e; display: block; text-align: center; padding: 16px 0; z-index: 1; } .recent-work-sec .single-recent-work .recet-work-footer h3 { position: absolute; left: 0; bottom: 0; font-size: 18px; width: 100%; min-height: 50px; color: #FFFFFF; background: rgba(0, 132, 53, 0.9); margin: 0; padding: 11px 0 10px 111px; } .recent-work-sec #mixcontent .mix { display: none; } .recent-work-sec .load-more-btn { margin-top: 0; } .recent-work-sec.our-project-sec .recent-folio-menu ul li { color: #6d6d6d; padding: 0; margin: 0 16px; } .recent-work-sec.our-project-sec .recent-folio-menu ul li.active { border-bottom: 3px solid #489f10; } .recent-work-sec.our-project-sec .recent-folio-menu ul li.active:before { background: #ededed; } .recent-work-sec.our-project-sec .recent-folio-menu ul li:before { transform: rotate(0deg); right: -15px; } .xs-portfolio-grid { margin-bottom: 80px; } .xs-portfolio-grid-item { max-width: 100%; border: 2px solid #fff; position: relative; overflow: hidden; } .xs-portfolio-grid-item .single-project-content { position: absolute; left: 0px; bottom: -120%; right: 0px; text-align: center; margin: auto; background: rgba(16, 16, 16, 0.7); padding: 20px 20px 8px; transition: all 0.5s ease; opacity: 0; } .xs-portfolio-grid-item .single-project-content .xs-image-popup-icon { width: 45px; height: 45px; border-radius: 50%; background: #489f10; color: #FFFFFF; display: block; margin: auto; font-size: 20px; padding: 11px; margin-top: -43px; margin-bottom: 22px; } .xs-portfolio-grid-item .single-project-content .xs-single-title { color: #FFFFFF; font-weight: 700; position: relative; padding-bottom: 17px; } .xs-portfolio-grid-item .single-project-content .xs-single-title:before { position: absolute; left: 0px; bottom: 0px; content: ""; height: 1px; width: 75px; right: 0px; background: #489f10; margin: auto; } .xs-portfolio-grid-item .single-project-content p { color: #ebebeb; } .xs-portfolio-grid-item:hover .single-project-content { opacity: 1; bottom: 0; } .xs-gallery-popup-item { position: relative; background: #FFFFFF; width: auto; margin: 20px auto; } .xs-popup-img img { width: 100%; } .xs-popup-content { position: relative; padding: 48px 0; margin: 0 27px; } .xs-popup-content .hidden-title { position: absolute; left: 0; top: 42px; bottom: 0; font-size: 65px; font-weight: 700; color: #f7f7f7; line-height: 20px; text-transform: uppercase; } .xs-popup-content h3 { font-size: 30px; position: relative; padding-bottom: 18px; margin-bottom: 33px; } .xs-popup-content h3:before { position: absolute; left: 0; bottom: 0; content: ""; background: #027313; width: 110px; height: 3px; } .xs-popup-content .xs-popup-left-content { border-right: 1px solid #eeeeee; padding-right: 15px; } .xs-popup-content .xs-popup-left-content li { display: block; position: relative; padding: 8px 0 8px 40px; border-bottom: 1px solid #eeeeee; } .xs-popup-content .xs-popup-left-content li i { position: absolute; left: 0; top: 15px; font-size: 18px; color: #027313; } .xs-popup-content .xs-popup-left-content li label, .xs-popup-content .xs-popup-left-content li span { display: block; margin: 0; } .xs-popup-content .xs-popup-left-content li label { color: #282828; font-weight: 600; } .xs-popup-content .xs-popup-left-content li span { color: #6d6d6d; } .xs-popup-content .xs-popup-left-content li:last-of-type { border-bottom: none; } .xs-popup-content .xs-popup-right-content p, .xs-popup-content .xs-popup-right-content blockquote { margin-bottom: 22px; } .xs-popup-content .xs-popup-right-content blockquote { color: #027313; } .xs-popup-content .xs-popup-right-content .xs-btn { margin-top: 30px; } .gallery-sec.recent-work-sec .recent-folio-menu { margin-bottom: 57px; } .gallery-sec.recent-work-sec .recent-folio-menu ul li.active { border-color: #027313; } .gallery-sec.recent-work-sec .xs-portfolio-grid-item .single-project-content .xs-image-popup-icon, .gallery-sec.recent-work-sec .xs-portfolio-grid-item .single-project-content .xs-single-title:before { background: #027313; } /*================================= start why choose us section =================================*/ .why-choose-us-sec .why-choose-img { position: relative; margin-right: 20px; margin-bottom: 20px; } .why-choose-us-sec .why-choose-img:after { position: absolute; right: -20px; bottom: -20px; width: 100%; height: 100%; content: ""; border-right: 20px solid #027313; border-bottom: 20px solid #027313; } .why-choose-us-sec .why-choose-img img { width: 100%; } .why-choose-us-sec .why-choose-content { margin-left: 30px; } .why-choose-us-sec .why-choose-content .single-why-choose-list { margin-top: 50px; } .why-choose-us-sec .why-choose-content .single-why-choose-list h3 { padding-left: 46px; position: relative; font-size: 16px; } .why-choose-us-sec .why-choose-content .single-why-choose-list h3 i { position: absolute; left: 0; top: 0; font-size: 30px; color: #027313; } .why-choose-us-sec .why-choose-content .single-why-choose-list p { margin-bottom: 0; } .why-choose-us-sec.why-choose-inner { padding-bottom: 60px; } .why-choose-us-sec.why-choose-inner .column-title2.column-title { margin-bottom: 70px; } .why-choose-us-sec.why-choose-inner .single-why-choose-list { margin-top: 0px; margin-bottom: 46px; padding-left: 100px; position: relative; padding-right: 10px; } .why-choose-us-sec.why-choose-inner .single-why-choose-list i { position: absolute; left: 0; top: 6px; font-size: 36px; background: #027313; color: #FFFFFF; width: 70px; height: 70px; display: block; text-align: center; padding: 16px 0; } .why-choose-us-sec.why-choose-inner .single-why-choose-list h3 { padding-left: 0; margin-bottom: 6px; font-size: 20px; } .why-choose-us-sec.why-choose-inner .why-choose-inner-img { width: 120%; } .why-choose-us-sec.why-choose-inner .why-choose-inner-img img { width: 100%; } .why-choose-us-sec.v4 .single-why-choose-list i { background: #489f10; } /*================================= start funfact section =================================*/ .funfact-sec { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; } .funfact-sec .section-title-item .section-title { margin-bottom: 55px; } .funfact-sec:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 132, 53, 0.96); } .funfact-sec .single-funfact { text-align: center; margin: 0px 0 0; } .funfact-sec .single-funfact i { font-size: 60px; color: #ededed; display: block; margin-bottom: 30px; } .funfact-sec .single-funfact i.icon-fun-fact-02 { font-size: 67px; margin-bottom: 25px; } .funfact-sec .single-funfact .funfact-title { font-weight: 700; color: #FFFFFF; margin-bottom: 10px; } .funfact-sec .single-funfact p { color: #ededed; } .funfact-sec .single-funfact p:last-of-type { margin-bottom: 0; } .funfact-sec.funfact-v2-sec { padding: 100px 0 94px; } .funfact-sec.funfact-v2-sec:before { background: transparent; } .funfact-sec.funfact-v2-sec .column-title2 { color: #eaeaea; } .funfact-sec.funfact-v2-sec .single-funfact .funfact-title { color: #489f10; } /*================================= start pricing plan section =================================*/ .pricing-plan-sec { /*------------- pricing v3 ------*/ /*------------- pricing plan v4 ---------*/ } .pricing-plan-sec .pricing-plan-item { margin: auto; padding: 0 30px; } .pricing-plan-sec .pricing-plan-item .single-pricing-item { margin: auto; } .pricing-plan-sec .pricing-plan-item .single-pricing-item:nth-last-of-type(2) { margin: 0 -37px; background: #fff; box-shadow: 0px 15px 61px -12px rgba(0, 0, 0, 0.18); position: relative; z-index: 1; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAI0lEQVQYV2P8////fwYkwAgSuHbt2iwtLa00kDhYAEMFsgAALQsT9Tt5ai0AAAAASUVORK5CYII=) repeat; } .pricing-plan-sec .pricing-plan-item .single-pricing-item:nth-last-of-type(2) .single-pricing-plan { border: none; } .pricing-plan-sec .pricing-plan-item .single-pricing-item:nth-last-of-type(2) .single-pricing-plan i { font-size: 60px; } .pricing-plan-sec .pricing-plan-item .single-pricing-plan { text-align: center; border: 1px solid #ededed; padding: 45px 20px; } .pricing-plan-sec .pricing-plan-item .single-pricing-plan i { font-size: 50px; color: #027313; margin-bottom: 13px; display: block; } .pricing-plan-sec .pricing-plan-item .single-pricing-plan h3 { color: #027313; font-weight: 700; position: relative; font-size: 20px; } .pricing-plan-sec .pricing-plan-item .single-pricing-plan .pricing-bar { margin: auto auto 20px; width: 30px; height: 2px; background: #027313; } .pricing-plan-sec .pricing-plan-item .single-pricing-plan h4 { font-weight: 700; margin-bottom: 42px; } .pricing-plan-sec .pricing-plan-item .single-pricing-plan h4 strong { font-size: 14px; font-weight: 700; top: -15px; left: -3px; position: relative; } .pricing-plan-sec .pricing-plan-item .single-pricing-plan h4 span { font-weight: 700; font-size: 14px; } .pricing-plan-sec .pricing-plan-item .single-pricing-plan p { margin-bottom: 8px; font-family: "Poppins", sans-serif; } .pricing-plan-sec .pricing-plan-item .single-pricing-plan .xs-btn { margin-top: 30px; } .pricing-plan-sec.pricing-plan-v2-sec { position: relative; padding-top: 100px; padding-bottom: 100px; } .pricing-plan-sec.pricing-plan-v2-sec .pricing-plan-item .single-pricing-plan { background: #f6f6f6; border: none; } .pricing-plan-sec.pricing-plan-v2-sec .pricing-plan-item .single-pricing-plan i { color: #545454; } .pricing-plan-sec.pricing-plan-v2-sec .pricing-plan-item .single-pricing-plan .pricing-bar { background: #489f10; margin-bottom: 37px; width: 60px; height: 3px; } .pricing-plan-sec.pricing-plan-v2-sec .pricing-plan-item .single-pricing-plan h3 { color: #489f10; } .pricing-plan-sec.pricing-plan-v2-sec .pricing-plan-item .single-pricing-plan h3:before { background: #489f10; } .pricing-plan-sec.pricing-plan-v2-sec .pricing-plan-item .single-pricing-plan h4 { margin-bottom: 26px; } .pricing-plan-sec.pricing-plan-v2-sec .pricing-plan-item .single-pricing-plan h4 span { color: #9b9b9b; } .pricing-plan-sec.pricing-plan-v2-sec .pricing-plan-item .single-pricing-plan .xs-btn { background: #489f10; border-color: #489f10; } .pricing-plan-sec.pricing-plan-v2-sec .pricing-plan-item .single-pricing-plan .xs-btn:hover { background: #3a7d0e; } .pricing-plan-sec.pricing-plan-v2-sec .single-pricing-item:nth-last-of-type(2) { background: #489f10; } .pricing-plan-sec.pricing-plan-v2-sec .single-pricing-item:nth-last-of-type(2) .single-pricing-plan { background: #489f10; } .pricing-plan-sec.pricing-plan-v2-sec .single-pricing-item:nth-last-of-type(2) .single-pricing-plan h3 { color: #FFFFFF; } .pricing-plan-sec.pricing-plan-v2-sec .single-pricing-item:nth-last-of-type(2) .single-pricing-plan h3 span { color: #424242; } .pricing-plan-sec.pricing-plan-v2-sec .single-pricing-item:nth-last-of-type(2) .single-pricing-plan h4 { margin-bottom: 26px; } .pricing-plan-sec.pricing-plan-v2-sec .single-pricing-item:nth-last-of-type(2) .single-pricing-plan h4 span { color: #424242; } .pricing-plan-sec.pricing-plan-v2-sec .single-pricing-item:nth-last-of-type(2) .single-pricing-plan .pricing-bar { background: #ededed; } .pricing-plan-sec.pricing-plan-v2-sec .single-pricing-item:nth-last-of-type(2) .single-pricing-plan i { color: #FFFFFF; } .pricing-plan-sec.pricing-plan-v2-sec .single-pricing-item:nth-last-of-type(2) .single-pricing-plan p { color: #ededed; } .pricing-plan-sec.pricing-plan-v2-sec .single-pricing-item:nth-last-of-type(2) .single-pricing-plan .xs-btn { background: #FFFFFF; color: #489f10; } .pricing-plan-sec.pricing-v3 { background: #027313; } .pricing-plan-sec.pricing-v3 .hidden-title { opacity: 0.1; } .pricing-plan-sec.pricing-v3 .xs-title { color: #FFFFFF; } .pricing-plan-sec.pricing-v3 .section-title { color: #FFFFFF; } .pricing-plan-sec.pricing-v3 .pricing-plan-item .single-pricing-plan h3 { color: #027313; } .pricing-plan-sec.pricing-v3 .pricing-plan-item .single-pricing-plan h4 { color: #027313; } .pricing-plan-sec.pricing-v3 .pricing-plan-item .single-pricing-plan .pricing-bar { background: #027313; } .pricing-plan-sec.pricing-v3 .pricing-plan-item .single-pricing-plan .xs-btn { background: #027313; } .pricing-plan-sec.pricing-v3 .pricing-plan-item .single-pricing-plan .xs-btn:hover { background: #004b1e; } .pricing-plan-sec.pricing-v3 .single-pricing-item:nth-last-of-type(2) { background: #FFFFFF; } .pricing-plan-sec.pricing-v3 .single-pricing-item:nth-last-of-type(2) .single-pricing-plan { background: #FFFFFF; } .pricing-plan-sec.pricing-v3 .single-pricing-item:nth-last-of-type(2) .single-pricing-plan i { color: #545454; } .pricing-plan-sec.pricing-v3 .single-pricing-item:nth-last-of-type(2) .single-pricing-plan h3 { color: #027313; } .pricing-plan-sec.pricing-v3 .single-pricing-item:nth-last-of-type(2) .single-pricing-plan h4 { color: #027313; } .pricing-plan-sec.pricing-v3 .single-pricing-item:nth-last-of-type(2) .single-pricing-plan .pricing-bar { background: #027313; } .pricing-plan-sec.pricing-v3 .single-pricing-item:nth-last-of-type(2) .single-pricing-plan p { color: #6d6d6d; } .pricing-plan-sec.pricing-v3 .single-pricing-item:nth-last-of-type(2) .single-pricing-plan .xs-btn { border-color: #027313; background: #027313; color: #FFFFFF; } .pricing-plan-sec.pricing-v3 .single-pricing-item:nth-last-of-type(2) .single-pricing-plan .xs-btn:hover { background: #004b1e; } .pricing-plan-sec .pricing-plan-item-v4 { margin: 0 100px; } .pricing-plan-sec .pricing-plan-item-v4 .single-pricing-plan { text-align: center; background: #FFFFFF; padding: 35px 0; position: relative; border-radius: 4px; } .pricing-plan-sec .pricing-plan-item-v4 .single-pricing-plan h4 { font-size: 20px; margin-bottom: 36px; } .pricing-plan-sec .pricing-plan-item-v4 .single-pricing-plan .xs-single-title { font-weight: 700; color: #027313; position: relative; z-index: 1; } .pricing-plan-sec .pricing-plan-item-v4 .single-pricing-plan .xs-single-title span { display: block; color: #6d6d6d; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 400; } .pricing-plan-sec .pricing-plan-item-v4 .single-pricing-plan .hidden-title { position: absolute; left: 0; right: 0; top: 106px; font-size: 60px; font-weight: 700; color: #f5f5f5; } .pricing-plan-sec .pricing-plan-item-v4 .single-pricing-plan p i { color: #027313; margin-right: 5px; } .pricing-plan-sec .pricing-plan-item-v4 .single-pricing-plan .pricing-bar { width: 100%; height: 1px; background: #eaeaea; margin-bottom: 29px; } .pricing-plan-sec .pricing-plan-item-v4 .single-pricing-plan .xs-btn { margin-top: 20px; } .pricing-plan-sec .pricing-plan-item-v4 .single-pricing-plan.active { border-top: 5px solid #027313; border-bottom: 5px solid #027313; } .pricing-plan-sec .pricing-plan-item-v4 .single-pricing-plan.active .xs-btn { margin-top: 42px; } /*================================= start testmonial section =================================*/ .testmonial-sec { position: relative; } .testmonial-sec:before { position: absolute; left: 0; width: 100%; height: 85%; content: ""; background: #f8fafe; margin: auto; top: 50%; transform: translateY(-50%); } .testmonial-sec .call-back-content { background: #282828; padding: 50px 74px 45px; box-shadow: 0 0 42px 0px rgba(0, 0, 0, 0.2); } .testmonial-sec .call-back-content .call-contact-text { font-size: 16px; font-family: "Poppins", sans-serif; color: #ededed; line-height: 28px; display: block; margin-bottom: 8px; } .testmonial-sec .call-back-content h3 { color: #FFFFFF; margin-bottom: 24px; } .testmonial-sec .call-back-content h3 span { color: #027313; } .testmonial-sec .call-back-content .call-back-form .call-back-inp { font-size: 14px; font-family: "Open Sans", sans-serif; color: #FFFFFF; background: transparent; width: 100%; border: none; border-bottom: 1px solid #535353; height: 54px; outline: none; position: relative; outline: none; } .testmonial-sec .call-back-content .call-back-form .call-back-inp::-moz-placeholder { color: #535353; } .testmonial-sec .call-back-content .call-back-form .call-back-inp:-ms-input-placeholder { color: #535353; } .testmonial-sec .call-back-content .call-back-form .call-back-inp::placeholder { color: #535353; } .testmonial-sec .call-back-content .call-back-form .call-back-inp:hover, .testmonial-sec .call-back-content .call-back-form .call-back-inp:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } .testmonial-sec .call-back-content .call-back-form .call-back-inp.call-back-msg { resize: none; } .testmonial-sec .call-back-content .call-back-form input[type=number]::-webkit-inner-spin-button, .testmonial-sec .call-back-content .call-back-form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .testmonial-sec .call-back-content .call-back-form select { color: #535353; width: 100%; background: transparent; border: none; border-bottom: 1px solid #535353; height: 54px; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 30px; } .testmonial-sec .call-back-content .call-back-form select option { background: #282828; color: #FFFFFF; } .testmonial-sec .call-back-content .call-back-form .call-us-number { font-size: 14px; font-weight: 700; font-family: "Open Sans", sans-serif; color: #FFFFFF; margin-left: 20px; } .testmonial-sec .call-back-content .call-back-form .call-us-number span { color: #027313; } .testmonial-sec .testmonial-content { padding-left: 30px; } .testmonial-sec .testmonial-content i.testmonial_icon { font-size: 56px; color: #027313; display: block; margin-bottom: 37px; } .testmonial-sec .testmonial-content .testmonial-title { color: #464646; margin-bottom: 26px; } .testmonial-sec .testmonial-content p { font-style: italic; font-size: 16px; color: #464646; font-family: "Poppins", sans-serif; margin-bottom: 36px; } .testmonial-sec .testmonial-content .testmonial-author { position: relative; padding-left: 85px; min-height: 100px; } .testmonial-sec .testmonial-content .testmonial-author img { width: 66px; height: 66px; border-radius: 50%; position: absolute; left: 0; } .testmonial-sec .testmonial-content .testmonial-author h4 { font-size: 16px; margin-bottom: 0; } .testmonial-sec .testmonial-content .testmonial-author .author-rating i { color: #027313; } .testmonial-sec #testmonial-slider .owl-dots { position: absolute; z-index: 1; bottom: 60px; right: 0; } .testmonial-sec #testmonial-slider .owl-dots .owl-dot { width: 10px; height: 10px; background: #d7d7d7; display: inline-block; margin: 0 5px; border-radius: 50%; } .testmonial-sec #testmonial-slider .owl-dots .owl-dot.active { background: #027313; } /*--start testmonial v2 section*/ .testmonial-v2-sec { background: #f4f4f4; } .testmonial-v2-sec .section-title-v2-item .hidden-title { color: #ececec; } .testmonial-v2-sec .single-testmonial { position: relative; padding-top: 21px; } .testmonial-v2-sec .single-testmonial blockquote { background: #FFFFFF; padding: 46px 36px; margin-bottom: 0; position: relative; font-size: 14px; } .testmonial-v2-sec .single-testmonial blockquote:before { position: absolute; left: 20px; top: -20px; content: "\E937"; font-size: 15px; color: #FFFFFF; background: #489f10; font-family: "iconfont"; width: 45px; height: 45px; border-radius: 50%; display: block; text-align: center; padding: 10px 0; transform: rotate(180deg); } .testmonial-v2-sec .single-testmonial blockquote:after { position: absolute; right: 12%; bottom: -10px; content: ""; border-style: solid; border-width: 10px 10px 0 10px; border-color: #FFFFFF transparent transparent transparent; } .testmonial-v2-sec .single-testmonial .testmonial-author { text-align: right; position: relative; padding-right: 65px; margin-right: 50px; margin-top: 35px; } .testmonial-v2-sec .single-testmonial .testmonial-author label { font-size: 14px; font-weight: 500; font-family: "Poppins", sans-serif; color: #282828; display: block; margin-bottom: 0; line-height: 20px; } .testmonial-v2-sec .single-testmonial .testmonial-author span { color: #6d6d6d; } .testmonial-v2-sec .single-testmonial .testmonial-author img { position: absolute; right: 0; top: 0; width: 45px; height: 45px; border-radius: 50%; } .testmonial-v2-sec #testmonial-slider-v2 .owl-nav { position: absolute; right: 0; top: -65px; } .testmonial-v2-sec #testmonial-slider-v2 .owl-nav > div { width: 40px; height: 40px; border: 1px solid #489f10; display: inline-block; padding: 9px; text-align: center; margin-left: 10px; } .testmonial-v2-sec #testmonial-slider-v2 .owl-nav > div.disabled { border-color: #cacaca; } /*------------ testimonial v3 --------*/ .testimonial-v3-sec { position: relative; min-height: 540px; } .testimonial-v3-sec::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.84); } .testimonial-v3-sec .testimonial-content { position: relative; text-align: center; } .testimonial-v3-sec .testimonial-content i.icon { font-size: 44px; color: #027313; display: block; margin-bottom: 54px; } .testimonial-v3-sec .testimonial-content blockquote { font-size: 18px; font-style: italic; color: #FFFFFF; line-height: 40px; margin-bottom: 58px; border: none; font-family: "Open Sans", sans-serif; } .testimonial-v3-sec .testmonial-author { position: relative; } .testimonial-v3-sec .testmonial-author img { width: 66px; height: 66px; border-radius: 50%; vertical-align: middle; display: inline-block; } .testimonial-v3-sec .testmonial-author .author-name { display: inline-block; text-align: left; margin-left: 20px; vertical-align: middle; } .testimonial-v3-sec .testmonial-author h4 { font-size: 16px; margin-bottom: 0; color: #027313; } .testimonial-v3-sec .testmonial-author p { color: #FFFFFF; font-style: italic; } .testimonial-v3-sec #testmonial-slide .owl-nav > div { position: absolute; left: 0; width: 53px; height: 53px; background: rgba(255, 255, 255, 0.14); display: block; text-align: center; font-size: 16px; line-height: 16px; color: #FFFFFF; top: 50%; padding: 18px 0; transform: translateY(-50%); } .testimonial-v3-sec #testmonial-slide .owl-nav > div.owl-prev { left: 3%; right: auto; } .testimonial-v3-sec #testmonial-slide .owl-nav > div.owl-next { right: 3%; left: auto; } .testimonial-v3-sec.v4 .testimonial-content i.icon, .testimonial-v3-sec.v4 .testmonial-author h4 { color: #489f10; } /*----------------- testimonial v4 --------*/ .testimonial-v4-sec .section-title-v2-item .hidden-title { color: #ececec; } .testimonial-v4-sec .testmonial-author { text-align: left; position: relative; } .testimonial-v4-sec .testmonial-author img { width: 66px; height: 66px; border-radius: 50%; display: block; margin-bottom: 16px; } .testimonial-v4-sec .testmonial-author i { position: absolute; right: 0; top: 20px; font-size: 30px; color: #027313; } .testimonial-v4-sec .single-testmonial { background: #FFFFFF; padding: 27px; border-radius: 4px; } .testimonial-v4-sec #testmonial-slider-v4 .owl-dots { text-align: center; margin-top: 58px; } .testimonial-v4-sec #testmonial-slider-v4 .owl-dots .owl-dot { width: 20px; height: 6px; border-radius: 20px; background: #dcdcdc; display: inline-block; margin: 0 3px; } .testimonial-v4-sec #testmonial-slider-v4 .owl-dots .owl-dot.active { background: #027313; } .testimonial-v4-sec.v3 .testmonial-author i { color: #489f10; } .testimonial-v4-sec.v3 #testmonial-slider-v4 .owl-dots .owl-dot.active { background: #489f10; } /*================================= start latest news section =================================*/ .latest-news-sec .latest-news-content p { margin-bottom: 37px; } .latest-news-sec .single-latest-news { position: relative; border: 1px solid #ededed; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .latest-news-sec .single-latest-news:hover { box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); } .latest-news-sec .single-latest-news .latest-news-img img { width: 100%; height: auto; } .latest-news-sec .single-latest-news .single-news-content { padding: 25px 30px 0; } .latest-news-sec .single-latest-news .single-news-content .date-info { font-family: "Open Sans", sans-serif; color: #b7b7b7; display: block; margin-bottom: 8px; } .latest-news-sec .single-latest-news .single-news-content .xs-post-title { margin-bottom: 12px; } .latest-news-sec .single-latest-news .single-news-content .xs-post-title a { color: #282828; } .latest-news-sec .single-latest-news .single-news-content .xs-post-title a:hover { color: #027313; } .latest-news-sec .single-latest-news .single-news-content .blog-author { position: relative; padding: 22px 0 22px 42px; border-top: 1px solid #ededed; } .latest-news-sec .single-latest-news .single-news-content .blog-author img { position: absolute; left: 0; top: 21px; width: 27px; height: 27px; border-radius: 50%; } .latest-news-sec .single-latest-news .single-news-content .blog-author label { font-size: 14px; color: #949494; font-family: "Open Sans", sans-serif; margin-bottom: 0; } /*================================= start call to action section =================================*/ .call-to-action-sec { position: relative; } .call-to-action-sec:before { position: absolute; left: 0; top: 0; width: 50%; height: 100%; content: ""; background: url(../images/call-to-action1.jpg) no-repeat center center/cover; } .call-to-action-sec .call-action-item { position: relative; width: 100%; background: url(../images/call-to-action2.jpg) no-repeat center center/cover; } .call-to-action-sec .call-action-item:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(26, 26, 26, 0.97); content: ""; } .call-to-action-sec .call-action-item .call-to-action-content { position: relative; padding: 80px 140px 80px 100px; } .call-to-action-sec .call-action-item .call-to-action-content p { color: #ededed; margin-bottom: 55px; } .call-to-action-sec .call-action-item .call-to-action-content .call-to-btn .fill { margin-left: 0; margin-right: 25px; } @media (min-width: 1500px) { .call-to-action-sec .call-action-item .call-to-action-content { padding: 100px 140px 100px 100px; } } /*================================= start map section =================================*/ .xs-map-sec { overflow: hidden; position: relative; } .xs-maps-wraper .map { height: 500px; width: 100%; } .xs-maps-wraper .map iframe { width: 100%; height: 100%; } /*================================= start footer section =================================*/ .xs-footer-sec { position: relative; background: url(../images/footer-bg.jpg) no-repeat center center/cover; } .xs-footer-sec:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url(../images/footer-pattern.png) no-repeat center center/cover; } .xs-footer-sec .footer-top-item { text-align: center; position: relative; } .xs-footer-sec .footer-top-item .xs-back-to-top { background: url(../images/back-to-top.png) no-repeat center center; width: 296px; position: absolute; right: 0; top: -31px; left: 0; margin: auto; z-index: 1; } .xs-footer-sec .footer-top-item .xs-back-to-top a { padding-top: 10px; color: #027313; display: block; font-size: 22px; } .xs-footer-sec .footer-top-item .footer-logo { padding-top: 60px; position: relative; } .xs-footer-sec .footer-img img { max-width: 254px; } .xs-footer-sec .footer-item { padding-top: 100px; } .xs-footer-sec .footer-item .widgets { margin-bottom: 30px; } .xs-footer-sec .footer-item .widgets .widget-title { color: #FFFFFF; position: relative; border-bottom: 1px solid #4b4b4b; padding-bottom: 20px; margin-bottom: 26px; font-size: 20px; } .xs-footer-sec .footer-item .widgets ul li { font-size: 14px; line-height: 30px; color: #d7d7d7; display: block; } .xs-footer-sec .footer-item .widgets ul li a { display: block; color: #d7d7d7; margin-bottom: 5px; position: relative; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .xs-footer-sec .footer-item .widgets ul li a:hover { color: #027313; } .xs-footer-sec .footer-item .widgets ul.service-link li a { padding-left: 14px; } .xs-footer-sec .footer-item .widgets ul.service-link li a:before { position: absolute; left: 0; top: 0; content: "\F105"; font-family: "fontawesome"; font-size: 14px; font-weight: 700; } .xs-footer-sec .footer-item .widgets ul.footer-contact-list li { padding-left: 45px; position: relative; margin-bottom: 11px; } .xs-footer-sec .footer-item .widgets ul.footer-contact-list li i { position: absolute; left: 0; top: 8px; font-size: 16px; } .xs-footer-sec .footer-item .widgets ul.footer-contact-list li label { display: block; margin-bottom: 0; } .xs-footer-sec .footer-item .widgets p { margin-bottom: 25px; color: #d7d7d7; } .xs-footer-sec .footer-logo { margin-bottom: 30px; } .xs-footer-sec .copyright-content { padding: 22px 0; margin-top: 20px; border-top: 1px solid #4d4d4d; position: relative; } .xs-footer-sec .copyright-content p { color: #adadad; margin-bottom: 0; } .xs-footer-sec .copyright-content p a { color: #027313; } .xs-footer-sec .copyright-content .footer-bottom-menu { text-align: right; } .xs-footer-sec .copyright-content .footer-bottom-menu li { display: inline-block; } .xs-footer-sec .copyright-content .footer-bottom-menu li a { display: block; font-size: 14px; color: #c7c7c7; margin-left: 15px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .xs-footer-sec .copyright-content .footer-bottom-menu li a:hover { color: #027313; } .xs-footer-sec.xs-footer-v2 { background: url(../images/footer-bg.jpg) no-repeat center center/cover; } .xs-footer-sec.xs-footer-v2:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(14, 14, 14, 0.94); } .xs-footer-sec.xs-footer-v2 .footer-top-item { text-align: center; position: relative; } .xs-footer-sec.xs-footer-v2 .footer-top-item .xs-back-to-top { background: url(../images/footer-back-to-top.png) no-repeat center center/cover; width: 220px; top: -31px; } .xs-footer-sec.xs-footer-v2 .xs-back-to-top a { color: #489f10; } .xs-footer-sec.xs-footer-v2 .widgets ul li a { color: #a0a0a0; } .xs-footer-sec.xs-footer-v2 .widgets ul li a:hover { color: #489f10; } .xs-footer-sec.xs-footer-v2 .widgets ul.footer-contact-list li label { color: #a0a0a0; } .xs-footer-sec.xs-footer-v2 .widgets ul.footer-contact-list li i { font-size: 25px; top: 18px; } .xs-footer-sec.xs-footer-v2 .copyright-content p a { color: #489f10; } .xs-footer-sec.xs-footer-v2 .copyright-content .footer-social { display: inline-block; } .xs-footer-sec.xs-footer-v2 .copyright-content .footer-social li a:hover { color: #489f10; } .xs-footer-sec.xs-footer-v2 .copyright-content .connect-us { color: #489f10; } .xs-footer-sec.xs-footer-v2 .copyright-content .footer-bottom-menu li a:hover { color: #489f10; } .widgets .footer-social li { display: inline-block !important; } .widgets .footer-social li a { display: block; font-size: 14px; color: #c7c7c7; margin-right: 15px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .widgets .footer-social li a:hover { color: #027313; } /*=========================================== start video section ============================================ */ .video-sec { position: relative; margin: 56px 0; background: #489f10; } .video-sec .video-item { position: relative; } .video-sec .video-item img { width: 100%; } .video-sec .video-item:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(16, 16, 16, 0.37); } .video-sec .video-item .video-play-btn { position: absolute; left: 0; top: 50%; right: 0; content: ""; font-size: 24px; width: 85px; height: 85px; border-radius: 50%; text-align: center; background: #489f10; color: #FFFFFF; padding: 30px 0; margin: auto; transform: translateY(-50%); } .video-sec .video-item .video-play-btn:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; border: 15px solid rgba(255, 255, 255, 0.3); border-radius: 50%; content: ""; -webkit-animation: move 3s infinite ease-in-out; animation: move 3s infinite ease-in-out; } .video-sec .call-to-action-v2 { position: relative; } .video-sec .call-to-action-v2 .call-back-content { max-width: 450px; background: #282828; padding: 50px 48px 45px; position: absolute; top: -50px; z-index: 1; } .video-sec .call-to-action-v2 .call-back-content .call-contact-text { font-size: 14px; font-family: "Poppins", sans-serif; color: #ededed; line-height: 28px; display: block; margin-bottom: 46px; } .video-sec .call-to-action-v2 .call-back-content .call-contact-text span { color: #489f10; font-weight: 700; } .video-sec .call-to-action-v2 .call-back-content h3 { color: #FFFFFF; margin-bottom: 24px; font-weight: 300; } .video-sec .call-to-action-v2 .call-back-content h3 i { color: #489f10; margin-right: 10px; font-size: 28px; } .video-sec .call-to-action-v2 .call-back-content h3 span { color: #489f10; font-weight: 700; } .video-sec .call-to-action-v2 .call-back-content .call-back-form .call-back-inp { font-size: 14px; font-family: "Open Sans", sans-serif; color: #FFFFFF; background: transparent; width: 100%; border: 1px solid #535353; height: 40px; padding: 0 15px; outline: none; position: relative; outline: none; margin-bottom: 5px; } .video-sec .call-to-action-v2 .call-back-content .call-back-form .call-back-inp::-moz-placeholder { color: #535353; } .video-sec .call-to-action-v2 .call-back-content .call-back-form .call-back-inp:-ms-input-placeholder { color: #535353; } .video-sec .call-to-action-v2 .call-back-content .call-back-form .call-back-inp::placeholder { color: #535353; } .video-sec .call-to-action-v2 .call-back-content .call-back-form .call-back-inp:hover, .video-sec .call-to-action-v2 .call-back-content .call-back-form .call-back-inp:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } .video-sec .call-to-action-v2 .call-back-content .call-back-form input[type=number]::-webkit-inner-spin-button, .video-sec .call-to-action-v2 .call-back-content .call-back-form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .video-sec .call-to-action-v2 .call-back-content .call-back-form .call-back-btn { margin-top: 55px; } .video-sec .call-to-action-v2 .call-back-content .call-back-form .call-us-number { font-size: 14px; font-weight: 700; font-family: "Open Sans", sans-serif; color: #FFFFFF; margin-left: 20px; } .video-sec .call-to-action-v2 .call-back-content .call-back-form .call-us-number span { color: #489f10; } @media (min-width: 1400px) { .video-sec .video-item { max-height: 550px; overflow: hidden; } .video-sec .call-to-action-v2 .call-back-content { padding: 100px 48px 100px; } } /*=========================================== start faq-and-client-logo ============================================ */ .faq-and-client-logo-sec { position: relative; } .faq-and-client-logo-sec:before { position: absolute; left: 0; top: 0; width: 50%; content: ""; background: #489f10; height: 100%; } .faq-and-client-logo-sec:after { position: absolute; right: 0; top: 0; width: 50%; content: ""; background: #101010; height: 100%; z-index: -1; } .faq-and-client-logo-sec .faq-item { padding: 0 55px; } .faq-and-client-logo-sec .faq-item.xs-faq-item { padding-left: 0; } .faq-and-client-logo-sec .faq-item .faq-content h3 { color: #FFFFFF; margin-bottom: 20px; font-size: 18px; } .faq-and-client-logo-sec .faq-item .faq-content h4 { font-size: 36px; color: #FFFFFF; font-weight: 700; margin-bottom: 60px; } .faq-and-client-logo-sec .faq-item .faq-single-item { border: 1px solid #7bb854; margin-bottom: 20px; } .faq-and-client-logo-sec .faq-item .faq-single-item .card-header { background: transparent; border-bottom: none; padding: 5px 20px; } .faq-and-client-logo-sec .faq-item .faq-single-item .card-header h5 { margin-bottom: 0; } .faq-and-client-logo-sec .faq-item .faq-single-item .card-header h5 .btn-link { font-size: 14px; font-weight: 600; line-height: 26px; color: #FFFFFF; text-decoration: none; display: block; width: 100%; text-align: left; position: relative; padding-left: 20px; } .faq-and-client-logo-sec .faq-item .faq-single-item .card-header h5 .btn-link:before { position: absolute; left: 0; top: 7px; font-size: 14px; content: "\F0D8"; font-family: "fontawesome"; } .faq-and-client-logo-sec .faq-item .faq-single-item .card-header h5 .btn-link.collapsed:before { content: "\F0D7"; } .faq-and-client-logo-sec .faq-item .faq-single-item .card-body { padding: 0 28px 28px; } .faq-and-client-logo-sec .faq-item .faq-single-item .card-body p { color: #FFFFFF; margin-bottom: 0; } .faq-and-client-logo-sec .faq-item.client-logo-item .faq-content h4 { margin-bottom: 45px; } .faq-and-client-logo-sec .faq-item.client-logo-item .faq-content p { margin-bottom: 50px; } .faq-and-client-logo-sec .faq-item.client-logo-item .single-client-logo { position: relative; border-bottom: 1px solid #3a3a3a; padding: 45px; } .faq-and-client-logo-sec .faq-item.client-logo-item .single-client-logo:before { position: absolute; right: 0; top: 0; width: 1px; height: 100%; content: ""; background: #3a3a3a; } .faq-and-client-logo-sec .faq-item.client-logo-item .single-client-logo:nth-last-of-type(1), .faq-and-client-logo-sec .faq-item.client-logo-item .single-client-logo:nth-last-of-type(2) { border-bottom: none; } .faq-and-client-logo-sec .faq-item.client-logo-item .single-client-logo:nth-of-type(even)::before { display: none; } .faq-and-client-logo-sec .faq-item.client-logo-item .single-client-logo img { width: 100%; filter: grayscale(112%); } .faq-and-client-logo-sec .faq-item.client-logo-item .single-client-logo:hover img { filter: grayscale(0%); } /*=========================================== start tips and tricks section ============================================ */ .tips-tricks-sec .single-tips-tricks { position: relative; min-height: 200px; overflow: hidden; } .tips-tricks-sec .single-tips-tricks:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(16, 16, 16, 0.2); background: linear-gradient(rgba(16, 16, 16, 0.1), rgba(16, 16, 16, 0.7)); content: ""; } .tips-tricks-sec .single-tips-tricks img { width: 100%; height: 100%; } .tips-tricks-sec .single-tips-tricks .tips-tricks-content { position: absolute; left: 0; bottom: 55px; right: 0; margin: auto; width: 80%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .tips-tricks-sec .single-tips-tricks .tips-tricks-content span { font-style: italic; color: #dfdfdf; display: block; margin-bottom: 10px; } .tips-tricks-sec .single-tips-tricks .tips-tricks-content h3 { color: #FFFFFF; } .tips-tricks-sec .single-tips-tricks .tips-tricks-content a.read_more { font-weight: 600; font-family: "Poppins", sans-serif; color: #489f10; } .tips-tricks-sec .single-tips-tricks .tips-tricks-content a.read_more i { position: relative; left: 6px; top: 2px; } .tips-tricks-sec .single-tips-tricks .tag-line { position: absolute; left: 0; bottom: -36px; font-weight: 600; display: inline-block; background: #489f10; color: #FFFFFF; padding: 5px 20px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity: 0; visibility: hidden; } .tips-tricks-sec .single-tips-tricks .tag-line:before { position: absolute; right: -22px; top: 0; content: ""; border-style: solid; border-width: 36px 0 0 22px; border-color: transparent transparent transparent #489f10; } .tips-tricks-sec .single-tips-tricks:hover .tag-line { bottom: 0; opacity: 1; visibility: visible; } .tips-tricks-sec .single-tips-tricks:hover .tips-tricks-content { bottom: 80px; } .tips-tricks-sec .single-tips-tricks.tips-tricks-item .tips-tricks-content h4 { color: #FFFFFF; font-size: 20px; } /*============================== breadcump ================================*/ .banner-inner-sec { position: relative; height: 360px; background-repeat: no-repeat; background-size: cover; } .banner-inner-sec::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.4); } .banner-inner-sec .banner-table { display: table; width: 100%; height: 100%; } .banner-inner-sec .banner-table .banner-table-cell { display: table-cell; width: 100%; height: auto; vertical-align: middle; } .banner-inner-sec .banner-inner-content { text-align: center; position: relative; margin-top: 35px; } .banner-inner-sec .banner-inner-content .banner-inner-title { font-size: 50px; font-weight: 700; color: #FFFFFF; margin-bottom: 23px; } .banner-inner-sec .banner-inner-content .xs-breadcumb li { font-size: 14px; font-weight: 600; color: #FFFFFF; } .banner-inner-sec .banner-inner-content .xs-breadcumb li a { color: #027313; } /*==================================== about innner ====================================*/ .about-inner { position: relative; } .about-inner .about-inner-img { position: relative; } .about-inner .about-inner-img::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.25); } .about-inner .about-inner-img img { width: 100%; height: auto; } .about-inner .about-inner-content { margin-left: 40px; } .about-inner .about-inner-content .column-title2.column-title { margin-bottom: 40px; } .about-inner .about-inner-content .single-about-content { margin-bottom: 24px; } .about-inner .about-inner-content .single-about-content h3 { font-size: 16px; font-weight: 600; margin-bottom: 3px; } .about-inner .about-inner-content .single-about-funfact { margin-top: 42px; position: relative; } .about-inner .about-inner-content .single-about-funfact:before { position: absolute; right: 0; top: 0; width: 1px; height: 100%; content: ""; background: #eee; } .about-inner .about-inner-content .single-about-funfact i { font-size: 40px; color: #027313; display: block; margin-bottom: 20px; } .about-inner .about-inner-content .single-about-funfact h4 { font-weight: 700; color: #027313; margin-bottom: 8px; font-size: 24px; } .about-inner .about-inner-content [class*=col-]:last-of-type .single-about-funfact:before { display: none; } .about-inner.v3 .about-inner-content .single-about-funfact i, .about-inner.v3 .about-inner-content .single-about-funfact h4 { color: #489f10; } /*=================================== company timeline =====================================*/ .company-timeline-sec { position: relative; padding-bottom: 56px; } .company-timeline-sec::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 132, 53, 0.8); } .company-timeline-sec .company-timeline-item { position: relative; padding: 162px 0 0; } .company-timeline-sec .company-timeline-item .single-timeline-item { text-align: center; position: relative; padding: 0 10px; } .company-timeline-sec .company-timeline-item .single-timeline-item::before { position: absolute; left: 0; top: 0px; width: 100%; height: 3px; background: #d7d7d7; content: ""; margin: auto; } .company-timeline-sec .company-timeline-item .single-timeline-item .history-of-timeline { cursor: pointer; } .company-timeline-sec .company-timeline-item .single-timeline-item .circle-border { position: relative; left: 0; top: -9px; width: 20px; height: 20px; background: #d7d7d7; display: block; margin: auto auto 25px; border-radius: 50%; } .company-timeline-sec .company-timeline-item .single-timeline-item .circle-border:before { position: absolute; left: -15px; top: -15px; width: 50px; height: 50px; border-radius: 50%; content: ""; background: rgba(255, 255, 255, 0.3); } .company-timeline-sec .company-timeline-item .single-timeline-item label { color: #d7d7d7; font-size: 20px; font-weight: 700; font-family: "Open Sans", sans-serif; } .company-timeline-sec .company-timeline-item .single-timeline-item .single-timeline-content { margin-top: -200px; position: relative; opacity: 0; visibility: hidden; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .company-timeline-sec .company-timeline-item .single-timeline-item .single-timeline-content img { margin-bottom: 37px; } .company-timeline-sec .company-timeline-item .single-timeline-item .single-timeline-content h3 { font-size: 30px; font-weight: 700; color: #d7d7d7; } .company-timeline-sec .company-timeline-item .single-timeline-item .single-timeline-content p { color: #d7d7d7; } .company-timeline-sec .company-timeline-item .single-timeline-item.active .history-of-timeline label { opacity: 0; } .company-timeline-sec .company-timeline-item .single-timeline-item.active .single-timeline-content { opacity: 1; visibility: visible; margin-top: -223px; } /*=========================== start team section ===========================*/ .team-sec .single-team { position: relative; text-align: center; } .team-sec .single-team:hover .team-img::before { opacity: 1; visibility: visible; } .team-sec .single-team:hover .team-img .team-social a { opacity: 1; visibility: visible; } .team-sec .single-team:hover .team-img .team-social a:nth-of-type(1) { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 400ms; animation-delay: 400ms; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .team-sec .single-team:hover .team-img .team-social a:nth-of-type(2) { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 500ms; animation-delay: 500ms; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .team-sec .single-team:hover .team-img .team-social a:nth-of-type(3) { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 600ms; animation-delay: 600ms; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .team-sec .single-team:hover .team-img .team-social a:nth-of-type(4) { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 700ms; animation-delay: 700ms; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .team-sec .single-team:hover .team-img .team-social a:nth-of-type(5) { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 800ms; animation-delay: 800ms; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .team-sec .single-team:hover .team-img .team-social a:nth-of-type(6) { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 900ms; animation-delay: 900ms; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .team-sec .single-team .team-img { width: 100%; height: 100%; overflow: hidden; position: relative; margin-bottom: 14px; } .team-sec .single-team .team-img::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(16, 16, 16, 0.8); content: ""; opacity: 0; visibility: hidden; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .team-sec .single-team .team-img img { width: 100%; height: auto; } .team-sec .single-team .team-img .team-social { position: absolute; left: 0; top: 50%; width: 100%; right: 0; margin: auto; text-align: center; transform: translateY(-50%); } .team-sec .single-team .team-img .team-social a { width: 35px; height: 35px; border-radius: 50%; background: #027313; color: #FFFFFF; display: inline-block; padding: 4px; margin: 0 2px; opacity: 0; visibility: hidden; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .team-sec .single-team .team-img .team-social a:hover { background: #004b1e; } .team-sec .single-team h3 { font-size: 18px; margin-bottom: -2px; color: #027313; } .team-sec .single-team p { margin-bottom: 0; } .team-sec.bg-white { background: #ffffff; } .team-sec.bg-white .section-title-item .hidden-title { color: #f7f7f7; } .team-sec.team-v2-sec .single-team:hover .team-img:before { background: rgba(16, 16, 16, 0.5); } .team-sec.team-v2-sec .single-team:hover .team-img .team-author { bottom: 80px; } .team-sec.team-v2-sec .single-team .team-img:before { background: rgba(16, 16, 16, 0.3); opacity: 1; visibility: visible; } .team-sec.team-v2-sec .single-team .team-img .team-author { position: absolute; left: 0; bottom: 20px; right: 0; margin: auto; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .team-sec.team-v2-sec .single-team .team-img .team-author h3 { color: #FFFFFF; } .team-sec.team-v2-sec .single-team .team-img .team-author p { color: #e2e2e2; } .team-sec.team-v2-sec .single-team .team-img .team-social { top: auto; bottom: 20px; } .team-sec.team-v2-sec.v3 .single-team .team-img .team-social a { background: #489f10; } .team-sec.team-v2-sec.v3 .single-team .team-img .team-social a:hover { background: #3a7d0e; } /*=================================== team v2 =====================================*/ .team-v1-sec .single-team-content { padding-right: 40px; } .team-v1-sec .single-team-content p { margin-bottom: 42px; } .team-v1-sec .single-team-item img { width: 100%; } .team-v1-sec .single-team-item .single-team-cont { background: #FFFFFF; padding: 25px; } .team-v1-sec .single-team-item h3 { font-size: 18px; color: #027313; margin-bottom: 6px; } .team-v1-sec .single-team-item .team-social a { display: inline-block; font-size: 14px; color: #3a3a3a; margin-right: 13px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .team-v1-sec .single-team-item .team-social a:last-of-type { margin-right: 0; } .team-v1-sec .single-team-item .team-social a:hover { color: #027313; } .team-v1-sec.v2 .single-team-content .xs-btn { background: #489f10; border-color: #489f10; } .team-v1-sec.v2 .single-team-item h3 { color: #489f10; } /*===================================== start ready-to-contact section ======================================*/ .ready-to-contact { position: relative; padding: 84px 0 136px; } .ready-to-contact::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 132, 53, 0.9); } .ready-to-contact .ready-to-contact-content { text-align: center; } .ready-to-contact .ready-to-contact-content h2 { font-size: 36px; font-weight: 700; color: #FFFFFF; } .ready-to-contact .ready-to-contact-content p { color: #FFFFFF; margin-bottom: 50px; } .ready-to-contact.ready-to-contact-v2::before { background: rgba(72, 159, 16, 0.9); } .ready-to-contact.ready-to-contact-v2 .xs-btn:hover { background: #3a7d0e; border-color: #489f10; } /*=============================================== start blog section ================================================*/ .blog-content-item .single-blog-item { position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: 40px; margin-bottom: 40px; } .blog-content-item .single-blog-item .blog-post-img { width: 100%; display: block; margin-bottom: 25px; position: relative; } .blog-content-item .single-blog-item .blog-date-info { position: absolute; right: 46px; bottom: -41px; width: 70px; border-radius: 3px; text-align: center; background: #FFFFFF; overflow: hidden; } .blog-content-item .single-blog-item .blog-date-info label { display: block; color: #027313; font-size: 24px; margin-bottom: 0; font-weight: 600; padding: 8px 0; } .blog-content-item .single-blog-item .blog-date-info span { display: block; font-size: 16px; background: #027313; color: #FFFFFF; padding: 8px 0; } .blog-content-item .single-blog-item .blog-meta { position: relative; margin-bottom: 18px; } .blog-content-item .single-blog-item .blog-meta ul li { display: inline-block; margin-right: 33px; } .blog-content-item .single-blog-item .blog-meta ul li a { font-size: 14px; color: #999999; font-family: "Open Sans", sans-serif; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .blog-content-item .single-blog-item .blog-meta ul li a i { margin-right: 10px; } .blog-content-item .single-blog-item .blog-meta ul li a img { height: 35px; width: 35px; border-radius: 50%; margin-right: 10px; } .blog-content-item .single-blog-item .blog-meta ul li a:hover { color: #027313; } .blog-content-item .single-blog-item .blog-meta ul li:last-child { margin-right: 0; } .blog-content-item .single-blog-item .blog-meta ul li.author a { font-style: italic; } .blog-content-item .single-blog-item .blog-meta ul li.author a span { color: #027313; } .blog-content-item .single-blog-item .xs-blog-title { margin-bottom: 20px; } .blog-content-item .single-blog-item .xs-blog-title a { transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .blog-content-item .single-blog-item .xs-blog-title a:hover { color: #027313; } .blog-content-item .single-blog-item p { margin-bottom: 22px; } .blog-content-item .single-blog-item .read-more-btn { text-align: right; } .blog-content-item .single-blog-item blockquote { padding: 50px 50px 50px 112px; border-left: 6px solid #027313; background: #f4f4f4; position: relative; } .blog-content-item .single-blog-item blockquote::before { position: absolute; left: 49px; top: 42px; content: "\E953"; font-family: "iconfont"; font-size: 41px; color: #027313; } .blog-content-item .single-blog-item blockquote .blog-meta { margin-bottom: 0; } .blog-content-item .single-blog-item blockquote .blog-meta ul li a { color: #101010; } .blog-content-item .single-blog-item blockquote .blog-meta i { color: #027313; } .blog-content-item .single-blog-item blockquote p { font-style: italic; font-size: 16px; color: #101010; line-height: 30px; margin-bottom: 35px; } .blog-content-item .single-blog-item:last-of-type { border-bottom: none; } /*----------- pagination -------*/ .pagination li { display: inline-block; } .pagination li a { width: 40px; height: 40px; line-height: 38px; transition: all 0.4s ease; color: #626c84; border: 1px solid #f2f2f2; padding: 0; border-radius: 100%; text-align: center; font-size: 0.94118rem; display: block; margin: 0 10px; } .pagination li.active a { background: #027313; color: #FFFFFF; } /*----------------- sidebar ---------*/ .sidebar-widgets .xs-serach input:not([type=submit]) { height: 53px; padding: 0 15px; border: 1px solid #eaeaea; background-color: #FFFFFF; width: 100%; font-family: "Open Sans", sans-serif; } .sidebar-widgets .xs-serach input:not([type=submit])::-moz-placeholder { color: #b1b1b1; } .sidebar-widgets .xs-serach input:not([type=submit]):-ms-input-placeholder { color: #b1b1b1; } .sidebar-widgets .xs-serach input:not([type=submit])::placeholder { color: #b1b1b1; } .sidebar-widgets .xs-serach .search-btn { width: 62px; background-color: #027313; border: 0px; font-size: 1.05882rem; color: #FFFFFF; position: absolute; right: 0px; top: 0px; height: 100%; cursor: pointer; transition: all 0.4s ease; } .sidebar-widgets .xs-serach .search-btn:hover { background: #004b1e; } .sidebar-widgets .widget { margin-bottom: 35px; border: 1px solid #eeeeee; padding: 30px 30px 35px; } .sidebar-widgets .widget:last-of-type { margin-bottom: 0; } .sidebar-widgets .widget.widget-search { border: none; padding: 0; } .sidebar-widgets .widget .widget-title { color: #027313; margin-bottom: 36px; } .sidebar-widgets .widget .widget-title span { color: #282828; } .sidebar-widgets .widget.widget-faq .xs-btn.sm-btn { display: block; width: 100%; } .sidebar-widgets .widget-posts .widget-post { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eee; } .sidebar-widgets .widget-posts .widget-post img { padding-right: 17px; } .sidebar-widgets .widget-posts .widget-post .post-meta-date a { color: #808080; font-size: 12px; line-height: 15px; margin-bottom: 12px; display: block; } .sidebar-widgets .widget-posts .widget-post .entry-title { font-size: 14px; line-height: 24px; margin: 0; } .sidebar-widgets .widget-posts .widget-post .entry-title a { color: #282828; } .sidebar-widgets .widget-posts .widget-post .entry-title a:hover { color: #027313; } .sidebar-widgets .widget-posts .widget-post:last-of-type { margin-bottom: 0; padding-bottom: 0px; border: none; } .sidebar-widgets .list-group li:not(:last-child) { border-bottom: 1px solid #eaeaea; padding-bottom: 14px; margin-bottom: 14px; } .sidebar-widgets .list-group li { position: relative; } .sidebar-widgets .list-group li a, .sidebar-widgets .list-group li span { color: #6d6d6d; font-family: "Open Sans", sans-serif; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .sidebar-widgets .list-group li a:hover, .sidebar-widgets .list-group li span:hover { color: #027313; } .sidebar-widgets .list-group li span { position: absolute; right: 0; } .sidebar-widgets .tag-lists a { display: inline-block; padding: 8px 15px; border: 1px solid #eaeaea; margin-right: 15px; margin-bottom: 15px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; border-radius: 3px; font-family: "Open Sans", sans-serif; color: #6d6d6d; } .sidebar-widgets .tag-lists a:hover { color: #027313; border-color: #027313; } /*--================================ single blog ===================================--*/ .xs-single-pera-list { margin: 36px 0 40px; } .xs-single-pera-list img { margin-right: 30px; } .xs-single-pera-list ul li { position: relative; padding-left: 15px; color: #027313; font-family: "Open Sans", sans-serif; line-height: 32px; } .xs-single-pera-list ul li:before { position: absolute; left: 0; top: 0; content: "\F0DA"; font-family: "FontAwesome"; } .blog-content-item.single-blog-details .single-blog-item { margin-bottom: 30px; } .blog-content-item.single-blog-details .single-blog-item p { margin-bottom: 30px; } .blog-content-item.single-blog-details blockquote { background: #027313; padding: 35px 60px; border: none; font-style: italic; font-size: 16px; font-family: "Open Sans", sans-serif; color: #FFFFFF; margin-bottom: 5px; } .blog-content-item.single-blog-details blockquote:before { left: 26px; color: #2bbb65; font-style: normal; font-size: 30px; top: 28px; } .post-tag-item { border-bottom: 1px solid #eee; padding-bottom: 38px; margin-bottom: 35px; } .post-tag a { color: #027313; margin-right: 5px; } .social-share-list { text-align: right; } .social-share-list a { width: 45px; height: 45px; border-radius: 3px; border: 1px solid #eeeeee; display: inline-block; text-align: center; color: #555555; padding: 10px 0px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; margin-left: 7px; } .social-share-list a:hover { border-color: #027313; color: #027313; } .author-info { position: relative; padding: 30px 30px 30px 150px; border: 1px solid #eee; margin-bottom: 35px; } .author-info img { position: absolute; left: 30px; top: 30px; width: 100px; height: 100px; border-radius: 50%; } .author-info h4 { font-size: 18px; } .author-info .author-social a { color: #6d6d6d; margin-right: 12px; } /*---------------- post-navigation---------*/ .post-navigation { margin-bottom: 42px; } .post-navigation .post-navigation-title { position: relative; border: 1px solid #eee; display: block; padding: 25px 25px 25px 134px; } .post-navigation .post-navigation-title img { width: 90px; height: 90px; position: absolute; left: 25px; } .post-navigation .post-navigation-title h5 { font-size: 16px; color: #027313; line-height: 22px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .post-navigation .post-navigation-title h5:hover { color: #282828; } .post-navigation .post-navigation-title span { color: #6d6d6d; } .post-navigation [class^=col-]:last-child .post-navigation-title { padding: 25px 134px 25px 25px; text-align: right; } .post-navigation [class^=col-]:last-child .post-navigation-title img { left: auto; right: 25px; } /*------------ comment area ------------*/ .comments-title, .comment-reply-title { font-size: 18px; font-weight: 700; margin-bottom: 28px; } .xs-comments-area { border-bottom: 1px solid #eee; margin-bottom: 50px; } .xs-comments-area .comments-list .comment { position: relative; } .xs-comments-area .comments-list .comment:last-child { border-bottom: none; } .xs-comments-area .comments-list .comment .children { margin-left: 100px; } .xs-comments-area .comments-list .comment .comment-body { padding-left: 92px; position: relative; } .xs-comments-area .comments-list .comment .comment-body img { position: absolute; left: 0; top: 0; width: 65px; height: 65px; border-radius: 50%; } .xs-comments-area .comments-list .comment .comment-body .comment-author a { font-size: 16px; font-weight: 600; font-family: "Poppins", sans-serif; color: #282828; } .xs-comments-area .comments-list .comment .comment-body .comment-date { font-size: 12px; font-style: italic; color: #6d6d6d; } .xs-comments-area .comments-list .comment .comment-body .comment-content { border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 15px; } .xs-comments-area .comments-list .comment .comment-body .reply { margin-bottom: 40px; } .xs-comments-area .comments-list .comment .comment-body .comment-reply-link { font-family: "Open Sans", sans-serif; color: #6d6d6d; } .xs-comments-area .comments-list .comment .comment-body .comment-reply-link i { margin-right: 5px; } /*--------------------- comment form ----------------*/ .xs-form .form-control { font-family: "Open Sans", sans-serif; border: 1px solid #eee; border-radius: 0; margin-bottom: 25px; height: 50px; padding: 10px 20px; font-size: 13px; } .xs-form .form-control:focus { outline: none; box-shadow: none; } .xs-form .form-control.message-box { resize: none; height: 133px; margin-bottom: 35px; } .xs-form .form-control::-moz-placeholder { color: #bdbdbd; } .xs-form .form-control:-ms-input-placeholder { color: #bdbdbd; } .xs-form .form-control::placeholder { color: #bdbdbd; } .xs-form .form-submit { text-align: right; } .xs-form input::-webkit-outer-spin-button, .xs-form input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; } /*===================================== faq content =====================================*/ .faq-content .faq-content-item { margin-bottom: 70px; } .faq-content .faq-content-item .faq-title { font-size: 36px; font-weight: 700; margin-bottom: 30px; line-height: 36px; } .faq-content .faq-single-item { border: 1px solid #eeeeee; margin-bottom: 25px; } .faq-content .faq-item h4 { margin-bottom: 0; } .faq-content .faq-item h4 .btn-link { font-size: 14px; font-weight: 600; color: #027313; line-height: 26px; text-decoration: none; position: relative; padding-left: 40px; padding: 15px 54px 15px 54px; display: block; width: 100%; text-align: left; } .faq-content .faq-item h4 .btn-link span { position: absolute; left: 20px; top: 19px; font-size: 18px; color: #027313; } .faq-content .faq-item h4 .btn-link:after { position: absolute; right: 20px; top: 17px; content: "\E990"; font-family: "iconfont"; font-size: 14px; color: #027313; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .faq-content .faq-item h4 .btn-link.collapsed { color: #282828; } .faq-content .faq-item h4 .btn-link.collapsed:after { content: "\E98F"; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .faq-content .faq-item .card-body { padding: 4px 55px 4px 55px; } /*-============================================ contact sec ============================================*/ .xs-get-in-touch { padding: 100px 0 60px; } .get-in-touch-cont h3 { font-size: 36px; font-weight: 700; margin-bottom: 28px; } .xs-contact-sec { margin-bottom: 100px; } .xs-form-group { background: #f7f7f7; padding: 50px 36px; } .xs-form-group .form-control { border: none; } .xs-form-group .xs-btn-wraper .xs-btn { display: block; width: 100%; } .contact-map { width: 100%; } .contact-map iframe { width: 100%; height: 473px; } /*------------ contact form v2 -------*/ .xs-contact-v2-sec { margin-bottom: 100px; } .xs-contact-v2-sec .xs-single-title { margin-bottom: 32px; } .xs-contact-v2-sec .xs-form-group { padding: 0; background: #FFFFFF; } .xs-contact-v2-sec .xs-form-group .form-control { border: 1px solid #eeeeee; } .xs-contact-v2-sec .xs-form-group .xs-btn-wraper { text-align: center; } .xs-contact-v2-sec .xs-form-group .xs-btn-wraper .xs-btn { width: auto; display: inline-block; } /*=================================================== xs-contact-infomation ==================================================*/ .xs-contact-infomation { margin-bottom: 100px; } .xs-contact-infomation.xs-contact-infomation-v2 [class*=col-]:last-of-type .contact-info-group { padding: 27px 40px; } .xs-contact-infomation.xs-contact-info-1 { margin-bottom: 135px; } .contact-info-group { background: #f7f7f7; padding: 40px; text-align: center; box-shadow: 2px 6px 29px -6px #e0e0e0; } .contact-info-group i { font-size: 45px; display: block; color: #027313; margin-bottom: 30px; } .contact-info-group h4 { font-size: 18px; position: relative; padding-bottom: 14px; margin-bottom: 20px; } .contact-info-group h4:before { position: absolute; left: 0; bottom: 0; content: ""; width: 54px; height: 1px; background: #d6d6d6; display: block; right: 0; margin: auto; } .contact-info-group span, .contact-info-group a { display: block; font-family: "Open Sans", sans-serif; color: #6d6d6d; font-weight: 500; } .contact-info-group span.text-color, .contact-info-group a.text-color { color: #027313; } /*============================= 404 page ==============================*/ .error-404-section { padding: 81px 0 134px; } .error-content { text-align: center; } .error-content h2 { display: block; font-size: 150px; line-height: 150px; color: #333; margin-bottom: 20px; text-shadow: 5px 5px 1px rgba(0, 0, 0, 0.1); } .error-content h3 { margin-bottom: 22px; } .error-content p { margin-bottom: 30px; } /*--------------------------------------------------============================================================ prelaoder =================================================--------------------------------------------------------------*/ #preloader { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 9999999999; background-color: #004b1e; transition: all 1s ease-in; } #preloader.loaded { top: -150%; } .prelaoder-btn { padding: 10px 30px; } .preloader-wrapper { top: 50%; left: 0; transform: translateY(-50%); position: absolute; right: 0; bottom: 0; margin: auto; } .la-ball-clip-rotate-pulse, .la-ball-clip-rotate-pulse > div { position: relative; box-sizing: border-box; } .la-ball-clip-rotate-pulse { display: block; font-size: 0; color: #fff; } .la-ball-clip-rotate-pulse.la-dark { color: #333; } .la-ball-clip-rotate-pulse > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-clip-rotate-pulse { width: 32px; height: 32px; } .la-ball-clip-rotate-pulse > div { position: absolute; top: 50%; left: 50%; border-radius: 100%; } .la-ball-clip-rotate-pulse > div:first-child { position: absolute; width: 32px; height: 32px; background: transparent; border-style: solid; border-width: 2px; border-right-color: transparent; border-left-color: transparent; -webkit-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .la-ball-clip-rotate-pulse > div:last-child { width: 16px; height: 16px; -webkit-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .la-ball-clip-rotate-pulse.la-sm { width: 16px; height: 16px; } .la-ball-clip-rotate-pulse.la-sm > div:first-child { width: 16px; height: 16px; border-width: 1px; } .la-ball-clip-rotate-pulse.la-sm > div:last-child { width: 8px; height: 8px; } .la-ball-clip-rotate-pulse.la-2x { width: 64px; height: 64px; left: 0; top: 0; right: 0; margin: auto; bottom: 0; position: absolute; } .la-ball-clip-rotate-pulse.la-2x > div:first-child { width: 64px; height: 64px; border-width: 4px; } .la-ball-clip-rotate-pulse.la-2x > div:last-child { width: 32px; height: 32px; } .la-ball-clip-rotate-pulse.la-3x { width: 96px; height: 96px; } .la-ball-clip-rotate-pulse.la-3x > div:first-child { width: 96px; height: 96px; border-width: 6px; } .la-ball-clip-rotate-pulse.la-3x > div:last-child { width: 48px; height: 48px; } @-webkit-keyframes ball-clip-rotate-pulse-rotate { 0% { transform: translate(-50%, -50%) rotate(0deg); } 50% { transform: translate(-50%, -50%) rotate(180deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes ball-clip-rotate-pulse-rotate { 0% { transform: translate(-50%, -50%) rotate(0deg); } 50% { transform: translate(-50%, -50%) rotate(180deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @-webkit-keyframes ball-clip-rotate-pulse-scale { 0%, 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 30% { opacity: 0.3; transform: translate(-50%, -50%) scale(0.15); } } @keyframes ball-clip-rotate-pulse-scale { 0%, 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 30% { opacity: 0.3; transform: translate(-50%, -50%) scale(0.15); } } .cancel-preloader { position: absolute; right: 20px; bottom: 20px; background: #fff; padding: 5px 14px; border-radius: 36px; color: #004b1e; } /* Author: XpeedStudio Author URI: http://themeforest.net/user/XpeedStudio/portfolio */ @media (min-width: 992px) and (max-width: 1200px) { h1 { font-size: 60px; } h2 { font-size: 42px; } .column-title.column-title2 { font-size: 36px; } /*-------------- header top ---------*/ .xs-header-top .header-top-info ul li { padding-left: 22px; } .xs-header-top.header-top-border .header-top-info ul li { padding: 0 9px; } /*-------------- header middle ---------*/ .xs-header-middle.header-middle-v4 .header-middle-info ul li { margin-left: 36px; } /*-------------- header nav ---------*/ .xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menu > li { padding: 0 25px; } .xs-header-nav .header-nav .nav-menu > li > a { padding: 20px 20px; } /*------------ banner slider ------*/ .xs-banner-sec.banner-slider .owl-nav > div.owl-prev { left: 0; right: auto; } .xs-banner-sec.banner-slider .owl-nav > div.owl-next { left: auto; right: 0; } .xs-banner-sec .banner-slider-item .banner-content h2 { font-size: 50px; } /*------------- call to action ----------*/ .call-to-action-sec .call-action-item .call-to-action-content { padding: 80px 35px 80px 58px; } /*------------- video ----------*/ .video-sec .video-item img { min-height: 440px; } /*------------- why choose us inner ----------*/ .why-choose-us-sec.why-choose-inner .why-choose-inner-img { width: 100%; } /*------------------ single service inner v2------------*/ .main-single-service-v2 .key-benifits-item .key-benifits-content { padding: 0 34px; } /*---------------- blog sec ----------*/ .blog-content-item .single-blog-item .blog-date-info { right: 20px; bottom: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .xs-mb-60 { margin-bottom: 40px; } .column-title { font-size: 36px; } h1 { font-size: 48px; } h2 { font-size: 36px; } .section-padding { padding: 80px 0; } .section-title-item .section-title { margin-bottom: 45px; } /*---------- header top -----*/ .xs-header-top:before { width: calc(63% - 547px + 5em); } .xs-header-top .header-top-info ul li { padding-left: 15px; } .xs-header-top.header-top-border .header-top-info ul li { padding: 0 8px; } /*---------- header middle -------*/ .xs-header-middle .header-middle-info ul li { margin-left: 25px; } .xs-header-middle.header-v2-top .header-middle-info ul li { margin-left: 7px; padding-left: 18px; } .xs-header-middle.header-v2-top .header-middle-info ul li i { display: none; } .xs-header-middle.header-v2-top .header-middle-info ul li:before, .xs-header-middle.header-middle-v4 .header-middle-info ul li i { display: none; } .xs-header-middle.header-middle-v4 .header-middle-info ul li:last-child { padding: 9px 23px 9px 19px; } .xs-header-middle.header-middle-v4 .header-middle-info ul li { padding-left: 6px; } /*------------- header nav -------*/ .xs-header-nav .header-nav .header-nav-right-info, .xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menus-wrapper::before { display: none; } .xs-header-nav .header-nav .nav-menu > li > a { padding: 20px 18px; } .xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menu > li { padding: 0 20px; } /*---------------------- banner ------------*/ .xs-banner-sec .banner-slider-item .banner-content h2 { font-size: 40px; } /*---------- service -----------------*/ .service-sec .single-service .service-img img { width: 100%; } /*---------------- single service page -------*/ .key-benifits-item .key-benifits-content { margin-bottom: 40px; } .service-inner-sec .populer-question-item .single-services-item { margin-bottom: 40px; } /*---------------- service inner v2 page -------*/ .service-inner-v2-sec .service-v2-item { margin-bottom: 40px; background: #fff; } .service-inner-v2-sec .service-v2-item .single-service-v2-content h3 { font-size: 28px; line-height: 32px; } .service-inner-v2-sec .single-service-v2-item { margin-left: 35px; } .service-inner-v2-sec .single-service-v2-item .single-service-v2-img i { width: 90px; height: 90px; font-size: 32px; padding: 29px 0; } /*--------------- single service v2 -----------*/ .main-single-service-v2 .single-service-post-content i { margin-bottom: 22px; height: 134px; width: 134px; font-size: 50px; padding: 43px 0; } .main-single-service-v2 .single-service-post-content .column-title { margin-bottom: 27px; } .main-single-service-v2 .single-service-post-content, .main-single-service-v2 .coverd-item .xs-single-title, .main-single-service-v2 .coverd-item .single-covered-item { margin-bottom: 40px; } .main-single-service-v2 .coverd-item, .main-single-service-v2 .related-case-item .xs-single-title, .key-benifits-item.xs-mb-100 { margin-bottom: 50px; } .main-single-service-v2 .coverd-item .xs-coverd-item { border: none; } .main-single-service-v2 .key-benifits-item .key-benifits-content { padding: 40px 20px 20px; } .key-benifits-item .col-lg-6.col-md-5.xs-padding-0 { align-self: center; } .main-single-service-v2 .related-case-item .single-related-case .overlay-content .xs-single-title { margin-bottom: 7px; font-size: 20px; } /*-----why choose us -----*/ .why-choose-us-sec .why-choose-img { margin-bottom: 60px; } .why-choose-content .col-sm-6:nth-last-of-type(1) .single-why-choose-list, .why-choose-content .col-sm-6:nth-last-of-type(2) .single-why-choose-list { margin-bottom: 0; } /*---------------- why choose us inner -----------*/ .why-choose-us-sec.why-choose-inner .why-choose-inner-img { width: 100%; } .why-choose-us-sec.why-choose-inner .single-why-choose-list h3 { font-size: 18px; } /*--------------- pricing plan ------*/ .pricing-plan-sec .pricing-plan-item { padding: 0 0; } /*-------------------- testmonial -----------*/ .testmonial-sec .call-back-content { padding: 50px 30px 45px; } .testmonial-sec .call-back-content .call-back-form .call-us-number { margin-left: 0; margin-top: 20px; } /*------------------ latest news --------*/ .latest-news-content { margin-bottom: 50px; } /*----------------- call to action -------------*/ .call-to-action-sec:before { display: none; } .faq-and-client-logo-sec .faq-item.client-logo-item .faq-content p { color: #fff; } .faq-and-client-logo-sec .faq-item.client-logo-item .single-client-logo:before { display: none; } .faq-and-client-logo-sec .faq-item.client-logo-item .single-client-logo { border: none; } /*-------------- footer ---------*/ .footer-img { display: none; } /*-------------- about ---------*/ .about-sec.about-v2-sec .about-tabs-menu { display: block; margin-bottom: 40px; } .about-sec.about-v2-sec .about-tabs-menu a { display: inline-block; width: 33%; } .about-sec.about-v2-sec .about-tabs-menu a.active:before { right: 50%; top: auto; bottom: -15px; border-width: 10px 10px 0 10px; border-color: #489f10 transparent transparent transparent; } /*-------------- about inner ---------*/ .about-inner .about-inner-img { margin-bottom: 40px; } /*-------------- video ---------*/ .video-sec { margin: 0; } .video-sec .call-to-action-v2 .call-back-content { position: relative; top: 0; } /*-------------- faq ---------*/ .client-logo-item.faq-item { margin-top: 40px; } /*-------------- tips tricks ---------*/ .tips-tricks-sec .single-tips-tricks { margin-bottom: 30px; } /*-------------- team inner ---------*/ .team-v1-sec .single-team-content { padding-right: 40px; margin-bottom: 50px; } /*-------------- pricing plan v4--------*/ .pricing-plan-sec .pricing-plan-item-v4 { margin: 0; } /*------------------- blog section -----------*/ .blog-content-item { margin-bottom: 60px; } .blog-content-item .single-blog-item:last-of-type { border-bottom: none; padding-bottom: 0; } /*---------------- contact sec --------*/ .xs-get-in-touch { padding: 70px 0 45px; } .xs-form-group, .contact-info-group { margin-bottom: 50px; } .xs-contact-infomation, .xs-contact-sec { margin-bottom: 70px; } /*---------- our project --------------*/ .xs-popup-content .xs-popup-left-content { margin-bottom: 40px; } } @media only screen and (max-width: 767px) { .xs-mb-60 { margin-bottom: 40px; } .xs-single-title { font-size: 20px; } h1 { font-size: 36px; line-height: 44px; } h2 { font-size: 30px; line-height: 40px; } .column-title { font-size: 30px; } .section-padding { padding: 70px 0; } .section-title-item .section-title, .recent-work-sec .section-title-item .section-title { margin-bottom: 35px; } .section-title-item.section-title-v2-item .hidden-title { top: 21px; font-size: 56px; } .section-title-item.section-title-v2-item .section-title { margin-bottom: 50px; font-size: 30px; } .about-inner .about-inner-content .column-title2.column-title { margin-bottom: 25px; } .column-title.column-title2 { font-size: 30px; } .xs-header-top:before, .logo, .xs-header-nav .header-nav:before, .xs-header-nav .header-nav:after, .xs-header-nav .header-nav .header-nav-right-info, .footer-img, .call-to-action-sec:before, .faq-and-client-logo-sec .faq-item.client-logo-item .single-client-logo:before, .xs-header-middle.header-v2-top .header-middle-info ul li:before, .section-title-item.section-title-v2-item .section-bar { display: none; } /*------- header top --*/ .xs-header-top { padding: 6px 0; } .xs-header-top .header-top-info ul li { line-height: 28px; text-align: center; display: block; padding: 0; } .xs-header-top .header-top-social ul { text-align: center; display: block; } .header-top-box .header-top-info { text-align: center; } .header-top-box .header-top-info ul li { display: inline-block; } .xs-header-top.header-top-border .header-top-info ul, .xs-header-top.header-top-border .header-top-social ul { display: block; border: none; border-right: none; } .xs-header-top.header-top-box .header-top-info ul li:last-child a { margin-right: 0; padding-right: 0; } .xs-header-top.header-top-box .header-top-search ul li:first-child { margin-left: 0; padding-left: 0; } .xs-header-top.header-top-box .header-top-search { text-align: center; } .xs-header-top.header-top-box .header-top-search ul li.search-item .header-search-field { margin-left: 0; top: 32px; box-shadow: 1px 1px 1px 1px #ddd; } /*------------ header middle ---------*/ .xs-header-middle .header-middle-info ul li { margin-left: 37px; } .header-v2-top .header-middle-info ul li p { margin-bottom: 15px; } .xs-header-middle.header-v2-top .header-middle-info ul li:last-child { padding-left: 50px; } .xs-header-middle.header-middle-v4 .header-middle-info ul li i { left: -6px; } .xs-header-middle.header-middle-v4 .header-middle-info ul li:last-child { top: 0; margin-top: 15px; margin-left: 0; } /*-------- header nav ----*/ .xs-header-nav .header-nav .mobile-logo { display: block; padding: 11px 15px; } .nav-toggle:before { background: #FFFFFF; box-shadow: 0 0.5em 0 0 #ffffff, 0 1em 0 0 #ffffff; } .navigation-portrait .nav-menus-wrapper { background: #282828; } .xs-header-nav .header-nav .nav-menu > li > a { border-left: none; border-right: none; } .navigation-portrait .nav-menu > li { border-top: solid 1px #100606; } /*----------- banner slider ----------*/ .xs-banner-sec .banner-slider-item { height: 590px; } .xs-banner-sec .banner-slider-item .banner-content p, .xs-banner-sec .banner-slider-item.banner-item2 .banner-content p, .xs-banner-sec .banner-slider-item.banner-item3 .banner-content p { padding: 0; } .xs-banner-sec.xs-banner-v2-sec .banner-slider-item .banner-content h2 { font-size: 34px; line-height: 42px; } .xs-banner-sec .banner-slider-item .banner-content h2 { font-size: 36px; line-height: 42px; } /*----- promo section ---*/ .promo-area-sec .promo-content-item { padding: 47px 20px 45px; } .promo-area-sec .promo-content-item .single-promo-content { margin-bottom: 44px; } /*--------- about section ---*/ .about-sec .about-video-item { margin-left: 0; } .about-content { margin-bottom: 45px; } .about-sec .about-video-item .about-video-img a { min-width: 66px; height: 64px; padding: 24px 24px; } .about-sec.about-v2-sec .about-tabs-item { margin-left: 0; } .about-sec.about-v2-sec .about-tabs-menu a.active:before { right: 50%; top: auto; bottom: -15px; border-width: 10px 10px 0 10px; border-color: #489f10 transparent transparent transparent; } .about-sec.about-v2-sec .about-tabs-item .about-tabs-img { margin-bottom: 30px; } /*---------------- about inner --------*/ .about-inner .about-inner-content { margin-left: 0; } /*------------- service ----*/ .service-sec .single-service .service-img img { width: 100%; } .service-v2-sec .single-services-item { padding-right: 0px; margin-bottom: 42px; text-align: center; } /*------------- service inner ----*/ .service-inner-sec .service-sidebar .widgets, .service-inner-sec .service-sidebar .widgets:last-of-type { margin-bottom: 50px; } .key-benifits-item .key-benifits-content, .service-inner-sec .single-service-post-content, .service-inner-sec .populer-question-item .single-services-item, .service-inner-sec .single-service-post-content h2, .service-inner-sec .single-service-post-content img { margin-bottom: 40px; } .service-inner-sec .populer-question-item .faq-list-item .faq-single-item .card-header h4 .btn-link { white-space: unset; } /*---------------- service inner v2 ---*/ .service-inner-v2-sec .service-v2-item { margin-bottom: 20px; margin-top: -50px; } .service-inner-v2-sec .service-v2-item .single-service-v2-content h3 { font-size: 25px; line-height: 35px; } .service-inner-v2-sec .service-v2-item .single-service-v2-img img { width: 100%; margin-bottom: 24px; } .service-inner-v2-sec .single-service-v2-item { margin-left: 0; padding: 28px; } .single-service-v2-item .single-service-v2-content { margin-bottom: 40px; } .service-inner-v2-sec .single-service-v2-item .single-service-v2-img { padding-left: 40px; } .service-inner-v2-sec .single-service-v2-item.single-service-v2-item-1 .single-service-v2-img { padding-right: 40px; } .service-inner-v2-sec .single-service-v2-item .single-service-v2-img i { width: 80px; height: 80px; font-size: 31px; padding: 25px 0; } .single-service-v2-item-1 .single-service-v2-img { margin-bottom: 30px; } .service-inner-v2-sec { padding-bottom: 30px; } /*---------------- single service v2 ------------*/ .main-single-service-v2 .single-service-post-content i { height: 100px; width: 100px; font-size: 35px; padding: 34px 0; margin-top: -92px; margin-bottom: 30px; } .main-single-service-v2 .single-service-post-content .column-title, .main-single-service-v2 .single-service-post-content p { padding: 0 0; } .main-single-service-v2 .single-service-post-content .column-title { margin-bottom: 25px; } .main-single-service-v2 .coverd-item .xs-single-title, .main-single-service-v2 .coverd-item .single-covered-item, .main-single-service-v2 .related-case-item .xs-single-title, .main-single-service-v2 .related-case-item .single-related-case { margin-bottom: 40px; } .main-single-service-v2 .coverd-item .xs-coverd-item { border: none; } .main-single-service-v2 .coverd-item .xs-coverd-item:last-of-type .single-covered-item { margin-bottom: 0; } .main-single-service-v2 .coverd-item, .key-benifits-item.xs-mb-100 { margin-bottom: 50px; } .main-single-service-v2 .key-benifits-item .key-benifits-content { padding: 60px 10px 30px; } .main-single-service-v2 .key-benifits-item h3 { font-size: 24px; } /*-------------- how it work ------------*/ .recent-work-sec .single-recent-work .recet-work-footer h6 { padding: 11px 0 10px 95px; } /*---- why choose us -------------*/ .why-choose-us-sec .why-choose-img { margin-bottom: 60px; } .why-choose-us-sec .why-choose-content { margin-left: 0; } .why-choose-us-sec .why-choose-content > p:last-of-type { margin-bottom: 44px; } .why-choose-us-sec .why-choose-content .single-why-choose-list { margin-bottom: 38px; margin-top: 0; } .why-choose-content .col-sm-6:last-of-type .single-why-choose-list { margin-bottom: 0; } /*-------------- why choose inner ----------*/ .about-inner-img { margin-bottom: 40px; } .why-choose-us-sec.why-choose-inner .why-choose-inner-img { width: 100%; margin-top: 30px; } /*-------------- pricing plan ----*/ .pricing-plan-sec .pricing-plan-item { padding: 0; } .pricing-plan-sec .pricing-plan-item .single-pricing-item:nth-last-of-type(2) { margin: 20px 15px; } .pricing-plan-sec .pricing-plan-item .single-pricing-plan h4 { margin-bottom: 22px; } /*------------ pricing plan v4 --------*/ .pricing-plan-sec .pricing-plan-item-v4 { margin: 0; } .pricing-plan-sec .pricing-plan-item-v4 .single-pricing-plan { margin-bottom: 40px; } .pricing-plan-item-v4 .single-pricing-item:last-of-type .single-pricing-plan { margin-bottom: 0; } .pricing-plan-sec.pricing-plan-v2-sec { padding-top: 70px; padding-bottom: 70px; } /*-------------- testmonial--------*/ .testmonial-sec:before { height: 100%; } .testmonial-sec .call-back-content { padding: 50px 25px 45px; margin-bottom: 50px; } .testmonial-sec .call-back-content .call-back-form .call-us-number { margin-left: 0; display: block; margin-top: 24px; } .testmonial-sec .testmonial-content { padding: 0; } .testmonial-v2-sec #testmonial-slider-v2 .owl-nav { top: -46px; } /*------------- latest news -----------*/ .latest-news-content, .latest-news-sec .single-latest-news { margin-bottom: 40px; } .latest-news-sec .col-lg-8 .col-md-6:last-of-type .single-latest-news { margin-bottom: 0; } /*-------------- call to action ----------*/ .call-to-action-sec { min-height: inherit; } .call-to-action-sec .call-action-item .call-to-action-content { padding: 52px 31px 60px 35px; } .faq-and-client-logo-sec .faq-item.client-logo-item .faq-content p { margin-bottom: 20px; color: #fff; } .faq-and-client-logo-sec .faq-item.client-logo-item .faq-content h4 { margin-bottom: 24px; line-height: 47px; } .faq-and-client-logo-sec .faq-item.client-logo-item .single-client-logo { padding: 27px 45px; } /*--------------- map --------------*/ .map-sec .xs-maps-wraper .map { height: 360px; } /*------------- video section ----*/ .video-sec { margin: 0; } .video-sec .call-to-action-v2 .call-back-content { position: relative; top: 0; } .video-sec .call-to-action-v2 .call-back-content .call-back-form .call-us-number { margin-top: 20px; margin-left: 0; } /*------------- our project section ----*/ .recent-work-sec.our-project-sec .our-project-item .grid-item { width: 100%; } /*-------- project popup----*/ .xs-popup-img { margin: 15px 15px 0; } .xs-popup-left-content { margin-bottom: 40px; } .xs-popup-content .hidden-title { font-size: 30px; } .xs-popup-content h3 { font-size: 24px; } /*------------- faq section ----*/ .faq-and-client-logo-sec .faq-item { padding: 0 16px; } .faq-and-client-logo-sec .faq-item.client-logo-item .single-client-logo { border-bottom: none; } #accordion { margin-bottom: 60px; } /*------------- tips tricks section ----*/ .tips-tricks-sec .single-tips-tricks { margin-bottom: 30px; } /*------------- breadcump----*/ .banner-inner-sec { height: 305px; } .banner-inner-sec .banner-inner-content .banner-inner-title { font-size: 36px; } /*------------- team----*/ .team-sec .single-team { margin-bottom: 30px; } .team-sec .col-lg-3:last-of-type .single-team { margin-bottom: 0; } .team-v1-sec .single-team-content { padding-right: 0; margin-bottom: 50px; } .single-team-item { margin-bottom: 40px; } .team-v1-sec .col-lg-8 .col-md-4:last-of-type .single-team-item { margin-bottom: 0; } /*------------- ready-to-conect----*/ .ready-to-contact .ready-to-contact-content h2 { font-size: 28px; } /*----------------------- blog section ---------*/ .xs-blog-title { font-size: 20px; } .blog-content-item .single-blog-item .blog-date-info { bottom: 0; right: 0; } .blog-content-item .single-blog-item blockquote::before { position: relative; left: 0; top: 0; } .blog-content-item .single-blog-item blockquote { padding: 50px 28px 50px 28px; } .blog-content-item .single-blog-item:last-of-type { border-bottom: none; padding-bottom: 0; } .blog-content-item { margin-bottom: 40px; } .pagination li a { margin: 0 3px; } /*----------------------- single blog --------------*/ .xs-single-pera-list { display: block; margin: 36px 0 25px; } .xs-single-pera-list img { margin-bottom: 30px; } /*---------------- contact sec --------*/ .xs-get-in-touch { padding: 60px 0 36px; } .get-in-touch-cont h3 { font-size: 30px; margin-bottom: 20px; } .xs-form-group { padding: 32px 17px; margin-bottom: 40px; } .xs-contact-infomation, .xs-contact-sec, .xs-contact-infomation.xs-contact-info-1, .section.xs-contact-sec.xs-contact-v2-sec { margin-bottom: 60px; } .contact-info-group { margin-bottom: 40px; } .xs-contact-infomation.xs-contact-infomation-v2 [class*=col-]:last-of-type .contact-info-group { margin-bottom: 0; } /*----------- faq ---*/ .faq-content .faq-content-item .faq-title { font-size: 30px; margin-bottom: 20px; } /*----------------- 404 page -----------*/ .error-content { margin-bottom: 40px; } .error-content h2 { font-size: 90px; line-height: 79px; } /*------------- footer area --------*/ .xs-footer-sec .copyright-content p { margin-bottom: 15px; } .xs-footer-sec .copyright-content .footer-bottom-menu, .xs-footer-sec .copyright-content p { text-align: center; } /*--------- funfact -----------*/ .funfact-sec.funfact-v2-sec { padding: 61px 0 63px; } .funfact-sec .single-funfact { margin-bottom: 40px; } .funfact-sec [class*=col-]:last-of-type .single-funfact { margin-bottom: 0; } .funfact-sec.funfact-v2-sec .single-funfact { margin-top: 40px; } } @media only screen and (max-width: 575px) { /*---------- header middle -------*/ .xs-header-middle .header-middle-info ul li { display: block; margin-left: 0; margin-bottom: 10px; } .xs-header-middle .header-middle-info { float: none !important; } .xs-header-middle .header-middle-info ul li:last-child { margin-bottom: 0; } /*--------- bannner ----*/ .xs-btn-wraper .xs-btn.fill, .xs-btn-wraper .xs-btn { display: block; max-width: 240px; } .banner-item1 .xs-btn-wraper .xs-btn.fill, .banner-item1 .xs-btn-wraper .xs-btn { margin: auto auto 15px; text-align: center; } .banner-item2 .xs-btn-wraper .xs-btn.fill, .banner-item2 .xs-btn-wraper .xs-btn { margin: 0 0 15px; text-align: center; } .banner-item3 .xs-btn-wraper .xs-btn.fill, .banner-item3 .xs-btn-wraper .xs-btn { margin: 0 0 15px auto; text-align: center; } /*------------- about sec--------*/ .about-sec .about-video-item .about-video-img { width: 100%; } .about-sec .about-video-item .about-img2 { display: none; } /*------------- about innter--------*/ .about-inner .about-inner-content .single-about-funfact { margin-top: 42px; text-align: center; } /*-------------- call to action ----------*/ .call-to-btn .xs-btn.fill, .call-to-btn .xs-btn { display: block; text-align: center; max-width: 230px; margin: 0 0 15px; } /*--------------- footer section----------*/ .xs-footer-sec .footer-item { padding-top: 60px; } .xs-footer-sec .copyright-content .footer-social li a { font-size: 12px; margin-left: 10px; } /*--------------- timeline section----------*/ .company-timeline-sec .company-timeline-item .single-timeline-item { margin-bottom: 30px; } /*-------------------- single blog ------------*/ .post-tag a { margin-bottom: 15px; } .social-share-list.float-right { text-align: left; float: left !important; margin-top: 15px; } .xs-comments-area .comments-list .comment .children { margin-left: 36px; } .author-info { padding: 30px 30px 30px 120px; } .author-info img { width: 70px; height: 70px; } .service-sec { padding-bottom: 20px; } .ready-to-contact { position: relative; padding: 70px 0 100px; } } /*fonts*/ /*green - logo #006a3c */ /*green old #4E7D04 green new 2 #4b6c19 / #4b6c19 dark green #02590f dark green new #335203 / #335203 */ /*red #F04029 new red #FA0202 / #9a0f0f */ /* *yellow old #F2E205 *Yellow new #FFFF47 */ .activeLang { font-weight: bold; text-decoration: underline; } .xs-header-nav .header-nav { background: #4b6c19; } html { scroll-behavior: smooth; } body { font-family: "Lora", serif; font-weight: 400; font-size: 16px; line-height: 22px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p { font-family: "Lora", serif; font-size: 16px; text-align: justify; } p > a { color: #6d6d6d; } p > a:hover { color: #333333; } h3, h2 { color: #595959; } h1 { color: #fff; } #preloader { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 9999999999; background-color: #4b6c19; transition: all 1s ease-in; } /*heder top line*/ .xs-btn { background: #4b6c19; border: 1px solid #4b6c19; } li.b > a.active { font-weight: bold; } li.b > a { font-size: 15px; } .active2 { font-weight: bold !important; text-decoration: underline !important; } .xs-header-top { background: #FFFF47; color: #333; /* margin-top: -15px; */ } .xs-header-top .header-top-info { position: relative; font-weight: 600; } .header-top-social { font-weight: 600; } .xs-header-top .header-top-info ul li { display: inline-block !important; color: #333; line-height: 30px; font-family: "Lora", serif; padding-left: 0px; } .xs-header-top .header-top-social ul li a { color: #333; padding: 0 0 0 2px; } .xs-header-top .header-top-info ul li i { margin-right: 5px; font-size: 17px; } .youtube { width: 60%; } .linkedin { width: 60%; } .xs-header-nav .header-nav { background: #4b6c19; } .xs-header-nav .header-nav .header-nav-right-info { padding: 34px 30px; background: #191919; } .xs-header-middle .header-middle-info ul li i { color: #4b6c19; } .xs-header-nav .header-nav .nav-menu > li .nav-dropdown > li > a { padding: 13px 20px; font-size: 14px; /*color: #282828;*/ border-bottom: 1px solid #f1f1f1; text-transform: none; font-weight: 600; } .xs-header-nav .header-nav .nav-menu > li > a { font-size: 14px; line-height: 27px; color: #fff; height: auto; padding: 20px 25px; border-left: 1px solid #4b6c19; border-right: 1px solid #4b6c19; font-family: "Lora", serif; font-weight: 700; text-transform: capitalize; letter-spacing: 0; } .xs-header-nav .header-nav .nav-menu > li > a:hover { background: #335203 !important; } .xs-header-middle .header-middle-info ul li label { margin-bottom: 0; font-size: 15px; font-family: "Lora", serif; font-weight: 600; color: #282828; line-height: 18px; } .xs-header-middle .header-middle-info ul li p { margin-bottom: 0; font-family: "Lora", serif; } .nav-menu > li:not(:first-child) a::before { content: ""; background: white; position: absolute; bottom: 0; left: 0; transform: translateY(-110%); height: 30%; width: 1.5px; } .nav-menu > li:not(:first-child) a::after { content: ""; background: white; position: absolute; bottom: 0; left: 0; transform: translateY(-110%); height: 30%; width: 2px; } .xs-header-nav .header-nav .nav-menu > li > a { border-left: 1px solid #4b6c19; border-right: 1px solid #4b6c19; padding: 20px 24px; } .index-img { width: 100%; height: 165px !important; -o-object-fit: cover; object-fit: cover; filter: drop-shadow(3px 3px 3px black); margin-bottom: 3%; border-radius: 0 5px; } .xs-service-title > a { font-size: 21px; } /* pretraga */ #content { position: absolute; height: 50px; top: 25%; right: 1.9%; } #content.on { -webkit-animation-name: in-out; animation-name: in-out; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .inputFont { font-size: 0px !important; } .input { box-sizing: border-box; width: 25px; height: 25px; border: 4px solid #ffffff; border-radius: 50%; background: none; color: #fff; font-size: 16px; font-weight: 400; font-family: Roboto; outline: 0; } .search { background: none; position: absolute; top: 10px; left: 40px; height: 50px; width: 50px; padding: 0; border-radius: 100%; outline: 0; border: 0; color: inherit; cursor: pointer; transition: 0.2s ease-in-out; transform: translate(-100%, -50%); } .search:before { content: ""; position: absolute; width: 20px; height: 4px; background-color: #fff; transform: rotate(45deg); margin-top: 20px; margin-left: 0px; transition: 0.2s ease-in-out; } .close { transition: 0.4s ease-in-out; transition-delay: 0.4s; position: absolute; top: 30%; left: 15px; } button.close:focus { outline: none; } button.search:focus { outline: none; } .close:before { content: ""; position: absolute; width: 27px; height: 4px; margin-top: -1px; margin-left: -13px; background-color: #fff; transform: rotate(45deg); transition: 0.2s ease-in-out; } .close:after { content: ""; position: absolute; width: 27px; height: 4px; background-color: #fff; margin-top: -1px; margin-left: -13px; cursor: pointer; transform: rotate(-45deg); } .square { box-sizing: border-box; padding: 0 40px 0 10px; width: 300px; height: 50px; border: 4px solid #ffffff; border-radius: 0; background: rgba(0, 0, 0, 0.8); color: #fff; font-family: Roboto; font-size: 16px !important; font-weight: 400; outline: 0; transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s; transition-delay: 0.4s, 0s, 0.4s; transform: translate(-100%, -50%); position: absolute; top: 155%; } .searchList > li { list-style: disc; } .searchList > li > a:hover { text-decoration: underline; } /*header top line ends*/ /*slider + banner */ .xs-banner-sec.banner-slider .owl-nav > div i { font-family: "FontAwesome"; } /*slider + banner ends*/ /*paddings + margins*/ .p-2 { padding: 2%; } .p-5px { padding: 5px; } .xs-banner-sec .banner-slider-item.banner-item2:before, .xs-banner-sec .banner-slider-item.banner-item3:before { background: rgba(0, 0, 0, 0.2); } .m-l-m12 { margin-left: -12px; } .m-l-m8 { margin-left: -8px; } .section-padding { padding: 60px 0; } .section-padding-contact { padding: 15px 0 40px 0; } .m-t-m5 { margin-top: -5%; } .m-t-m12 { margin-top: -12%; } .m-b-10 { margin-bottom: 10%; } .p-t-5 { padding-top: 5%; } .m-t-4 { margin-top: 4%; } .m-b-5 { margin-bottom: 5%; } .m-b-2 { margin-bottom: 2%; } .m-b-7 { margin-bottom: 7%; } .m-t-8 { margin-top: 8%; } .m-t-10 { margin-top: 10%; } .m-t-12 { margin-top: 12%; } .p-r-0 { padding-right: 0; } .p-l-40 { padding-left: 40px !important; } .m-b-0 { margin-bottom: 0 !important; } .p-b-6 { padding-bottom: 6%; } .p-t-6 { padding-top: 6%; } .p-t-7 { padding-top: 7%; } .m-a { margin: auto; } .m-l-5 { margin-left: 5%; } /*padding + margins ends*/ /* nauka homepage */ .scienceImg { border: 3px solid #fff; border-radius: 5px; padding: 2%; } .scienceImg:hover { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); } .scienceLogoImg { margin-top: -32px; width: auto !important; } .table thead th { vertical-align: middle; border-bottom: 2px solid #dee2e6; } /* naukahomepage ends */ /* Josif pancic */ .jp-img { width: 50%; margin: 2%; } /* josif pancic ends */ /* tehnicka resenja i patenti */ .btnTech { padding: 0 15px; line-height: 30px; background: #4b6c19; border: 1px solid #4b6c19; font-size: 16px; font-weight: 600; font-family: "Lora", serif; color: #fff; display: inline-block; border-radius: 2px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; cursor: pointer; } .mb-0 > a { display: block; position: relative; } .mb-0 > a:after { content: "\F078"; /* fa-chevron-down */ font-family: "FontAwesome"; position: absolute; right: 0; } .mb-0 > a[aria-expanded=true]:after { content: "\F077"; /* fa-chevron-up */ } .f-s-8 { font-size: 8px !important; } .f-s-40 { font-size: 40px !important; } .mb-0 > a { color: #333; font-size: 17px; line-height: 20px; } hr.singleR { margin-top: 2rem; margin-bottom: 1rem; border: 0; border-top: 2px solid rgba(0, 0, 0, 0.5); width: 30%; } .services-link-item li.active { background: #008435; color: #fff; padding: 12px 20px; } .services-link-item li a { color: #6d6d6d; border-bottom: 1px solid #eeeeee; display: block; padding: 12px 20px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; position: relative; font-family: "Open Sans", sans-serif; } .service-sidebar .widgets { margin-bottom: 80px; } /* tehnicka resenja i patenti ends */ /* donji meni */ ul.o-institutuFooterMenu > li > a { color: #6d6d6d !important; } ul.o-institutuFooterMenu > li > a.active { color: #9a0f0f !important; } ul.o-institutuFooterMenu > li > a:hover { border-bottom: 1px solid #9a0f0f !important; } /* donji meni */ /*3 box */ .xs-service-title { letter-spacing: 3px; font-size: 25px; } .promo-area-sec .promo-content-item .single-promo-content .xs-btn { padding: 0 20px; line-height: 37px; font-size: 12px; font-weight: 400; filter: drop-shadow(3px 3px 2px #333); } .xs-btn:hover, .xs-btn:focus { color: #FFFFFF; outline: none; background: #335203 !important; border-color: #335203 !important; } /*divider*/ .wrapper { padding-bottom: 90px; } .divider { position: relative; margin-bottom: 10%; height: 1px; } .div-transparent:before { content: ""; position: absolute; top: -5px; left: 5%; right: 5%; width: 90%; height: 2px; background-image: linear-gradient(to right, transparent, #9a0f0f, transparent); } .div-arrow-down:after { content: ""; position: absolute; z-index: 1; top: -12px; left: calc(50% - 7px); width: 14px; height: 14px; transform: rotate(45deg); background-color: white; border-bottom: 1px solid #9a0f0f; border-right: 1px solid #9a0f0f; } .div-tab-down:after { content: ""; position: absolute; z-index: 1; top: 0; left: calc(50% - 10px); width: 20px; height: 14px; background-color: white; border-bottom: 1px solid #303133; border-left: 1px solid #303133; border-right: 1px solid #303133; border-radius: 0 0 8px 8px; } .div-stopper:after { content: ""; position: absolute; z-index: 1; top: -6px; left: calc(50% - 7px); width: 14px; height: 12px; background-color: white; border-left: 1px solid #303133; border-right: 1px solid #303133; } .div-dot:after { content: ""; position: absolute; z-index: 1; top: -9px; left: calc(50% - 9px); width: 18px; height: 18px; background-color: goldenrod; border: 1px solid #303133; border-radius: 50%; box-shadow: inset 0 0 0 2px white, 0 0 0 4px white; } /*divider ends*/ /* tabovi menadzment */ .nav-pills .nav-link.active { background-color: #4b6c19; } .nav-pills > li > a { color: #4b6c19; } /* menadžment ends */ /*3box ends*/ /* botanicka basta */ .botanic-img { border-radius: 5px 15px; filter: drop-shadow(3px 5px 4px black); } .width15 { width: 15%; } .bg-orange-botanic { background: #FEA443; } .bg-pink-botanic { background: #FF0DFF; } .boxRed { background: #FF540D; } .boxDarkRed { background: #FF0000; } .boxPink { background: #FF0DFF; } .boxDarkPink { background: #FF0DFF; } .boxPinkDark { background: #D97398; } .boxLightBlue { background: #40D5D8; } .boxDarkBlue { background: #31A0A0; } .boxOrange { background: #FEA443; } .boxLightGreen { background: #0DF205; } .boxDarkGreen { background: #5FA23F; } .boxYellow { background: #D7F50D; } /* botanicak basta ends */ /*lokacije*/ .ps-section__content div { margin-bottom: 15px; color: #555; font-size: 20px; line-height: 1.1em; } .tabBoxShadow { box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75); } /* lokacije ends */ /*prodavnica*/ td > a { color: #9a0f0f; } td > a:hover { color: #9a0f0f; } li > a { color: #9a0f0f; } li > a:hover { color: #9a0f0f; } .prodavnica-padd { padding-left: 5% !important; padding-top: 1% !important; } .why-choose-us-sec .why-choose-img:after { position: absolute; right: -10px; bottom: -10px; width: 100%; height: 100%; content: ""; border-right: 10px solid #4b6c19; border-bottom: 10px solid #4b6c19; } .why-choose-us-sec .why-choose-content .single-why-choose-list { margin-top: 20px; } .why-choose-us-sec .why-choose-content .single-why-choose-list h3 { padding-left: 0px; position: relative; font-size: 16px; } .recent-work-sec .single-recent-work .recet-work-footer i { position: absolute; left: 0; bottom: 0; min-width: 60px; height: 60px; font-size: 24px; color: #335203; background: #335203; display: block; text-align: center; padding: 16px 0; z-index: 1; background-image: url(https://institutjosifpancic.rs/front/images/josif-pancic/rough_diagonal.png); } .service-inner-sec .service-sidebar .widgets .services-link-item li.active { background: #008435; color: #fff; padding: 12px 20px; } /*prodavnica ends*/ .recent-work-sec .single-recent-work .recet-work-footer h3 { background: #4b6c19; } .service-sidebar { padding-top: 6%; } /* projekti */ .projects > p { font-size: 16px; } .card-body > ul > li { list-style: disc; } .projectsOther > ul > li { list-style: disc; } .f-s-16 { font-size: 16px !important; } .f-s-13 { font-size: 13px !important; } /* projekti ends*/ /*zanimljivosti*/ .funfact-sec:before { background: rgba(78, 125, 4, 0.96); } /*zanimljivosti ends*/ /*kontakt*/ .xs-btn { background: #4b6c19; border: 1px solid #4b6c19; font-size: 16px; font-weight: 600; font-family: "Lora", serif; color: #fff; display: inline-block; line-height: 35px; padding: 3px 40px; border-radius: 2px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; cursor: pointer; } .testmonial-sec .call-back-content .call-back-form .call-us-number { font-size: 14px; font-weight: 700; font-family: "Lora", serif; color: #fff; margin-left: 0px; margin-top: 5px; } .contact { color: #51893e; font-size: 16px; } .whiteColor { color: #fff !important; } .call-to-action-sec:before { background: none; } .service-inner-sec .service-sidebar .widgets.call-to-action { background: #9a0f0f; } /*kontakt ends*/ /*blog*/ .boxHeightBlog { height: 150px; } .object-fit-cover { -o-object-fit: cover; object-fit: cover; } .latest-news-img { height: 187px; } .latest-news-sec .single-latest-news .single-news-content .blog-author { position: absolute; padding: 22px 0 22px 42px; border-top: 1px solid #ededed; right: 6%; bottom: 0; } .latest-news-sec .single-latest-news .single-news-content { padding: 25px 30px 0; height: 456px; } .latest-news-sec .single-latest-news .latest-news-img img { height: 187px; -o-object-fit: cover; object-fit: cover; } .banner-inner-sec { position: relative; height: 250px; background-repeat: no-repeat; background-size: cover; box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75); } .media { display: block; align-items: flex-start; } .post-meta-date > a { color: #333; } .post-meta-date > a:hover { color: #333; } .entry-title > a { color: #333; } .entry-title > a:hover { color: #333; } .signleRightSide { padding-bottom: 25px !important; margin-bottom: 25px !important; border-bottom: 1px solid #eee !important; } .cookie { position: fixed; bottom: 0; width: 100%; z-index: 9; background: #4b6c19; padding: 3px 20px; } .buttonCookie { background: #fff; padding: 0px 10px; margin-left: 2%; border-radius: 5px; cursor: pointer; } span.colorWhite > a { color: #9a0f0f; } .colorWhite { font-size: 14px; } /*blog ends*/ /* proizvodi */ .owl-carousel.owl-drag .owl-item { border: 1px solid #D9D9D9; margin-bottom: 2%; } .colorRed { color: #9a0f0f; } .service-inner-sec .service-sidebar .widgets .widget-title { color: #9a0f0f; margin-bottom: 5%; } .recent-work-sec .single-recent-work img { width: 100%; height: 247px; } .meniProdavnica { color: #fff !important; background: #9a0f0f !important; } .btnBackRed { background: #9a0f0f !important; } .recent-work-sec .single-recent-work .recet-work-footer h3 { background: #4b6c19; } /* proizvodi */ /* istrazivaci */ .team-sec .single-team:hover .team-img .team-social a:nth-of-type(1) { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 400ms; animation-delay: 400ms; -webkit-animation-name: none; animation-name: none; } .team-sec .single-team:hover .team-img .team-social a:nth-of-type(2) { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 500ms; animation-delay: 500ms; -webkit-animation-name: none; animation-name: none; } .team-sec .single-team:hover .team-img .team-social a:nth-of-type(3) { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 600ms; animation-delay: 600ms; -webkit-animation-name: none; animation-name: none; } .team-sec .single-team:hover .team-img .team-social a:nth-of-type(4) { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 700ms; animation-delay: 700ms; -webkit-animation-name: none; animation-name: none; } .team-sec .single-team:hover .team-img .team-social a:nth-of-type(5) { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 800ms; animation-delay: 800ms; -webkit-animation-name: none; animation-name: none; } .team-sec .single-team:hover .team-img .team-social a:nth-of-type(6) { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 900ms; animation-delay: 900ms; -webkit-animation-name: none; animation-name: none; } .about-inner .about-inner-img::before { background: rgba(0, 0, 0, 0); } .projectsColorRed { color: #9a0f0f !important; } .projectsOther { margin-left: 5%; } .team-sec .single-team .team-img .team-social a { background: #4b6c19; } .aGreenRes { color: #4b6c19 !important; } .team-sec .single-team .team-img .team-social a { width: 80%; height: 80%; border-radius: 10px; } .team-sec .single-team .team-img { width: 100%; height: 330px; overflow: hidden; position: relative; margin-bottom: 14px; } .team-img { box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.75); } .recent-work-sec .recent-folio-menu ul li:before { position: absolute; background: #333; } .column-title.column-title2 { font-size: 24px; } .bio > p { margin: 0; } .cardInfo { box-shadow: 4px 4px 8px -2px rgba(0, 0, 0, 0.75); padding: 5% 0; } .cardInfoProjekti { box-shadow: 4px 4px 8px -2px rgba(0, 0, 0, 0.75); padding: 2% 0; } .btn-info { padding: 0 26px; line-height: 26px; margin-left: 3%; } .fa-file-pdf-o { color: #9a0f0f; } /* istrazivaci ends */ /* galerija */ .rounded { border-radius: 0.25rem !important; height: 261px !important; -o-object-fit: cover !important; object-fit: cover !important; } /* galerija ends */ /*footer*/ .footer-logo-img { background: #fff; padding: 10px; border-radius: 10px; filter: drop-shadow(2px 4px 6px black); } /*footer ends*/ /*media query*/ @media (min-width: 1200px) { .container { max-width: 1199px; } } @media (min-width: 789px) { .m-l-m13 { margin-left: -13%; } .service-inner-sec .single-service-post-content { text-align: justify; } } @media only screen and (max-width: 996px) { .mobileHide { display: none; } .m-b-5-t { margin-bottom: 5%; } } @media only screen and (max-width: 788px) { .service-inner-sec .single-service-post-content { text-align: left; } .youtube { width: auto; margin-left: 40%; } .linkedin { width: auto; margin-left: 60%; } .width80 { width: 80%; } .text-align-mobile-center { text-align: center; } .widget-title { text-align: center; } .faq-content .faq-item .card-body { padding: 0px 20px; } .p-l-r-10 { padding-left: 10px; padding-right: 10px; } p { text-align: left !important; } .xs-banner-sec .banner-slider-item .slider-table { margin-top: 12%; padding-bottom: 12%; } .promo-area-sec .promo-content-item .single-promo-content { margin-bottom: 60px; } .banner-inner-sec .banner-inner-content .banner-inner-title { font-size: 28px; line-height: 33px; } .m-r-10m { margin-right: 10%; } .m-r-2m { margin-right: 2.5%; } .m-t-5m { margin-top: 5%; } .xs-banner-sec .banner-slider-item .banner-content p { color: #fff; line-height: 25px; } .xs-banner-sec .banner-slider-item.banner-item2:before, .xs-banner-sec .banner-slider-item.banner-item3:before { background: rgba(0, 0, 0, 0.6); } } /*media query ends*/