/*lighgallery*/
@font-face{font-family:"lg";src:url(../fonts/lg.woff2?io9a6k) format("woff2"),url(../fonts/lg.ttf?io9a6k) format("truetype"),url(../fonts/lg.woff?io9a6k) format("woff"),url("../fonts/lg.svg?io9a6k#lg") format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:"lg"!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-container{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.lg-next,.lg-prev{background-color:rgb(0 0 0 / .45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1084;outline:none;border:none}.lg-next.disabled,.lg-prev.disabled{opacity:0!important;cursor:default}.lg-next:hover:not(.disabled),.lg-prev:hover:not(.disabled){color:#fff}.lg-single-item .lg-next,.lg-single-item .lg-prev{display:none}.lg-next{right:20px}.lg-next:before{content:"\e095"}.lg-prev{left:20px}.lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-moz-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-ms-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-moz-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-ms-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end 0.3s;-o-animation:lg-right-end 0.3s;animation:lg-right-end 0.3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end 0.3s;-o-animation:lg-left-end 0.3s;animation:lg-left-end 0.3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-media-overlap .lg-toolbar{background-image:linear-gradient(0deg,#fff0,rgb(0 0 0 / .4))}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:medium none;will-change:color;-webkit-transition:color 0.2s linear;-o-transition:color 0.2s linear;transition:color 0.2s linear;background:none;border:none;box-shadow:none}.lg-toolbar .lg-icon.lg-icon-18{font-size:18px}.lg-toolbar .lg-icon:hover{color:#fff}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-maximize{font-size:22px}.lg-toolbar .lg-maximize:after{content:"\e90a"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{color:#eee;font-size:16px;padding:10px 40px;text-align:center;z-index:1080;opacity:0;-webkit-transition:opacity 0.2s ease-out 0s;-o-transition:opacity 0.2s ease-out 0s;transition:opacity 0.2s ease-out 0s}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}.lg-sub-html a{color:inherit}.lg-sub-html a:hover{text-decoration:underline}.lg-media-overlap .lg-sub-html{background-image:linear-gradient(180deg,#fff0,rgb(0 0 0 / .6))}.lg-item .lg-sub-html{position:absolute;bottom:0;right:0;left:0}.lg-error-msg{font-size:14px;color:#999}.lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;height:47px;vertical-align:middle}.lg-closing .lg-toolbar,.lg-closing .lg-prev,.lg-closing .lg-next,.lg-closing .lg-sub-html{opacity:0;-webkit-transition:-webkit-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-moz-transition:-moz-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-o-transition:-o-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;transition:transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont{opacity:0;-moz-transform:scale3d(.5,.5,.5);-o-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);will-change:transform,opacity;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont{opacity:1;-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.lg-icon:focus-visible{color:#fff;border-radius:3px;outline:1px dashed rgb(255 255 255 / .6)}.lg-toolbar .lg-icon:focus-visible{border-radius:8px;outline-offset:-5px}.lg-group:after{content:"";display:table;clear:both}.lg-container{display:none;outline:none}.lg-container.lg-show{display:block}.lg-on{scroll-behavior:unset}.lg-overlay-open{overflow:hidden}.lg-toolbar,.lg-prev,.lg-next,.lg-pager-outer,.lg-hide-sub-html .lg-sub-html{opacity:0;will-change:transform,opacity;-webkit-transition:-webkit-transform 0.25s cubic-bezier(0,0,.25,1) 0s,opacity 0.25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform 0.25s cubic-bezier(0,0,.25,1) 0s,opacity 0.25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform 0.25s cubic-bezier(0,0,.25,1) 0s,opacity 0.25s cubic-bezier(0,0,.25,1) 0s;transition:transform 0.25s cubic-bezier(0,0,.25,1) 0s,opacity 0.25s cubic-bezier(0,0,.25,1) 0s}.lg-show-in .lg-toolbar,.lg-show-in .lg-prev,.lg-show-in .lg-next,.lg-show-in .lg-pager-outer{opacity:1}.lg-show-in.lg-hide-sub-html .lg-sub-html{opacity:1}.lg-show-in .lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-show-in .lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-show-in .lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:.001;outline:none;will-change:auto;overflow:hidden;-webkit-transition:opacity 0.15s ease 0s;-o-transition:opacity 0.15s ease 0s;transition:opacity 0.15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-zoom-from-image{opacity:1}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-current{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-content{position:absolute;top:0;left:0;right:0;bottom:0}.lg-outer .lg-inner{width:100%;position:absolute;left:0;top:0;bottom:0;-webkit-transition:opacity 0s;-o-transition:opacity 0s;transition:opacity 0s;white-space:nowrap}.lg-outer .lg-item{display:none!important}.lg-outer .lg-item:not(.lg-start-end-progress){background:url(../images/loading.gif) no-repeat scroll center center #fff0}.lg-outer.lg-css3 .lg-prev-slide,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide{display:inline-block!important}.lg-outer.lg-css .lg-current{display:inline-block!important}.lg-outer .lg-item,.lg-outer .lg-img-wrap{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-item:before,.lg-outer .lg-img-wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.lg-outer .lg-img-wrap{position:absolute;left:0;right:0;top:0;bottom:0;white-space:nowrap;font-size:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-object{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;position:relative}.lg-outer .lg-empty-html.lg-sub-html,.lg-outer .lg-empty-html .lg-sub-html{display:none}.lg-outer.lg-hide-download .lg-download{opacity:.75;pointer-events:none}.lg-outer .lg-first-slide .lg-dummy-img{position:absolute;top:50%;left:50%}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components{-webkit-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0);opacity:1}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html{opacity:1;transition:opacity 0.2s ease-out 0.15s}.lg-outer .lg-media-cont{text-align:center;display:inline-block;vertical-align:middle;position:relative}.lg-outer .lg-media-cont .lg-object{width:100%!important;height:100%!important}.lg-outer .lg-has-iframe .lg-media-cont{-webkit-overflow-scrolling:touch;overflow:auto}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;will-change:auto;-webkit-transition:opacity 333ms ease-in 0s;-o-transition:opacity 333ms ease-in 0s;transition:opacity 333ms ease-in 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-prev-slide,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-current{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-prev-slide,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-current{-webkit-transition:opacity 0.1s ease 0s;-moz-transition:opacity 0.1s ease 0s;-o-transition:opacity 0.1s ease 0s;transition:opacity 0.1s ease 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-moz-transition:-moz-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-o-transition:-o-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;transition:transform 1s cubic-bezier(.175,.885,.32,1.275) 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 0.1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 0.1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 0.1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 0.1s ease 0s}.lg-container{display:none}.lg-container.lg-show{display:block}.lg-container.lg-dragging-vertical .lg-backdrop{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-inline .lg-backdrop,.lg-inline .lg-outer{position:absolute}.lg-inline .lg-backdrop{z-index:1}.lg-inline .lg-outer{z-index:2}.lg-inline .lg-maximize:after{content:"\e909"}.lg-components{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);will-change:transform;-webkit-transition:-webkit-transform 0.35s ease-out 0s;-moz-transition:-moz-transform 0.35s ease-out 0s;-o-transition:-o-transform 0.35s ease-out 0s;transition:transform 0.35s ease-out 0s;z-index:1080;position:absolute;bottom:0;right:0;left:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer .lg-img-rotate{position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform 0.4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform 0.4s cubic-bezier(0,0,.25,1) 0s;transition:transform 0.4s cubic-bezier(0,0,.25,1) 0s}.lg-outer[data-lg-slide-type=video] .lg-rotate-left,.lg-outer[data-lg-slide-type=video] .lg-rotate-right,.lg-outer[data-lg-slide-type=video] .lg-flip-ver,.lg-outer[data-lg-slide-type=video] .lg-flip-hor,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor{opacity:.75;pointer-events:none}.lg-outer .lg-img-rotate:before{content:"";display:inline-block;height:100%;vertical-align:middle}.lg-rotate-left:after{content:"\e900"}.lg-rotate-right:after{content:"\e901"}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-ver:after{content:"\e903"}.lg-flip-hor:after{content:"\e902"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transition-duration:0ms!important;transition-duration:0ms!important}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform 0.5s cubic-bezier(.12,.415,.01,1.19) 0s;-moz-transition:-moz-transform 0.5s cubic-bezier(.12,.415,.01,1.19) 0s;-o-transition:-o-transform 0.5s cubic-bezier(.12,.415,.01,1.19) 0s;transition:transform 0.5s cubic-bezier(.12,.415,.01,1.19) 0s}.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform 0.8s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform 0.8s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform 0.8s cubic-bezier(0,0,.25,1) 0s;transition:transform 0.8s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform 0.5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity 0.15s!important;-moz-transition:-moz-transform 0.5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity 0.15s!important;-o-transition:-o-transform 0.5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity 0.15s!important;transition:transform 0.5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity 0.15s!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition{transition:none!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition{transform:scale3d(1,1,1) translate3d(-50%,-50%,0)!important;max-width:none!important;max-height:none!important;top:50%!important;left:50%!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x{transform:scale3d(1,1,1) translate3d(-50%,0,0)!important;top:0!important;left:50%!important;max-width:none!important;max-height:none!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y{transform:scale3d(1,1,1) translate3d(0,-50%,0)!important;top:50%!important;left:0%!important;max-width:none!important;max-height:none!important}.lg-icon.lg-zoom-in:after{content:"\e311"}.lg-actual-size .lg-icon.lg-zoom-in{opacity:1;pointer-events:auto}.lg-icon.lg-actual-size{font-size:20px}.lg-icon.lg-actual-size:after{content:"\e033"}.lg-icon.lg-zoom-out{opacity:.5;pointer-events:none}.lg-icon.lg-zoom-out:after{content:"\e312"}.lg-zoomed .lg-icon.lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer[data-lg-slide-type=video] .lg-zoom-in,.lg-outer[data-lg-slide-type=video] .lg-actual-size,.lg-outer[data-lg-slide-type=video] .lg-zoom-out,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,.lg-outer.lg-first-slide-loading .lg-zoom-in,.lg-outer.lg-first-slide-loading .lg-actual-size,.lg-outer.lg-first-slide-loading .lg-zoom-out{opacity:.75;pointer-events:none}.lg-flip-ver,.lg-flip-hor{display:none!important}
/*swiper bundle*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/*animate*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
/*spaces*/
.mt-5{margin-top:5px!important}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mt-155{margin-top:155px}.mt-160{margin-top:160px}.mt-165{margin-top:165px}.mt-170{margin-top:170px}.mt-175{margin-top:175px}.mt-180{margin-top:180px}.mt-185{margin-top:185px}.mt-190{margin-top:190px}.mt-195{margin-top:195px}.mt-200{margin-top:200px}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.mb-155{margin-bottom:155px}.mb-160{margin-bottom:160px}.mb-165{margin-bottom:165px}.mb-170{margin-bottom:170px}.mb-175{margin-bottom:175px}.mb-180{margin-bottom:180px}.mb-185{margin-bottom:185px}.mb-190{margin-bottom:190px}.mb-195{margin-bottom:195px}.mb-200{margin-bottom:200px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.ml-65{margin-left:65px}.ml-70{margin-left:70px}.ml-75{margin-left:75px}.ml-80{margin-left:80px}.ml-85{margin-left:85px}.ml-90{margin-left:90px}.ml-95{margin-left:95px}.ml-100{margin-left:100px}.ml-105{margin-left:105px}.ml-110{margin-left:110px}.ml-115{margin-left:115px}.ml-120{margin-left:120px}.ml-125{margin-left:125px}.ml-130{margin-left:130px}.ml-135{margin-left:135px}.ml-140{margin-left:140px}.ml-145{margin-left:145px}.ml-150{margin-left:150px}.ml-155{margin-left:155px}.ml-160{margin-left:160px}.ml-165{margin-left:165px}.ml-170{margin-left:170px}.ml-175{margin-left:175px}.ml-180{margin-left:180px}.ml-185{margin-left:185px}.ml-190{margin-left:190px}.ml-195{margin-left:195px}.ml-200{margin-left:200px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mr-85{margin-right:85px}.mr-90{margin-right:90px}.mr-95{margin-right:95px}.mr-100{margin-right:100px}.mr-105{margin-right:105px}.mr-110{margin-right:110px}.mr-115{margin-right:115px}.mr-120{margin-right:120px}.mr-125{margin-right:125px}.mr-130{margin-right:130px}.mr-135{margin-right:135px}.mr-140{margin-right:140px}.mr-145{margin-right:145px}.mr-150{margin-right:150px}.mr-155{margin-right:155px}.mr-160{margin-right:160px}.mr-165{margin-right:165px}.mr-170{margin-right:170px}.mr-175{margin-right:175px}.mr-180{margin-right:180px}.mr-185{margin-right:185px}.mr-190{margin-right:190px}.mr-195{margin-right:195px}.mr-200{margin-right:200px}.pt-5{padding-top:5px!important}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pt-245{padding-top:245px}.pt-305{padding-top:305px}.pb-5{padding-bottom:5px!important}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pb-260{padding-bottom:260px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-65{padding-left:65px}.pl-70{padding-left:70px}.pl-75{padding-left:75px}.pl-80{padding-left:80px}.pl-85{padding-left:85px}.pl-90{padding-left:90px}.pl-95{padding-left:95px}.pl-100{padding-left:100px}.pl-105{padding-left:105px}.pl-110{padding-left:110px}.pl-115{padding-left:115px}.pl-120{padding-left:120px}.pl-125{padding-left:125px}.pl-130{padding-left:130px}.pl-135{padding-left:135px}.pl-140{padding-left:140px}.pl-145{padding-left:145px}.pl-150{padding-left:150px}.pl-155{padding-left:155px}.pl-160{padding-left:160px}.pl-165{padding-left:165px}.pl-170{padding-left:170px}.pl-175{padding-left:175px}.pl-180{padding-left:180px}.pl-185{padding-left:185px}.pl-190{padding-left:190px}.pl-195{padding-left:195px}.pl-200{padding-left:200px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-65{padding-right:65px}.pr-70{padding-right:70px}.pr-75{padding-right:75px}.pr-80{padding-right:80px}.pr-85{padding-right:85px}.pr-90{padding-right:90px}.pr-95{padding-right:95px}.pr-100{padding-right:100px}.pr-105{padding-right:105px}.pr-110{padding-right:110px}.pr-115{padding-right:115px}.pr-120{padding-right:120px}.pr-125{padding-right:125px}.pr-130{padding-right:130px}.pr-135{padding-right:135px}.pr-140{padding-right:140px}.pr-145{padding-right:145px}.pr-150{padding-right:150px}.pr-155{padding-right:155px}.pr-160{padding-right:160px}.pr-165{padding-right:165px}.pr-170{padding-right:170px}.pr-175{padding-right:175px}.pr-180{padding-right:180px}.pr-185{padding-right:185px}.pr-190{padding-right:190px}.pr-195{padding-right:195px}.pr-200{padding-right:200px}
/*main*/
.tp-categories-item-thumb img,.tp-trailer-item-thumb-2 img,.tp-counter-item-icon::before,.tp-breadcrumb-team-thumb img,.mean-container .mean-nav ul li>a.mean-expand i,.tp-product-tab-2 .nav-tabs .nav-link .tp-product-tab-tooltip,.tp-tab-line,.back-to-top-wrapper,a,button,p,input,select,textarea,li,.transition-3 {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-pagination ul li a svg,
.tp-pagination ul li span svg,
.tp-btn svg,
.tp-btn-2 svg,
.tp-theme-toggle-main span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-product-tab-2 .nav-tabs .nav-link:not(:first-child)::after {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
:root {
  --tp-ff-body: "Lato", sans-serif;
  --tp-ff-heading: "Dosis", sans-serif;
  --tp-ff-p: "Lato", sans-serif;
  --tp-ff-fontawesome: "qpfront";
  --tp-common-white: #ffffff;
  --tp-common-black: #000;
  --tp-common-gray: #fef3df;
  --tp-theme-primary: #e27614;
  --tp-theme-secondary: #0f172a;
  --tp-theme-tertiary: #172037;
  --tp-theme-1: #080808;
  --tp-theme-2: #f94d1c;
  --tp-theme-3: #1b2335;
  --tp-heading-primary: #ffffff;
  --tp-heading-secondary: #1f242c;
  --tp-heading-1: #2b2b5e;
  --tp-text-body: #ffffff;
  --tp-text-1: #e3e3e3;
  --tp-border-primary: #fef3df;
  --tp-border-secondary: #f0f2f4;
  --tp-header-gloss: rgba(27, 35, 53, 0.77);
  --tp-header-bxshadow:0 4px 30px rgb(110 110 110 / 24%);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: var(--tp-ff-body);
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-text-body);
  line-height: 24px;
}
a {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tp-ff-heading);
  color: var(--tp-heading-primary);
  margin-top: 0;
  font-weight: 600;
  line-height: 1.2;
  -webkit-transition: color 0.3s 0s ease-out;
  -moz-transition: color 0.3s 0s ease-out;
  -ms-transition: color 0.3s 0s ease-out;
  -o-transition: color 0.3s 0s ease-out;
  transition: color 0.3s 0s ease-out;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 28px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 16px;
}
ul {
  margin: 0;
  padding: 0;
}
p {
  font-family: var(--tp-ff-p);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  color: var(--tp-text-body);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}
a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}
a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: #fff0;
}
button:hover {
  cursor: pointer;
}
button:focus {
  outline: 0;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
textarea {
  outline: none;
  background-color: #fff;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  color: var(--tp-common-black);
  padding-left: 26px;
  padding-right: 26px;
  border: 1px solid #e0e2e3;
}
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #95999d;
}
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #95999d;
}
input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
textarea:-moz-placeholder {
  color: #95999d;
}
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #95999d;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder {
  color: #95999d;
}
[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="password"],
[dir="rtl"] input[type="url"],
[dir="rtl"] textarea {
  text-align: right;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
textarea:focus {
  border-color: var(--tp-common-black);
}
input[type="text"]:focus::placeholder,
input[type="email"]:focus::placeholder,
input[type="tel"]:focus::placeholder,
input[type="number"]:focus::placeholder,
input[type="password"]:focus::placeholder,
input[type="url"]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}
textarea {
  line-height: 1.4;
  padding-top: 17px;
  padding-bottom: 17px;
}
input[type="color"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}
*::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}
::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}
::selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}
*::-moz-placeholder {
  color: var(--tp-common-black);
  font-size: 14px;
  opacity: 1;
}
*::placeholder {
  color: var(--tp-common-black);
  font-size: 14px;
  opacity: 1;
}
.tp-page-wrapper {
  background-color: var(--tp-theme-secondary);
  margin-top: -1px;
}
.w-img img {
  width: 100%;
}
.m-img img {
  max-width: 100%;
}
.fix {
  overflow: hidden;
}
.clear {
  clear: both;
}
.z-index-1 {
  z-index: 1;
}
.z-index-11 {
  z-index: 11;
}
.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}
.p-relative {
  position: relative;
}
.p-absolute {
  position: absolute;
}
.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.demo {
  -webkit-transition: color 0.3s 0s linear;
  -moz-transition: color 0.3s 0s linear;
  -ms-transition: color 0.3s 0s linear;
  -o-transition: color 0.3s 0s linear;
  transition: color 0.3s 0s linear;
  -webkit-transition: color 0.3s linear, transform 0.2s ease;
  -moz-transition: color 0.3s linear, transform 0.2s ease;
  -ms-transition: color 0.3s linear, transform 0.2s ease;
  -o-transition: color 0.3s linear, transform 0.2s ease;
  transition: color 0.3s linear, transform 0.2s ease;
}
[dir="rtl"] .demo {
  margin-left: 0;
  margin-right: 15px;
}
div.demo img {
  margin-left: 10px;
}
.mouseCursor {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}
.cursor-inner {
  margin-left: -3px;
  margin-top: -3px;
  width: 10px;
  height: 10px;
  z-index: 10000001;
  background-color: var(--tp-theme-primary);
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
    margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner span {
  color: #fff;
  line-height: 60px;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
.cursor-inner.cursor-big span {
  opacity: 1;
}
.mouseCursor.cursor-big {
  width: 60px;
  height: 60px;
}
.mouseCursor.cursor-big.cursor-outer {
  display: none;
}
.tp-cursor-point-area {
  cursor: none;
}
.effect::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  border-radius: 100%;
  -webkit-animation: effectPlay 2s infinite;
  border: 2px solid #fff;
  box-shadow: 0 14px 24px -1px rgb(20 0 77 / 0.31);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.class {
  stroke-dasharray: 189px, 191px;
  stroke-dashoffset: 0;
}
.tp-gx-20 {
  --bs-gutter-x: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-20 {
    --bs-gutter-x: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-20 {
    --bs-gutter-x: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-20 {
    --bs-gutter-x: 15px;
  }
}
@media (max-width: 575px) {
  .tp-gx-20 {
    --bs-gutter-x: 10px;
  }
}
.tp-gx-20 [class*="col-"] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.tp-gx-30 {
  --bs-gutter-x: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-30 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-30 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-30 {
    --bs-gutter-x: 15px;
  }
}
@media (max-width: 575px) {
  .tp-gx-30 {
    --bs-gutter-x: 10px;
  }
}
.tp-gx-30 [class*="col-"] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.tp-gx-40 {
  --bs-gutter-x: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-40 {
    --bs-gutter-x: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-40 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-40 {
    --bs-gutter-x: 30px;
  }
}
@media (max-width: 575px) {
  .tp-gx-40 {
    --bs-gutter-x: 15px;
  }
}
.tp-gx-40 [class*="col-"] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
@media (min-width: 1400px) {
  .container-large {
    max-width: 1325px;
  }
}
.pt-280 {
  padding-top: 280px;
}
.pb-210 {
  padding-bottom: 210px;
}
.back-to-top-wrapper {
  position: fixed;
  right: 50px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 575px) {
  .back-to-top-wrapper {
    right: 20px;
    bottom: 20px;
  }
}
.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}
.back-to-top-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 5px;
  background: var(--tp-theme-primary);
  box-shadow: 0 8px 16px rgb(3 4 28 / 0.3);
  color: var(--tp-common-white);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.back-to-top-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.back-to-top-btn:hover {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}
.tp-theme-settings-area {
  position: fixed;
  top: 50%;
  left: 0;
  width: 240px;
  background-color: #fff;
  border: 1px solid #eaeaef;
  -webkit-transform: translateY(-50%) translateX(-100%);
  -moz-transform: translateY(-50%) translateX(-100%);
  -ms-transform: translateY(-50%) translateX(-100%);
  -o-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
  z-index: 991;
  direction: ltr;
  border-bottom-right-radius: 4px;
}
.tp-theme-settings-area.settings-opened {
  -webkit-transform: translateY(-50%) translateX(0%);
  -moz-transform: translateY(-50%) translateX(0%);
  -ms-transform: translateY(-50%) translateX(0%);
  -o-transform: translateY(-50%) translateX(0%);
  transform: translateY(-50%) translateX(0%);
}
.tp-theme-settings-area.settings-opened .tp-theme-settings-gear {
  opacity: 0;
}
.tp-theme-settings-area.settings-opened .tp-theme-settings-close {
  opacity: 1;
}
.tp-theme-settings-open {
  position: absolute;
  top: -1px;
  left: 100%;
}
.tp-theme-settings-open button {
  background-color: var(--tp-common-white);
  border: 1px solid #eaeaef;
  border-left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  color: var(--tp-common-black);
  position: relative;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tp-theme-settings-gear {
  display: inline-block;
  -webkit-animation: tp-theme-setting-spin 4s linear infinite;
  -moz-animation: tp-theme-setting-spin 4s linear infinite;
  -ms-animation: tp-theme-setting-spin 4s linear infinite;
  -o-animation: tp-theme-setting-spin 4s linear infinite;
  animation: tp-theme-setting-spin 4s linear infinite;
}
@-webkit-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.tp-theme-settings-close {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.tp-theme-header-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
.tp-theme-wrapper {
  padding: 20px 30px 30px;
}
.tp-theme-toggle {
  text-align: center;
}
.tp-theme-toggle-main {
  display: inline-block;
  width: 74px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #fff0;
  border: 1px solid rgb(255 255 255 / 0.3);
  padding: 5px;
  border-radius: 100px;
}
.tp-theme-toggle-light,
.tp-theme-toggle-dark {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  color: #d9d9d9;
}
.tp-theme-toggle-light.active,
.tp-theme-toggle-dark.active {
  color: var(--tp-common-black);
}
.tp-theme-toggle input {
  display: none;
}
.tp-theme-toggle:hover {
  cursor: pointer;
}
.tp-theme-toggle label {
  color: var(--tp-common-white);
  font-size: 14px;
  font-weight: 500;
}
.tp-theme-toggle label:hover {
  cursor: pointer;
}
.tp-theme-toggle #tp-theme-toggler {
  display: none;
}
.tp-theme-toggle #tp-theme-toggler:checked + i {
  right: calc(50% - 4px);
}
.tp-theme-toggle-slide {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  border-radius: 30px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  -webkit-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -ms-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -o-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}
.tp-theme-dir {
  text-align: center;
}
.tp-theme-dir-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #f0f0f5;
  padding: 4px;
  border-radius: 20px;
}
.tp-theme-dir-ltr,
.tp-theme-dir-rtl {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}
.tp-theme-dir input {
  display: none;
}
.tp-theme-dir:hover {
  cursor: pointer;
}
.tp-theme-dir label {
  color: var(--tp-common-black);
  font-size: 14px;
  font-weight: 500;
}
.tp-theme-dir label:hover {
  cursor: pointer;
}
.tp-theme-dir #tp-dir-toggler {
  display: none;
}
.tp-theme-dir #tp-dir-toggler:checked + i {
  right: calc(50% - 4px);
}
.tp-theme-dir-slide {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  border-radius: 30px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  -webkit-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -ms-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -o-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}
.tp-theme-color-item.active button::before {
  opacity: 1;
  visibility: visible;
}
.tp-theme-color-btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
}
.tp-theme-color-btn::before {
  position: absolute;
  content: "\f00c";
  font-weight: 600;
  font-family: var(--tp-ff-fontawesome);
  color: var(--tp-common-white);
  font-size: 16px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  opacity: 0;
  visibility: hidden;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#F50963"] {
  background-color: #f50963;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#008080"] {
  background-color: teal;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#F31E5E"] {
  background-color: #f31e5e;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#AB6C56"] {
  background-color: #ab6c56;
  color: #000;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#4353FF"] {
  background-color: #4353ff;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#3661FC"] {
  background-color: #3661fc;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#2CAE76"] {
  background-color: #2cae76;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#FF5A1B"] {
  background-color: #ff5a1b;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#03041C"] {
  background-color: #03041c;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#ED212C"] {
  background-color: #ed212c;
}
.tp-theme-color-input {
  margin-top: 15px;
}
.tp-theme-color-input h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.tp-theme-color-input label {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: var(--tp-theme-1);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-theme-color-input label:hover {
  cursor: pointer;
}
.tp-theme-color-input input {
  display: none;
}
.tp-btn {
  display: inline-block;
  font-family: var(--tp-ff-p);
  font-weight: 400;
  font-size: 16px;
  padding: 18px 30px;
  border-radius: 10px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  border: 2px solid var(--tp-theme-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-btn i {
  transform: translateY(1px);
  margin-left: 6px;
  font-weight: 900;
}
.tp-btn:hover {
  background-color: #fff0;
  border: 2px solid var(--tp-theme-primary);
}
.tp-btn-2 {
  display: inline-block;
  font-family: var(--tp-ff-p);
  font-weight: 400;
  font-size: 16px;
  padding: 17px 30px;
  border-radius: 10px;
  color: var(--tp-common-white);
  background-color: #fff0;
  border: 1px solid var(--tp-theme-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-btn-2 i {
  transform: translateY(1px);
  margin-left: 6px;
  font-weight: 900;
}
.tp-btn-2:hover {
  background-color: var(--tp-theme-primary);
}
.tp-hamburger-btn {
  height: 16px;
  width: 22px;
  line-height: 16px;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.tp-hamburger-btn span {
  background: var(--tp-common-black);
  border-radius: 3px;
  content: "";
  position: absolute;
  width: 22px;
  height: 2px;
  left: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.tp-hamburger-btn span::before,
.tp-hamburger-btn span::after {
  background: var(--tp-common-black);
  border-radius: 3px;
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  margin-top: 13px;
  left: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.tp-hamburger-btn span::before {
  margin-top: -7px;
}
.tp-hamburger-btn span::after {
  margin-top: 7px;
  width: 13px;
}
.tp-hamburger-btn.active span {
  background: #fff0;
}
.tp-hamburger-btn.active span::before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tp-hamburger-btn.active span::after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.tp-hamburger-btn-white span {
  background-color: var(--tp-common-white);
}
.tp-hamburger-btn-white span::after,
.tp-hamburger-btn-white span::before {
  background-color: var(--tp-common-white);
}
.tp-play-btn {
  position: relative;
  font-size: 32px;
  font-weight: 900;
  height: 90px;
  width: 90px;
  line-height: 96px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  color: var(--tp-theme-primary);
  background: var(--tp-common-white);
  z-index: 1;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-play-btn:hover {
  color: var(--tp-theme-primary);
}
.tp-play-btn:focus {
  color: var(--tp-theme-primary);
}
@-webkit-keyframes tp-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px #fff0;
    box-shadow: 0 0 0 45px #fff0;
  }
  100% {
    -moz-box-shadow: 0 0 0 0 #fff0;
    box-shadow: 0 0 0 0 #fff0;
  }
}
@-moz-keyframes tp-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px #fff0;
    box-shadow: 0 0 0 45px #fff0;
  }
  100% {
    -moz-box-shadow: 0 0 0 0 #fff0;
    box-shadow: 0 0 0 0 #fff0;
  }
}
@-ms-keyframes tp-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px #fff0;
    box-shadow: 0 0 0 45px #fff0;
  }
  100% {
    -moz-box-shadow: 0 0 0 0 #fff0;
    box-shadow: 0 0 0 0 #fff0;
  }
}
@keyframes tp-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px #fff0;
    box-shadow: 0 0 0 45px #fff0;
  }
  100% {
    -moz-box-shadow: 0 0 0 0 #fff0;
    box-shadow: 0 0 0 0 #fff0;
  }
}
@-webkit-keyframes tp-pulse-2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px #fff0;
    box-shadow: 0 0 0 45px #fff0;
  }
  100% {
    -moz-box-shadow: 0 0 0 0 #fff0;
    box-shadow: 0 0 0 0 #fff0;
  }
}
@-moz-keyframes tp-pulse-2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px #fff0;
    box-shadow: 0 0 0 45px #fff0;
  }
  100% {
    -moz-box-shadow: 0 0 0 0 #fff0;
    box-shadow: 0 0 0 0 #fff0;
  }
}
@-ms-keyframes tp-pulse-2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px #fff0;
    box-shadow: 0 0 0 45px #fff0;
  }
  100% {
    -moz-box-shadow: 0 0 0 0 #fff0;
    box-shadow: 0 0 0 0 #fff0;
  }
}
@keyframes tp-pulse-2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px #fff0;
    box-shadow: 0 0 0 45px #fff0;
  }
  100% {
    -moz-box-shadow: 0 0 0 0 #fff0;
    box-shadow: 0 0 0 0 #fff0;
  }
}
@-webkit-keyframes tp-shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@-moz-keyframes tp-shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@-ms-keyframes tp-shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes tp-shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@-webkit-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@-moz-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@-ms-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@-webkit-keyframes tp-rotate-center {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes tp-rotate-center {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes tp-rotate-center {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tp-rotate-center {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes tp-mobile-view {
  0%,
  10% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  50%,
  60% {
    -webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    -o-transform: translateY(-57%);
    transform: translateY(-57%);
  }
  90%,
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes tp-mobile-view {
  0%,
  10% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  50%,
  60% {
    -webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    -o-transform: translateY(-57%);
    transform: translateY(-57%);
  }
  90%,
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-ms-keyframes tp-mobile-view {
  0%,
  10% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  50%,
  60% {
    -webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    -o-transform: translateY(-57%);
    transform: translateY(-57%);
  }
  90%,
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes tp-mobile-view {
  0%,
  10% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  50%,
  60% {
    -webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    -o-transform: translateY(-57%);
    transform: translateY(-57%);
  }
  90%,
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes tp-svg-line {
  100% {
    stroke-dashoffset: 350;
  }
}
@-moz-keyframes tp-svg-line {
  100% {
    stroke-dashoffset: 350;
  }
}
@-ms-keyframes tp-svg-line {
  100% {
    stroke-dashoffset: 350;
  }
}
@keyframes tp-svg-line {
  100% {
    stroke-dashoffset: 350;
  }
}
@-webkit-keyframes tp-border-loader {
  0% {
    stroke-dashoffset: -356px;
    stroke-dasharray: 356px, 366px;
  }
  95% {
    stroke-dashoffset: 0;
    stroke-dasharray: 356px, 366px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 366px;
  }
}
@-moz-keyframes tp-border-loader {
  0% {
    stroke-dashoffset: -356px;
    stroke-dasharray: 356px, 366px;
  }
  95% {
    stroke-dashoffset: 0;
    stroke-dasharray: 356px, 366px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 366px;
  }
}
@-ms-keyframes tp-border-loader {
  0% {
    stroke-dashoffset: -356px;
    stroke-dasharray: 356px, 366px;
  }
  95% {
    stroke-dashoffset: 0;
    stroke-dasharray: 356px, 366px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 366px;
  }
}
@keyframes tp-border-loader {
  0% {
    stroke-dashoffset: -356px;
    stroke-dasharray: 356px, 366px;
  }
  95% {
    stroke-dashoffset: 0;
    stroke-dasharray: 356px, 366px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 366px;
  }
}
@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-moz-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@-ms-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@-webkit-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@keyframes icon-bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  51% {
    opacity: 1;
  }
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@-moz-keyframes shine {
  100% {
    left: 125%;
  }
}
@-ms-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes effectPlay {
  70% {
    opacity: 0;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes moveAlways {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, -5px);
  }
  40% {
    transform: translate(50px, 20px);
  }
  60% {
    transform: translate(20px, 50px);
  }
  80% {
    transform: translate(-20px, 30px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes scale_up_down {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes borderanimate {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes borderanimate {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@keyframes hoverfilter {
  0% {
    filter: brightness(100%) blur(0);
  }
  25% {
    filter: brightness(125%) blur(2px);
  }
  100% {
    filter: brightness(100%) blur(0);
  }
}
@keyframes tp-grain {
  0%,
  100% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-5%, -10%);
  }
  30% {
    transform: translate(3%, -15%);
  }
  50% {
    transform: translate(12%, 9%);
  }
  70% {
    transform: translate(9%, 4%);
  }
  90% {
    transform: translate(-1%, 7%);
  }
}
@-webkit-keyframes scrollText {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes scrollText {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes tptranslateX2 {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes updown-two {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
#loading {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  margin-top: 0;
  top: 0;
  background-color: var(--tp-theme-3);
}
#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}
#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.loading {
  display: flex;
  flex-direction: row;
}
.loading-logo {
  display: flex;
  justify-content: center;
}
.loading-logo #camera-loader {
  margin-bottom: 30px;
}
.loading h3 {
  font-size: 60px;
  font-weight: 400;
  letter-spacing: 4px;
  color: var(--tp-common-white);
}
.loading_text {
  text-align: center;
}
.loading_text span {
  display: inline-block;
  margin: 0 5px;
  color: var(--tp-common-white);
  animation: blur 1.5s infinite linear alternate;
}
@media (max-width: 575px) {
  .loading_text span {
    margin: 0 2px;
  }
}
.loading_text span:nth-child(1) {
  animation-delay: 100ms;
}
.loading_text  span:nth-child(2) {
  animation-delay: 300ms;
}
.loading_text  span:nth-child(3) {
  animation-delay: 500ms;
}
.loading_text  span:nth-child(4) {
  animation-delay: 700ms;
}
.loading_text  span:nth-child(5) {
  animation-delay: 900ms;
}
.loading_text  span:nth-child(6) {
  animation-delay: 1100ms;
}
.loading_text  span:nth-child(7) {
  animation-delay: 1300ms;
}
@keyframes blur {
  0% {
    filter: blur(0);
  }
  100% {
    filter: blur(4px);
  }
}
.grey-bg {
  background-color: var(--tp-grey-1);
}
.grey-bg-2 {
  background-color: var(--tp-grey-2);
}
.grey-bg-5 {
  background-color: var(--tp-grey-5);
}
.grey-bg-6 {
  background-color: var(--tp-grey-6);
}
.grey-bg-7 {
  background-color: var(--tp-grey-7);
}
.grey-bg-8 {
  background-color: var(--tp-grey-8);
}
.grey-bg-9 {
  background-color: var(--tp-grey-9);
}
.white-bg {
  background-color: var(--tp-common-white);
}
.black-bg {
  background-color: var(--tp-common-black);
}
.khaki-bg {
  background-color: var(--tp-khaki-1);
}
.green-dark-bg {
  background-color: var(--tp-green-dark);
}
.theme-bg {
  background-color: var(--tp-theme-primary);
}
[data-bg-color="footer-bg-grey"] {
  background-color: var(--tp-footer-grey-1);
}
[data-bg-color="footer-bg-white"] {
  background-color: var(--tp-common-white);
}
.nice-select {
  -webkit-tap-highlight-color: #fff0;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #999;
}
.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 0;
  font-family: var(--tp-ff-fontawesome);
  color: var(--tp-common-black);
  font-weight: 500;
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #ccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgb(68 68 68 / 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
    opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nice-select .option.selected {
  font-weight: 700;
}
.nice-select .option.disabled {
  background-color: #fff0;
  color: #999;
  cursor: default;
}
.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}
.tp-pagination ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.tp-pagination ul li {
  display: inline-block;
}
.tp-pagination ul li:not(:last-child) {
  margin-right: 6px;
}
.tp-pagination ul li a,
.tp-pagination ul li span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border: 1px solid rgb(2 11 24 / 0.1);
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-text-body);
}
.tp-pagination ul li a:hover,
.tp-pagination ul li a.current,
.tp-pagination ul li span:hover,
.tp-pagination ul li span.current {
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.offcanvas__area {
  position: fixed;
  right: 0;
  left: auto;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  width: 400px;
  height: 100%;
  background: var(--tp-theme-3) none repeat scroll 0 0;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.offcanvas__area::-webkit-scrollbar {
  display: none;
}
.offcanvas__area.offcanvas-opened {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
@media (max-width: 575px) {
  .offcanvas__area {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .offcanvas__top {
    margin-bottom: 30px;
  }
}
.offcanvas__wrapper {
  padding: 40px 50px 40px 50px;
  min-height: 100%;
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 30px;
  }
}
.offcanvas__close-btn {
  display: inline-block;
  font-size: 16px;
  height: 44px;
  width: 44px;
  line-height: 40px;
  border-radius: 5px;
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
  position: absolute;
  top: 50px;
  right: 40px;
}
@media (max-width: 575px) {
  .offcanvas__close-btn {
    right: 30px;
    top: 40px;
  }
}
.offcanvas__close-btn svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
  transition: all 0.3s ease-in-out;
}
.offcanvas__close-btn:hover svg {
  transform: rotate(45deg);
}
.offcanvas__contact {
  margin-bottom: 30px;
}
.offcanvas__contact-content {
  margin-bottom: 10px;
}
.offcanvas__contact-content-icon i {
  color: var(--tp-theme-primary);
  margin-right: 10px;
}
.offcanvas__contact-content-content a {
  font-size: 16px;
}
.offcanvas__contact-content-content a:hover {
  color: var(--tp-theme-primary);
}
.offcanvas__social {
  margin-bottom: 22px;
  padding-bottom: 40px;
}
.offcanvas__social .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: var(--tp-theme-primary);
  border-radius: 5px;
  color: var(--tp-common-white);
  margin-right: 5px;
  transition: all 0.3s ease-in-out;
}
.offcanvas__social .icon:hover {
  transform: translateY(-8px);
}
.offcanvas__title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--tp-common-white);
}
.body-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: var(--tp-common-black);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.body-overlay.opened {
  opacity: 0.7;
  visibility: visible;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-breadcrumb__area {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-breadcrumb__area {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}
.tp-breadcrumb__overlay {
  background: rgb(149 145 145 / 0.05);
}
.tp-breadcrumb__bg {
  position: absolute;
  top: 10px;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: left;
  z-index: -1;
}
.tp-breadcrumb__title {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-breadcrumb__title {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .tp-breadcrumb__title {
    margin-bottom: 20px;
  }
}
.tp-breadcrumb__list span {
  font-family: var(--tp-ff-heading);
  font-size: 1rem;
  font-weight: 500;
  position: relative;
}
.tp-breadcrumb__list span:not(:last-child) {
  padding-right: 5px;
  margin-right: 5px;
}
.tp-breadcrumb__list span.dvdr {
  font-size: 0.9rem;
  font-weight: 900;
}
.tp-breadcrumb__list span a:hover {
  color: var(--tp-theme-primary);
}
.tp-accordion .accordion-item {
  border: 0;
  background: var(--tp-theme-secondary);
  margin-bottom: 28px;
}
.tp-accordion .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.tp-accordion .accordion-button {
  color: var(--tp-heading-primary);
  font-weight: 500;
  font-size: 24px;
  background: var(--tp-theme-secondary);
  border-top: 1px solid #8295b3;
  border-bottom: 1px solid #8295b3;
  padding: 20px 20px 20px 0;
  border-radius: 0 !important;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-accordion .accordion-button::after {
  position: absolute;
  content: "\f105";
  font-family: var(--tp-ff-fontawesome);
  top: 48%;
  right: 15px;
  height: 0;
  width: 0;
  font-weight: 900;
  font-size: 14px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background: var(--tp-theme-secondary);
  color: var(--tp-heading-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-accordion .accordion-button.collapsed::after {
  right: 0;
  color: var(--tp-theme-primary);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tp-accordion .accordion-button:not(.collapsed) {
  background: var(--tp-theme-secondary);
  color: var(--tp-common-white);
  box-shadow: none;
  border: none;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-accordion .accordion-button:focus {
  box-shadow: none;
}
.tp-accordion .accordion-body {
  padding: 0;
}
.tp-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}
.tp-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
}
.tp-product-tab-2 .nav-tabs .nav-link {
  font-size: 20px;
  color: #a0a2a4;
  position: relative;
}
@media (max-width: 575px) {
  .tp-product-tab-2 .nav-tabs .nav-link {
    font-size: 15px;
  }
}
.tp-product-tab-2 .nav-tabs .nav-link:not(:first-child) {
  margin-left: 28px;
}
.tp-product-tab-2 .nav-tabs .nav-link:not(:first-child)::after {
  position: absolute;
  left: -17px;
  top: 50%;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ced2d6;
}
.tp-product-tab-2 .nav-tabs .nav-link.active {
  color: var(--tp-theme-secondary);
}
.tp-product-tab-2 .nav-tabs .nav-link.active .tp-product-tab-tooltip {
  opacity: 1;
  visibility: visible;
}
.tp-product-tab-2 .nav-tabs .nav-link .tp-product-tab-tooltip {
  position: absolute;
  top: -24px;
  right: 0;
  background-color: var(--tp-theme-secondary);
  color: var(--tp-common-white);
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  padding: 4px 9px;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  font-weight: 700;
}
.tp-product-tab-2 .nav-tabs .nav-link .tp-product-tab-tooltip::after {
  position: absolute;
  content: "";
  bottom: 0;
  bottom: -5px;
  left: 7px;
  width: 13px;
  height: 6px;
  background-color: var(--tp-theme-secondary);
  clip-path: polygon(100% 0, 0 0, 28% 100%);
}
.tp-product-tab-3 .nav-tabs .nav-link {
  font-size: 16px;
  padding: 0 0;
}
@media (max-width: 575px) {
  .tp-product-tab-3 .nav-tabs .nav-link {
    font-size: 15px;
  }
}
.tp-product-tab-3 .nav-tabs .nav-link:not(:first-child) {
  margin-left: 23px;
}
.tp-product-tab-3 .nav-tabs .nav-link:not(:first-child)::after {
  width: 4px;
  height: 4px;
  left: -14px;
}
.tp-product-tab-3 .nav-tabs .nav-link.active {
  color: var(--tp-common-black);
}
.tp-product-tab-3 .nav-tabs .nav-link.active .tp-product-tab-tooltip {
  opacity: 1;
  visibility: visible;
}
.tp-product-tab-3 .nav-tabs .nav-link .tp-product-tab-tooltip {
  background-color: var(--tp-theme-primary);
}
.tp-product-tab-3 .nav-tabs .nav-link .tp-product-tab-tooltip::after {
  background-color: var(--tp-theme-primary);
}
.tp-product-tab-5 .nav-tabs .nav-link {
  padding: 0 5px;
}
@media (max-width: 575px) {
  .tp-product-tab-5 .nav-tabs .nav-link {
    font-size: 15px;
  }
}
.tp-product-tab-5 .nav-tabs .nav-link:not(:last-child)::after {
  left: -15px;
}
.tp-product-tab-5 .nav-tabs .nav-link:not(:first-child) {
  margin-left: 22px;
}
.tp-product-tab-5 .nav-tabs .nav-link.active {
  color: var(--tp-common-black);
}
.tp-product-tab-5 .nav-tabs .nav-link.active .tp-product-tab-tooltip {
  opacity: 1;
  visibility: visible;
}
.tp-product-tab-5 .nav-tabs .nav-link .tp-product-tab-tooltip {
  background-color: var(--tp-theme-green);
}
.tp-product-tab-5 .nav-tabs .nav-link .tp-product-tab-tooltip::after {
  background-color: var(--tp-theme-green);
}
.tp-tab-line {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 38%;
  height: 2px;
  background-color: var(--tp-common-black);
}
.tp-section-title {
  font-family: var(--tp-ff-heading);
  font-weight: 600;
  font-size: 54px;
  line-height: 1.2;
  margin-bottom: 20px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-section-title {
    font-size: 40px;
  }
}
.tp-section-title-pre {
  font-family: var(--tp-ff-p);
  color: var(--tp-common-gray);
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 10px;
  text-transform: uppercase;
  display: block;
}
.tp-section-title-pre img {
  margin-bottom: 10px;
}
.search-area {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 272px;
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  background: var(--tp-common-white) none repeat scroll 0 0;
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 4px 10px rgb(3 4 28 / 0.1);
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.search-area::-webkit-scrollbar {
  display: none;
}
.search-area.search-opened {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.search-wrapper {
  padding: 30px;
  min-height: 100%;
}
@media (max-width: 575px) {
  .search-wrapper {
    padding: 20px;
  }
}
.search-close {
  position: absolute;
  top: 35px;
  right: 30px;
}
@media (max-width: 575px) {
  .search-close {
    right: 20px;
    top: 20px;
  }
}
.search-close-btn {
  position: relative;
  display: inline-block;
  font-size: 16px;
  height: 44px;
  width: 44px;
  line-height: 40px;
  border-radius: 10px;
  background-color: var(--tp-theme-primary);
  color: var(--tp-heading-primary);
}
.search-close-btn svg {
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.search-close-btn:hover {
  background: var(--tp-theme-3);
}
.search-close-btn:hover svg {
  color: var(--tp-common-white);
}
.search-close-btn svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.search-content .heading {
  color: var(--tp-theme-secondary);
}
.search-content .search-input {
  border-radius: 5px;
  padding-right: 40px;
  font-size: 16px;
}
.search-content .search-input:focus {
  border: 1px solid var(--tp-theme-primary);
}
.search-content .search-input::placeholder {
  font-size: 16px;
}
.search-icon {
  position: absolute;
  top: 15px;
  right: 20px;
  color: var(--tp-theme-primary);
}
.search-icon:hover {
  color: var(--tp-theme-secondary);
}
.tp-header-area {
  margin-bottom: -78px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-header-area {
    margin-bottom: 0;
  }
}
.tp-header-transparent {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-header-main {
    background-color: var(--tp-theme-3);
  }
}
.tp-header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: var(--tp-theme-3);
  transition: 0.3s ease;
  z-index: 10;
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
.tp-header-sticky .tp-header-box {
  margin-top: 0;
}
.tp-header-top {
  position: relative;
  background: var(--tp-theme-primary);
  padding-top: 10px;
  padding-bottom: 60px;
  z-index: 2;
}
.tp-header-top-info ul li {
  position: relative;
  display: inline-block;
  list-style: none;
}
.tp-header-top-info ul li:not(:last-of-type) {
  padding-right: 25px;
}
.tp-header-top-info ul li a {
  color: var(--tp-common-white);
}
.tp-header-top-info ul li a span {
  color: var(--tp-common-white);
  display: inline-block;
  transform: translateY(1px);
  margin-right: 8px;
}
.tp-header-top-right .header-social a {
  font-size: 15px;
  color: var(--tp-common-white);
  margin-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-header-logo {
    height: 70px;
    line-height: 70px;
  }
}
.tp-header-box {
  position: relative;
  border-radius: 5px;
  margin-top: -50px;
  z-index: 9;
  padding: 0 8px 0 5px;
  background-color: var(--tp-theme-3);
  margin-left: -5px;
  margin-right: -5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-header-box {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-header-box {
    padding: 0;
  }
}
.tp-header-hamburger-btn {
  height: 51px;
  width: 51px;
  line-height: 51px;
  background-color: var(--tp-theme-primary);
  border-radius: 50%;
  cursor: pointer;
  margin-left: 15px;
}
.tp-header-hamburger-btn:hover .hamburger-btn span:nth-child(1) {
  width: 20px;
}
.tp-header-contact-search span {
  font-size: 20px;
  display: inline-block;
  cursor: pointer;
  color: var(--tp-theme-primary);
  transform: translateY(2px);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-header-contact-search span:hover {
  color: var(--tp-common-white);
}
.hamburger-btn {
  width: 35px;
  height: 15px;
  cursor: pointer;
  background: #fff0;
  border: 0;
  outline: 0;
  text-align: end;
  transform: translateY(-20%);
}
.hamburger-btn span {
  display: inline-block;
  position: absolute;
  right: 0;
  background: var(--tp-common-white);
  height: 2px;
  width: 25px;
  opacity: 1;
  z-index: 1;
  border-radius: 10px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.hamburger-btn span:nth-child(1) {
  top: 0;
  width: 10px;
}
.hamburger-btn span:nth-child(2) {
  top: 10px;
  width: 20px;
  right: -10px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tp-header-2-top {
  background-color: var(--tp-theme-1);
  padding: 11px 0;
}
.tp-header-2-top-info ul li {
  list-style: none;
  display: inline-block;
}
.tp-header-2-top-info ul li:not(:last-of-type) {
  margin-right: 20px;
}
.tp-header-2-top-info ul li a {
  color: var(--tp-heading-secondary);
}
.tp-header-2-top-info ul li a span {
  margin-right: 8px;
}
.tp-header-2-main {
  background: var(--tp-theme-3);
}
.tp-header-2-search span {
  font-size: 20px;
  font-weight: 900;
  cursor: pointer;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-header-2-search span:hover {
  color: var(--tp-theme-primary);
}
.tp-header-2-btn {
  margin-left: 50px;
}
.tp-header-3-main {
  background: var(--tp-theme-3);
}
.tp-header-3-search span {
  color: var(--tp-theme-primary);
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-header-3-search span:hover {
  color: var(--tp-common-white);
}
.tp-main-menu {
  position: relative;
}
.tp-main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  transition: none;
}
.tp-main-menu ul li:not(:last-of-type) {
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-main-menu ul li:not(:last-of-type) {
    margin-right: 15px;
  }
}
.tp-main-menu ul li a {
  display: inline-block;
  font-family: var(--tp-ff-p);
  padding: 30px 0 30px 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-common-white);
}
.tp-main-menu ul li.has-dropdown > a {
  position: relative;
}
.tp-main-menu ul li.has-dropdown > a::after {
  content: "\E812";
  font-size: 10px;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-fontawesome);
  font-weight: 800;
  margin-left: 6px;
  display: inline-block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-main-menu ul li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 12px 0 15px;
  background: var(--tp-theme-3);
  -webkit-box-shadow: 12px 12px 6px -13px var(--tp-common-white); 
  box-shadow: 12px 12px 6px -13px var(--tp-common-white) ;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: all 0.3s;
  -webkit-transition: 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}
.tp-main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 4px 38px;
  transform: translateY(5px);
  transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
}
.tp-main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.tp-main-menu ul li .submenu li:last-child a {
  border-bottom: 0;
}
.tp-main-menu ul li .submenu li a {
  position: relative;
  font-size: 14px;
  color: var(--tp-common-white);
  width: 100%;
  z-index: 1;
  padding: 0;
}
.tp-main-menu ul li .submenu li a span {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-main-menu ul li .submenu li .submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.tp-main-menu ul li .submenu li:hover > a {
  color: var(--tp-theme-primary);
}
.tp-main-menu ul li .submenu li:hover > a span {
  margin-left: 10px;
}
.tp-main-menu ul li .submenu li:hover > a::after {
  color: var(--tp-common-white);
}
.tp-main-menu ul li .submenu li:hover > a::before {
  width: 10px;
}
.tp-main-menu ul li .submenu li:hover > .submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.tp-main-menu ul li:hover > a {
  color: var(--tp-theme-primary);
}
.tp-main-menu ul li:hover > a::after {
  color: var(--tp-theme-primary);
}
.tp-main-menu ul li:hover .submenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotateX(0);
  -ms-transform: rotateX(0);
  transform: rotateX(0);
}
.mean-remove {
  display: none !important;
}
.mean-container {
  margin-bottom: 40px;
}
.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  font-weight: 700;
  display: none !important;
}
.mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}
.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}
.mean-container .mean-nav {
  background: none;
  margin-top: 0;
  float: left;
  width: 100%;
  background: #fff0;
}
.mean-container .mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}
.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}
.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}
.mean-container .mean-nav ul li.dropdown-opened > a,
.mean-container .mean-nav ul li.dropdown-opened > span {
  color: var(--tp-theme-primary);
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked,
.mean-container
  .mean-nav
  ul
  li.dropdown-opened
  > span.mean-expand.mean-clicked {
  color: var(--tp-theme-primary);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i,
.mean-container
  .mean-nav
  ul
  li.dropdown-opened
  > span.mean-expand.mean-clicked
  i {
  color: var(--tp-theme-primary);
}
.mean-container .mean-nav ul li.has-dropdown:hover > a {
  color: var(--tp-theme-primary);
}
.mean-container .mean-nav ul li.has-dropdown:hover .mean-expand {
  color: var(--tp-theme-primary);
}
.mean-container .mean-nav ul li.mean-last {
  border-bottom: none;
  margin-bottom: 0;
}
.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}
.mean-container .mean-nav ul li > a > i {
  display: none;
}
.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 10px 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #e0e3ed;
  text-decoration: none;
  width: 100%;
  padding: 10px 0;
  color: var(--tp-common-black);
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}
[dir="rtl"] .mean-container .mean-nav ul li a {
  float: right;
  text-align: right;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--tp-theme-primary);
}
.mean-container .mean-nav ul li a:hover i {
  color: var(--tp-common-white);
}
.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: #fff0;
  border: none !important;
  font-size: 14px;
  margin-top: 5px;
  padding: 0 !important;
  line-height: 14px;
  height: 30px;
  width: auto;
  line-height: 30px;
  color: var(--tp-common-black);
  line-height: 30px;
  top: 0;
  font-weight: 400;
}
[dir="rtl"] .mean-container .mean-nav ul li a.mean-expand {
  right: auto;
  left: 0;
  text-align: center;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}
.mean-container .mean-nav ul li a.mean-expand:hover i {
  color: var(--tp-theme-primary);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--tp-theme-primary);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover {
  color: var(--tp-theme-primary);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover i {
  color: var(--tp-theme-primary);
}
.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 10px 10%;
  text-shadow: none !important;
  visibility: visible;
}
.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 10px 15%;
}
.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 10px 20%;
}
.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 10px 25%;
}
.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.tp-mobile-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: var(--tp-common-white);
  padding: 13px 0 5px;
  z-index: 999;
  border-top: 1px solid var(--tp-border-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-mobile-menu.is-sticky {
  bottom: -120px;
  visibility: hidden;
  opacity: 0;
}
.tp-mobile-menu.is-sticky.bottom-menu-sticky {
  visibility: visible;
  opacity: 1;
  bottom: 0;
}
.tp-mobile-item-btn {
  font-size: 28px;
  text-align: center;
}
.tp-mobile-item-btn span {
  display: block;
  line-height: 1;
  font-size: 13px;
  margin-top: 3px;
}
.tp-mobile-item-btn:hover {
  color: var(--tp-common-black);
}
.tp-main-menu-mobile .tp-submenu {
  display: none;
}
.tp-main-menu-mobile .tp-mega-menu .shop-mega-menu-title {
  margin: 0;
  padding-top: 7px;
}
.tp-main-menu-mobile .tp-mega-menu.shop-mega-menu {
  padding: 0 !important;
  padding-left: 19px !important;
  padding-top: 10px !important;
}
.tp-main-menu-mobile .tp-mega-menu .shop-mega-menu-img {
  margin: 7px 0;
}
.tp-main-menu-mobile ul {
  position: static;
  display: block;
  box-shadow: none;
}
.tp-main-menu-mobile ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}
.tp-main-menu-mobile ul li:not(:last-child) a {
  border-bottom: 1px solid #fff;
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 16px;
  color: var(--tp-common-white);
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  text-align: center;
  line-height: 28px;
  border: 1px solid #fff;
  transform: translateY(-15px);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn i {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-main-menu-mobile
  ul
  li.has-dropdown
  > a
  .dropdown-toggle-btn.dropdown-opened
  i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover i {
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown > a.expanded {
  color: var(--tp-theme-primary);
}
.tp-main-menu-mobile
  ul
  li.has-dropdown
  > a.expanded
  .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.tp-main-menu-mobile
  ul
  li.has-dropdown
  > a.expanded
  .dropdown-toggle-btn.dropdown-opened
  i {
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown:hover > a::after {
  color: var(--tp-theme-green);
}
.tp-main-menu-mobile ul li:last-child a span {
  border-bottom: 0;
}
.tp-main-menu-mobile ul li > a {
  display: block;
  font-size: 16px;
  color: var(--tp-common-white);
  position: relative;
  padding: 10px 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li > a svg {
  transform: translateY(2px);
}
.tp-main-menu-mobile ul li > a > i {
  display: inline-block;
  width: 11%;
  margin-right: 13px;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1;
}
.tp-main-menu-mobile ul li > a .menu-text {
  font-size: 16px;
  line-height: 11px;
  border-bottom: 1px solid #eaebed;
  width: 82%;
  display: inline-block;
  padding: 19px 0 17px;
}
.tp-main-menu-mobile ul li img {
  width: 100%;
}
.tp-main-menu-mobile ul li ul {
  padding: 0;
}
.tp-main-menu-mobile ul li ul li {
  padding: 0;
}
.tp-main-menu-mobile ul li ul li a {
  margin-left: auto;
  width: 93%;
  padding: 10px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li:hover > a {
  color: var(--tp-theme-primary);
}
.tp-main-menu-mobile ul li:hover > a::after {
  color: var(--tp-theme-primary);
}
.tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i {
  color: var(--tp-theme-primary);
}
.tp-main-menu-mobile ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.tp-main-menu-mobile ul li .mega-menu,
.tp-main-menu-mobile ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
}
.tp-main-menu-mobile ul li .mega-menu li,
.tp-main-menu-mobile ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}
.tp-main-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn,
.tp-main-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn {
  color: var(--tp-theme-primary);
}
.tp-main-menu-mobile
  .tp-main-menu-content
  ul
  li:not(:last-child)
  .home-menu-title
  a {
  border-bottom: none;
}
.tp-main-menu-mobile * ul,
.tp-main-menu-mobile * li {
  transition: none !important;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-postbox-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.tp-postbox-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(180deg, #fff0 0%, #0f172a 100%);
}
.tp-postbox-thumb img {
  width: 100%;
}
@media (max-width: 575px) {
  .tp-postbox-thumb .tp-about-thumb-play-btn {
    top: 15%;
  }
}
.tp-postbox-thumb-date {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 2;
}
.tp-postbox-thumb-date .holding {
  padding: 2px 13px;
  border: 1px solid;
  margin-right: 15px;
}
.tp-postbox-content {
  padding: 20px 0;
}
.tp-postbox-meta {
  margin-bottom: 22px;
}
.tp-postbox-meta span.author {
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 575px) {
  .tp-postbox-meta span.author {
    display: inline-block;
    margin-bottom: 10px;
  }
}
.tp-postbox-meta span img {
  border-radius: 50%;
  margin-right: 7px;
}
.tp-postbox-meta span:not(:last-of-type) {
  border-right: 1px solid rgb(255 255 255 / 0.5);
  padding-right: 30px;
  margin-right: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-postbox-meta span:not(:last-of-type) {
    padding-right: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 575px) {
  .tp-postbox-meta span:not(:last-of-type) {
    padding-right: 10px;
    margin-right: 10px;
  }
}
.tp-postbox-meta span i {
  color: var(--tp-theme-primary);
  margin-right: 3px;
}
.tp-postbox-title {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-postbox-title {
    font-size: 34px;
  }
}
@media (max-width: 575px) {
  .tp-postbox-title {
    font-size: 32px;
  }
}
.tp-postbox-title:hover {
  color: var(--tp-theme-primary);
}
.tp-postbox-text {
  margin-bottom: 30px;
}
.tp-postbox-btn .tp-btn {
  padding: 11px 23px;
  font-weight: 600;
  letter-spacing: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-postbox-pagination {
    margin-bottom: 50px;
  }
}
.tp-postbox-pagination ul li {
  list-style: none;
  display: inline-block;
  margin-right: 5px;
}
.tp-postbox-pagination ul li a {
  font-family: var(--tp-ff-heading);
  display: inline-block;
  font-weight: 500;
  color: var(--tp-theme-primary);
  font-size: 20px;
  height: 40px;
  width: 40px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #8295b3;
  border-radius: 5px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-postbox-pagination ul li a i {
  font-size: 16px;
  transform: translateY(2px);
}
.tp-postbox-pagination ul li a:hover {
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
  border: 1px solid var(--tp-theme-primary);
}
.tp-postbox-pagination ul li .current {
  font-family: var(--tp-ff-heading);
  background: var(--tp-theme-primary);
  font-weight: 500;
  font-size: 20px;
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 5px;
  transform: translateY(1px);
}
.tp-postbox-nav button {
  position: absolute;
  top: 50%;
  left: 5%;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-theme-primary);
  background: var(--tp-common-white);
  z-index: 2;
}
@media (max-width: 575px) {
  .tp-postbox-nav button {
    top: 25%;
  }
}
.tp-postbox-nav button:hover {
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
}
.tp-postbox-nav button.tp-blog-next-1 {
  right: 5%;
  left: auto;
}
.tp-postbox-item-wrapper {
  margin-bottom: 80px;
}
.tp-postbox-item-wrapper p {
  margin-bottom: 20px;
}
.tp-postbox-item-title {
  font-size: 54px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-postbox-item-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-postbox-item-title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .tp-postbox-item-title {
    font-size: 38px;
  }
}
.tp-postbox-item-title-2 {
  font-size: 28px;
  font-weight: 500;
  margin-top: 60px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-postbox-item-title-2 {
    margin-bottom: 20px;
    margin-top: 30px;
  }
}
.tp-postbox-item-btn span {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
  padding: 5px 15px;
  margin-right: 40px;
}
.tp-postbox-item-btn p {
  margin-bottom: 0;
}
.tp-postbox-item-thumb {
  margin-bottom: 30px;
}
.tp-postbox-item-thumb-2 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.tp-postbox-item-thumb-2 .img-1 {
  margin-right: 30px;
}
@media (max-width: 575px) {
  .tp-postbox-item-thumb-2 .img-1 {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .tp-postbox-item-thumb-2 {
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.tp-postbox-item-thumb-2 img {
  width: 100%;
}
.tp-postbox-item-thumb-btn {
  margin-top: 30px;
}
.tp-postbox-item-thumb-btn span {
  margin-right: 30px;
}
.tp-postbox-item-thumb-btn span i {
  color: var(--tp-theme-primary);
}
.tp-postbox-item-thumb img {
  width: 100%;
}
.tp-postbox-item-tags {
  text-align: center;
}
.tp-postbox-item-tags span {
  position: relative;
  display: inline-block;
  margin-right: 20px;
}
@media (max-width: 575px) {
  .tp-postbox-item-tags span {
    margin-bottom: 20px;
  }
}
.tp-postbox-item-tags span:not(:last-of-type)::before {
  position: absolute;
  content: "/";
  top: 0;
  right: -15px;
}
.tp-postbox-item-tags span a::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  opacity: 0;
  transform: translateY(1px);
  transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-property: opacity, transform, -webkit-transform;
  background: var(--tp-theme-primary);
}
.tp-postbox-item-tags span a:hover::after {
  opacity: 1;
  transform: translateY(-3px) translateZ(0);
}
.tp-postbox-comment ul li {
  list-style: none;
}
.tp-postbox-comment ul li.children {
  margin-left: 82px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-postbox-comment ul li.children {
    margin-left: 0;
  }
}
.tp-postbox-comment ul li .tp-postbox-comment-box {
  border: 2px solid rgb(255 255 255 / 0.1);
  padding: 25px;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .tp-postbox-comment ul li .tp-postbox-comment-box-inner {
    flex-wrap: wrap;
  }
}
.tp-postbox-comment ul li .tp-postbox-comment-avater {
  margin-right: 20px;
}
@media (max-width: 575px) {
  .tp-postbox-comment ul li .tp-postbox-comment-avater {
    margin-bottom: 10px;
  }
}
.tp-postbox-comment ul li .tp-postbox-comment-content p {
  color: var(--tp-common-white);
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-postbox-comment ul li .tp-postbox-comment-content p br {
    display: none;
  }
}
.tp-postbox-comment ul li .tp-postbox-comment-name {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.tp-postbox-comment ul li .tp-postbox-comment-date {
  margin-bottom: 16px;
}
.tp-postbox-comment ul li .tp-postbox-comment-reply {
  position: absolute;
  top: 20px;
  right: 20px;
}
.tp-postbox-comment ul li .tp-postbox-comment-reply a {
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 5px;
  letter-spacing: 2px;
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
}
.tp-postbox-comment ul li .tp-postbox-comment-reply a:hover {
  background: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-postbox-message {
    margin-bottom: 50px;
  }
}
.tp-postbox-message-title {
  position: relative;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 50px;
  display: inline-block;
}
.tp-postbox-message-title span {
  height: 1px;
  width: 58px;
  margin: 0 22px;
  display: inline-block;
  transform: translateY(-5px);
  background: var(--tp-theme-primary);
}
@media (max-width: 575px) {
  .tp-postbox-message-title span {
    display: none;
  }
}
.tp-postbox-message .tp-postbox-input {
  margin-bottom: 30px;
}
.tp-postbox-message .tp-postbox-input input,
.tp-postbox-message .tp-postbox-input textarea {
  background: #fff0;
  height: 60px;
  border: 2px solid rgb(255 255 255 / 0.2);
  color: var(--tp-common-white);
}
.tp-postbox-message .tp-postbox-input input::placeholder,
.tp-postbox-message .tp-postbox-input textarea::placeholder {
  color: var(--tp-common-white);
}
.tp-postbox-message .tp-postbox-input input:focus,
.tp-postbox-message .tp-postbox-input textarea:focus {
  border: 2px solid var(--tp-theme-primary);
}
.tp-postbox-message .tp-postbox-input textarea {
  height: 200px;
  resize: none;
}
.tp-postbox-message .tp-postbox-input-btn .tp-btn {
  letter-spacing: 2px;
  padding: 16px 50px;
}
.tp-postbox-message .form-inner-check .form-check-input {
  background-color: #fff0;
  border-color: var(--tp-theme-primary);
  width: 15px;
  height: 15px;
  margin-top: 2px;
  margin-right: 8px;
  flex: 0 0 auto;
  cursor: pointer;
  transform: translateY(2px);
}
.tp-postbox-message .form-inner-check .form-check-input[type="checkbox"] {
  border-radius: 0;
}
.tp-postbox-message .form-inner-check .form-check-input:focus {
  border-color: var(--tp-theme-primary);
  outline: 0;
  box-shadow: none;
}
.tp-postbox-message .form-inner-check .form-check-input:checked {
  background-color: var(--tp-theme-primary);
}
.tp-postbox-message .form-inner-check .form-check-label {
  cursor: pointer;
}
blockquote {
  position: relative;
  padding: 40px 80px 50px;
  margin: 55px 0 30px 0;
  background: rgb(255 255 255 / 0.0500000007);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  blockquote {
    padding: 40px 75px 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  blockquote {
    padding: 35px 70px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  blockquote {
    padding: 35px 70px;
  }
}
blockquote p {
  font-size: 20px;
  font-weight: 500;
  margin: 0 !important;
  font-family: var(--tp-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  blockquote p br {
    display: none;
  }
}
blockquote cite {
  position: relative;
  font-style: normal;
  margin-top: 20px;
  display: block;
}
blockquote cite::before {
  position: relative;
  content: "";
  padding-bottom: 0;
  display: inline-block;
  height: 2px;
  width: 30px;
  text-align: center;
  top: -4px;
  margin-right: 10px;
  background: var(--tp-theme-primary);
}
blockquote img {
  position: absolute;
  top: 20px;
  left: 20px;
}
.tp-rc__post:not(:last-of-type) {
  margin-bottom: 50px;
}
.tp-rc__post:hover .tp-rc__post-thumb img {
  transform: scale(1.08);
}
.tp-rc__post-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tp-rc__post-title {
    font-size: 18px;
  }
}
.tp-rc__post-title:hover {
  color: var(--tp-theme-primary);
}
.tp-rc__post-thumb {
  overflow: hidden;
  flex: 0 0 auto;
}
.tp-rc__post-thumb img {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-rc__post-meta span i {
  color: var(--tp-theme-primary);
}
.tp-sidebar-wrapper {
  position: sticky;
  top: 180px;
}
.tp-sidebar-widget {
  border: 2px solid rgb(255 255 255 / 0.1);
  padding: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tp-sidebar-widget {
    padding: 30px;
  }
}
.tp-sidebar-widget-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 25px;
}
.tp-sidebar-widget ul li {
  list-style: none;
}
.tp-sidebar-widget ul li:not(:last-child) {
  margin-bottom: 15px;
}
.tp-sidebar-widget ul li a {
  position: relative;
  display: block;
  font-size: 16px;
  padding: 11px 20px;
  color: var(--tp-common-white);
  border: 2px solid rgb(255 255 255 / 0.1);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-sidebar-widget ul li a span {
  float: right;
}
.tp-sidebar-widget ul li a.active {
  background: var(--tp-theme-primary);
}
.tp-sidebar-widget ul li a:hover {
  background: var(--tp-theme-primary);
}
.tp-sidebar-search-input {
  position: relative;
}
.tp-sidebar-search-input input {
  font-size: 16px;
  background: #1b2335;
  border: 1px solid var(--tp-theme-secondary);
  color: var(--tp-common-white);
  padding-right: 60px;
  height: 60px;
}
.tp-sidebar-search-input input::placeholder {
  font-size: 16px;
  color: var(--tp-common-white);
}
.tp-sidebar-search-input input:focus {
  border: 1px solid var(--tp-theme-primary);
}
.tp-sidebar-search-input button {
  position: absolute;
  top: 20px;
  font-weight: 900;
  color: var(--tp-theme-primary);
  right: 30px;
}
.tp-sidebar-work {
  background: var(--tp-theme-primary);
  padding: 40px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-sidebar-work {
    padding: 40px 50px;
  }
}
.tp-sidebar-work-title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 15px;
}
.tp-sidebar-work-content p {
  margin-bottom: 30px;
}
.tp-sidebar-work-call-icon i {
  font-size: 24px;
  font-weight: 900;
  transform: translateY(12px);
}
.tp-sidebar-work-call-content span {
  display: block;
  text-align: start;
}
.tagcloud {
  padding-top: 24px;
  border-top: 1px solid #e0e2e3;
}
.tagcloud a {
  font-size: 15px;
  color: var(--tp-text-body);
  padding: 5px 13px;
  line-height: 1;
  display: inline-block;
  border: 1px solid #e6e7e8;
  margin-bottom: 8px;
}
.tagcloud a:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-footer-area {
    padding-top: 20px;
  }
}
.tp-footer-border {
  border-bottom: 1px solid rgb(255 255 255 / 0.5);
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-footer-border {
    padding-bottom: 0;
  }
}
.tp-footer-logo {
  margin-bottom: 35px;
}
.tp-footer-widget-content p {
  color: var(--tp-common-white);
  margin-bottom: 35px;
}
.tp-footer-widget-content ul li {
  position: relative;
  list-style: none;
}
.tp-footer-widget-content ul li:not(:last-of-type) {
  margin-bottom: 20px;
}
.tp-footer-widget-content ul li a {
  color: var(--tp-common-white);
  background-image: linear-gradient(#f1f1f5, #f3f3f8),
    linear-gradient(#f3f3f7, #f2f2f7);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.2s linear;
}
.tp-footer-widget-content ul li a:hover {
  background-size: 0 1px, 100% 1px;
}
.tp-footer-widget-contact-inner a {
  margin-bottom: 20px;
  display: inline-block;
}
.tp-footer-widget-contact-inner a:hover {
  color: var(--tp-theme-primary);
}
.tp-footer-widget-contact-inner a.contact-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 16px;
}
.tp-footer-widget-contact-inner a.contact-title:hover {
  color: var(--tp-theme-primary);
}
.tp-footer-widget-contact-inner a i {
  font-size: 14px;
  font-weight: 900;
  margin-right: 5px;
  color: var(--tp-theme-2);
}
.tp-footer-widget-input {
  position: relative;
}
.tp-footer-widget-input input {
  border: 1px solid #37486f;
  height: 60px;
  font-size: 16px;
  font-weight: 400;
  padding-left: 18px;
  padding-right: 60px;
  border-radius: 5px;
  color: var(--tp-common-white);
  background-color: #fff0;
}
.tp-footer-widget-input input::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-white);
}
.tp-footer-widget-input input:focus {
  border: 1px solid var(--tp-theme-primary);
}
.tp-footer-widget-input span {
  position: absolute;
  top: 5px;
  right: 4px;
  height: 50px;
  width: 50px;
  text-align: center;
  display: inline-block;
  line-height: 52px;
  border-radius: 5px;
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
}
.tp-footer-widget-input span:hover i {
  animation: tfLeftToRight 0.5s forwards;
}
.tp-footer-widget-social a {
  font-size: 16px;
  font-weight: 900;
  margin-right: 20px;
  color: var(--tp-theme-primary);
}
.tp-footer-widget-social a:hover {
  color: var(--tp-common-white);
}
.tp-footer-widget-title {
  position: relative;
  font-weight: 700;
  font-size: 28px;
  color: var(--tp-common-white);
  margin-bottom: 42px;
}
.tp-footer-widget-title::after {
  position: absolute;
  content: "";
  top: 43px;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(../img/footer/line.png) no-repeat;
}
.tp-footer-copyright-area {
  padding-top: 20px;
  padding-bottom: 20px;
}
.tp-footer-copyright-inner p {
  opacity: 0.6;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-footer-copyright-inner p {
    margin-bottom: 20px;
  }
}
.tp-footer-copyright-inner a {
  position: relative;
  opacity: 0.6;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-footer-copyright-inner a:not(:last-of-type) {
  margin-right: 30px;
}
.tp-footer-copyright-inner a:not(:last-of-type)::before {
  position: absolute;
  content: "";
  height: 15px;
  width: 2px;
  top: 5px;
  right: -20px;
  background: var(--tp-common-white);
}
.tp-footer-copyright-inner a:hover {
  opacity: 1;
  color: var(--tp-theme-primary);
}
.tp-footer-col-2 {
  padding-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-footer-col-2 {
    padding-left: 0;
  }
}
.tp-footer-border-top {
  border-bottom: 1px solid rgb(255 255 255 / 0.5);
  padding-bottom: 20px;
  margin-bottom: 50px;
}
.tp-footer-main-area-2 .tp-footer-widget-title {
  margin-left: 20px;
  margin-bottom: 30px;
}
.tp-footer-main-area-2 .tp-footer-widget-title::after {
  content: none;
}
.tp-footer-main-area-2 .tp-footer-widget-title::before {
  position: absolute;
  content: "";
  left: -20px;
  top: 0;
  height: 100%;
  width: 100%;
  background: url(../img/footer/line-2.png) no-repeat;
}
.tp-footer-main-area-2 .tp-footer-widget-content span {
  display: block;
  font-family: var(--tp-ff-heading);
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 500;
}
.tp-footer-border-2 {
  border-bottom: 1px solid rgb(255 255 255 / 0.5);
}
.tp-footer-2-col-1 .tp-footer-widget-title {
  font-family: var(--tp-ff-heading);
  margin-bottom: 35px;
  margin-left: 0;
}
.tp-footer-2-col-1 .tp-footer-widget-title::after {
  content: none;
}
.tp-footer-2-col-1 .tp-footer-widget-title::before {
  content: none;
}
.tp-footer-2-col-1 .tp-footer-widget-content p {
  margin-bottom: 30px;
}
.tp-footer-2-col-2 {
  padding-left: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-footer-2-col-2 {
    padding-left: 0;
  }
}
.tp-footer-2-col-3 {
  padding-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-footer-2-col-3 {
    padding-left: 0;
  }
}
.tp-footer-border-3 {
  border-bottom: 1px solid rgb(255 255 255 / 0.5);
}
.tp-footer-main-area-3 .tp-footer-widget-title::after {
  content: none;
}
@media (max-width: 575px) {
  .tp-footer-main-area-3 .tp-footer-widget-contact {
    flex-wrap: wrap;
  }
}
.tp-footer-main-area-3 .tp-footer-3-contact-title {
  font-family: var(--tp-ff-heading);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
}
.tp-footer-main-area-3 .tp-footer-3-contact-title span {
  display: inline-block;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 16px;
  font-weight: 900;
  line-height: 30px;
  border-radius: 50%;
  background: var(--tp-theme-primary);
  margin-right: 8px;
}
@media (max-width: 575px) {
  .tp-footer-main-area-3 .tp-footer-3-call {
    margin-bottom: 30px;
  }
}
.tp-footer-main-area-3 .tp-footer-3-call .mail {
  margin-bottom: 10px;
  display: block;
}
.tp-footer-main-area-3 .tp-footer-3-call .tel {
  color: var(--tp-theme-1);
}
.tp-footer-3-col-2 {
  padding-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-3-col-2 {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-3-col-2 {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-footer-3-col-2 {
    padding-left: 0;
  }
}
.tp-footer-3-col-3 .tp-footer-widget-input {
  margin-bottom: 30px;
}
.tp-footer-3-col-3 .tp-footer-widget-input input {
  height: 80px;
  padding-right: 220px;
}
@media (max-width: 575px) {
  .tp-footer-3-col-3 .tp-footer-widget-input input {
    padding-right: 170px;
  }
}
.tp-footer-3-col-3 .tp-footer-widget-input .tp-btn {
  padding: 16px 20px;
  position: absolute;
  right: 8px;
  top: 10px;
  font-weight: 600;
  letter-spacing: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-3-col-3 .tp-footer-widget-input .tp-btn {
    padding: 15px 14px;
  }
}
@media (max-width: 575px) {
  .tp-footer-3-col-3 .tp-footer-widget-input .tp-btn {
    padding: 15px 5px;
    letter-spacing: 1px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-area {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-hero-area {
    padding-top: 60px;
  }
}
.tp-hero-plr {
  --bs-gutter-x: 42px;
  padding-right: calc(var(--bs-gutter-x) * 1.5);
  padding-left: calc(var(--bs-gutter-x) * 1.5);
}
@media (max-width: 575px) {
  .tp-hero-plr {
    --bs-gutter-x: 5px;
  }
}
.tp-hero-slider {
  margin-top: 45px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-hero-slider {
    margin: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-hero-slider {
    text-align: center;
  }
}
.tp-hero-title {
  font-size: 78.34px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 25px;
  text-transform: capitalize;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-title {
    font-size: 62px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-hero-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-hero-title-wrapper {
    margin-bottom: 15px;
  }
}
.tp-hero-title-wrapper p {
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-hero-title-wrapper p {
    margin-bottom: 25px;
  }
}
.tp-hero-thumb img {
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-hero-btn {
    margin-bottom: 30px;
  }
}
.tp-hero-btn .tp-btn {
  padding: 16px 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-area-2 {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-area-2 {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-hero-area-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.tp-hero-bg-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right;
  z-index: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-bg-2 {
    width: 70%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-bg-2 {
    width: 65%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-bg-2 {
    width: 46%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-hero-bg-2 {
    position: static;
    height: 350px;
  }
}
.tp-hero-wrapper-2 {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-hero-wrapper-2 {
    margin-bottom: 30px;
  }
}
.tp-hero-wrapper-2 span {
  font-family: var(--tp-ff-heading);
  font-size: 54px;
  font-weight: 600;
  line-height: 62px;
}
.tp-hero-title-2 {
  font-size: 128px;
  font-weight: 600;
  line-height: 62px;
}
@media (max-width: 575px) {
  .tp-hero-title-2 {
    margin-left: 0;
  }
}
.tp-hero-title-2 span {
  font-size: 16px;
  width: 364px;
  display: inline-block;
  line-height: 24px;
}
.tp-hero-content-2 {
  margin-top: 65px;
  margin-bottom: 40px;
}
.tp-hero-content-2 p {
  margin-right: 12px;
  width: 364px;
}
@media (max-width: 575px) {
  .tp-hero-content-2 p {
    display: none;
  }
}
@media (max-width: 575px) {
  .tp-hero-area-3 {
    padding-bottom: 80px;
  }
}
.tp-hero-title-3 {
  color: var(--tp-theme-primary);
  font-size: 128px;
  font-weight: 800;
  text-transform: capitalize;
  text-shadow: 0 50px 0 #242028, 0 14px 10px rgb(0 0 0 / 0.1),
    0 24px 2px rgb(0 0 0 / 0.1), 0 34px 30px rgb(0 0 0 / 0.1);
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-title-3 {
    font-size: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-title-3 {
    font-size: 80px;
  }
}
@media (max-width: 575px) {
  .tp-hero-title-3 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-title-wrapper-3 {
    margin-bottom: 50px;
  }
}
.tp-hero-title-wrapper-3 .tp-section-title {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .tp-hero-title-wrapper-3 .tp-section-title {
    font-size: 35px;
  }
}
.tp-hero-btn-3 {
  margin-bottom: 60px;
}
.tp-hero-btn-3 .tp-btn {
  padding: 11px 33px;
}
.tp-hero-shape-3 .shape-1 {
  margin-right: 40px;
}
@media (max-width: 575px) {
  .tp-hero-shape-3 .shape-1 {
    margin-bottom: 30px;
  }
}
.tp-hero-slider-3 .tp-hero-active-3 {
  padding-top: 50px;
  margin-right: -170px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-hero-slider-3 .tp-hero-active-3 {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .tp-hero-slider-3 .tp-hero-active-3 {
    padding-top: 80px;
  }
}
.tp-hero-slider-3 .tp-hero-active-3 .swiper-wrapper .swiper-slide {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-hero-slider-3 .tp-hero-active-3 .swiper-wrapper .swiper-slide img {
  max-width: 100%;
}
.tp-hero-slider-3 .tp-hero-active-3 .swiper-wrapper .swiper-slide-active {
  transform: scale(1.2);
  z-index: 1;
}
.tp-hero-slider-3 .tp-scrollbar-2 {
  margin-right: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-slider-3 .tp-scrollbar-2 {
    margin-right: 180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-slider-3 .tp-scrollbar-2 {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .tp-hero-slider-3 .tp-scrollbar-2 {
    margin-right: 30px;
  }
}
.tp-screenshot-thumb {
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
}
.tp-screenshot-thumb::before {
  position: absolute;
  content: "";
  width: 150%;
  height: 150%;
  left: -25%;
  top: -25%;
  opacity: 0;
  transition: opacity 0.6s ease;
  background-image: url(../img/screenshot/shape.png);
  animation: tp-grain 6s steps(6) infinite;
  pointer-events: none;
  z-index: 1;
}
.tp-screenshot-thumb:hover::before {
  opacity: 1;
  animation-play-state: running;
}
.tp-screenshot-thumb:hover img {
  transform: scale(1.08);
}
.tp-screenshot-thumb img {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-screenshot-thumb img {
    min-width: 100%;
  }
}
@media (max-width: 575px) {
  .tp-screenshot-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-breadcrumb-team-item {
    margin-bottom: 50px;
  }
}
.tp-breadcrumb-team-item::before {
  position: absolute;
  content: "";
  width: 330px;
  height: 350px;
  background: #1b2335;
  top: -30px;
  left: -30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-breadcrumb-team-item::before {
    left: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-breadcrumb-team-item::before {
    content: none;
  }
}
.tp-breadcrumb-team-item:hover .tp-breadcrumb-team-social .icon-1 {
  visibility: visible;
  transform: translateY(-40px);
  opacity: 1;
}
.tp-breadcrumb-team-item:hover .tp-breadcrumb-team-social .icon-2 {
  visibility: visible;
  transform: translateY(-40px);
  opacity: 1;
}
.tp-breadcrumb-team-item:hover .tp-breadcrumb-team-social .icon-3 {
  visibility: visible;
  transform: translateY(-40px);
  opacity: 1;
}
.tp-breadcrumb-team-item:hover .tp-breadcrumb-team-thumb img {
  transform: scale(1.08);
}
.tp-breadcrumb-team-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.tp-breadcrumb-team-thumb img {
  border-radius: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-breadcrumb-team-thumb img {
    max-width: 100%;
  }
}
.tp-breadcrumb-team-thumb .tp-breadcrumb-team-social {
  position: absolute;
  bottom: -30px;
  left: 20px;
  z-index: 1;
}
.tp-breadcrumb-team-thumb .tp-breadcrumb-team-social a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background: var(--tp-theme-primary);
}
.tp-breadcrumb-team-thumb .tp-breadcrumb-team-social a:hover {
  background: var(--tp-theme-secondary);
}
.tp-breadcrumb-team-thumb .tp-breadcrumb-team-social a.icon-1 {
  visibility: hidden;
  opacity: 0;
  transform: translateX(0);
  transition: all 0.3s ease-in-out;
}
.tp-breadcrumb-team-thumb .tp-breadcrumb-team-social a.icon-2 {
  visibility: hidden;
  opacity: 0;
  transform: translateX(0);
  transition: all 0.4s ease-in-out;
}
.tp-breadcrumb-team-thumb .tp-breadcrumb-team-social a.icon-3 {
  visibility: hidden;
  opacity: 0;
  transform: translateX(0);
  transition: all 0.5s ease-in-out;
}
.tp-breadcrumb-team-content {
  padding-top: 30px;
}
.tp-breadcrumb-team-content p {
  opacity: 0.6000000238;
}
.tp-breadcrumb-team-title {
  font-size: 28px;
  font-weight: 500;
}
.tp-breadcrumb-team-title a:hover {
  color: var(--tp-theme-primary);
}
.tp-team-details-info {
  overflow: hidden;
  background: rgb(255 255 255 / 0.0500000007);
}
.tp-team-details-info-title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tp-team-details-info-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-team-details-info-thumb img {
    min-width: 100%;
  }
}
.tp-team-details-info-content {
  padding: 30px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-details-info-content {
    padding: 30px 20px;
  }
}
.tp-team-details-info-content span {
  display: block;
  margin-bottom: 23px;
}
.tp-team-details-info-content p {
  margin-bottom: 10px;
}
.tp-team-details-progress-item {
  position: relative;
}
.tp-team-details-progress-item:not(:last-of-type) {
  margin: 37px 0;
}
.tp-team-details-progress-item .progress {
  height: 3px;
  border-radius: 5px;
}
.tp-team-details-progress-item .progress-bar {
  background: var(--tp-theme-primary);
  border-radius: 5px;
}
.tp-team-details-progress-title .title {
  font-family: var(--tp-ff-p);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}
.tp-team-details-progress-title .title span {
  position: absolute;
  top: 0;
  right: 0;
}
.tp-team-details-personal {
  margin-bottom: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-details-personal {
    margin-bottom: 40px;
  }
}
.tp-team-details-skill {
  margin-bottom: 50px;
}
.tp-team-details-title {
  font-weight: 500;
  margin-bottom: 14px;
}
.tp-team-details-item {
  background: rgb(255 255 255 / 0.0500000007);
  box-shadow: 0 2px 6.4000000954px -1px rgb(19 16 34 / 0.03),
    0 4.4000000954px 12px -1px rgb(19 16 34 / 0.06);
  margin-right: 20px;
  padding: 40px 30px 38px 30px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-team-details-item {
    margin-bottom: 20px;
  }
}
.tp-team-details-item:hover {
  background: var(--tp-theme-primary);
}
.tp-team-details-item:hover .tp-team-details-item-icon img {
  filter: brightness(0) invert(1);
}
.tp-team-details-item-icon {
  margin-bottom: 18px;
}
.tp-team-details-item-icon img {
  transition: 0.2s linear;
}
.tp-team-details-item-title {
  font-size: 28px;
  margin-bottom: 10px;
}
.tp-team-details-item-wrapper {
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-team-details-item-wrapper {
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
}
.tp-team-details-contact p {
  margin-bottom: 30px;
}
.tp-team-details-contact .tp-team-input input,
.tp-team-details-contact .tp-team-input textarea {
  height: 60px;
  background: var(--tp-theme-secondary);
  border-color: rgb(255 255 255 / 0.5);
  color: var(--tp-common-white);
  border-radius: 5px;
  margin-bottom: 20px;
}
.tp-team-details-contact .tp-team-input input::placeholder,
.tp-team-details-contact .tp-team-input textarea::placeholder {
  color: var(--tp-common-white);
}
.tp-team-details-contact .tp-team-input input:focus,
.tp-team-details-contact .tp-team-input textarea:focus {
  border: 1px solid var(--tp-theme-primary);
}
.tp-team-details-contact .tp-team-input textarea {
  height: 150px;
  resize: none;
}
.tp-team-details-contact .tp-team-input-btn .tp-btn {
  padding: 16px 22px;
  font-weight: 600;
  letter-spacing: 2px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-about-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-about-title-wrapper {
    padding-top: 0;
  }
}
.tp-about-title-wrapper p {
  margin-bottom: 38px;
}
.tp-about-thumb {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-thumb img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .tp-about-thumb img {
    max-width: 100%;
  }
}
.tp-about-thumb-wrapper {
  padding-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-about-thumb-wrapper {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-about-thumb-wrapper {
    text-align: center;
  }
}
.tp-about-thumb-wrapper:hover .tp-about-thumb-shape span {
  transform: rotate(0deg);
}
.tp-about-thumb-shape span {
  position: absolute;
  top: 0;
  left: 70px;
  height: 676px;
  width: 518px;
  transform: rotate(6.992deg);
  background: var(--tp-theme-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-about-thumb-shape span {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-thumb-shape span {
    left: 86px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-thumb-shape span {
    width: 450px;
    height: 587px;
  }
}
@media (max-width: 575px) {
  .tp-about-thumb-shape span {
    display: none;
  }
}
.tp-about-thumb-counter {
  position: absolute;
  bottom: 55px;
  left: -31px;
  width: 288px;
  background: var(--tp-theme-3);
  border: 1px solid #ffc901;
  padding: 10px 0 15px 23px;
  z-index: 2;
  animation: tptranslateX2 4s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-thumb-counter {
    left: -80px;
    bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-about-thumb-counter {
    left: 0;
  }
}
@media (max-width: 575px) {
  .tp-about-thumb-counter {
    position: static;
    margin-top: 30px;
  }
}
.tp-about-thumb-counter-icon {
  margin-right: 20px;
}
.tp-about-thumb-counter-title {
  font-size: 54px;
  margin-bottom: 0;
}
.tp-about-thumb-play-btn {
  position: absolute;
  top: 42%;
  right: 44%;
  z-index: 2;
}
@media (max-width: 575px) {
  .tp-about-thumb-play-btn {
    right: 35%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-about-btn {
    margin-bottom: 50px;
  }
}
.tp-counter-item {
  position: relative;
  padding: 44px;
  border-radius: 5px;
  background: rgb(255 255 255 / 0.0500000007);
}
.tp-counter-item:hover .tp-counter-item-icon::before {
  transform: scale(1.1);
}
.tp-counter-item-icon {
  position: relative;
  margin-bottom: 20px;
  height: 84px;
}
.tp-counter-item-icon::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50px;
  height: 85px;
  width: 85px;
  border-radius: 50%;
  background: rgb(255 255 255 / 0.1);
}
.tp-counter-item-title {
  font-size: 54px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-counter-item-content p {
    font-size: 14px;
  }
}
.tp-video-play-area {
  background-repeat: no-repeat;
  background-size: cover;
}
.tp-video-play-item:hover .tp-video-play-thumb::before {
  opacity: 1;
}
.tp-video-play-item:hover .tp-video-play-content {
  bottom: 38px;
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
.tp-video-play-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 35px;
}
.tp-video-play-thumb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #fff0 0%, #fe9700 100%);
  border-radius: 20px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  z-index: 1;
  opacity: 0;
}
.tp-video-play-thumb img {
  border-radius: 20px;
  min-width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-video-play-thumb img {
    max-width: 100%;
  }
}
.tp-video-play-content {
  position: absolute;
  left: 36px;
  bottom: 28px;
  opacity: 0;
  z-index: 1;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-video-play-content p {
  margin-bottom: 5px;
}
.tp-video-play-content a {
  font-size: 28px;
  font-weight: 700;
  background-image: linear-gradient(#f1f1f5, #f3f3f8),
    linear-gradient(#f3f3f7, #f2f2f7);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.2s linear;
}
.tp-video-play-content a:hover {
  background-size: 0 1px, 100% 1px;
}
.tp-breadcrumb-video-box {
  margin-left: 195px;
  margin-right: 195px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 15px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-breadcrumb-video-box {
    margin-right: 120px;
    margin-left: 120px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-breadcrumb-video-box {
    margin-right: 100px;
    margin-left: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-breadcrumb-video-box {
    margin-right: 80px;
    margin-left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-breadcrumb-video-box {
    margin-right: 50px;
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-breadcrumb-video-box {
    margin-right: 0;
    margin-left: 0;
    background-image: none;
  }
}
.tp-breadcrumb-video-item {
  padding: 60px 0 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-breadcrumb-video-item {
    padding: 15px 0 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-breadcrumb-video-item {
    padding: 15px 0 10px;
  }
}
@media (max-width: 575px) {
  .tp-breadcrumb-video-item {
    padding: 10px 0 10px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-breadcrumb-video-item .tp-video-play-thumb img {
    max-width: 100%;
  }
}
.tp-project-details-wrapper .tp-section-title {
  margin-bottom: 25px;
}
.tp-project-details-wrapper p {
  margin-bottom: 50px;
}
.tp-project-details-thumb {
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-project-details-thumb img {
    max-width: 100%;
  }
}
.tp-project-details-thumb-1 {
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-project-details-thumb-1 {
    flex-wrap: wrap;
  }
}
.tp-project-details-thumb-content {
  margin-right: 30px;
}
.tp-project-details-thumb-content p {
  margin-bottom: 20px;
}
.tp-project-details-thumb-title {
  margin-bottom: 20px;
}
.tp-project-details-thumb-img img {
  margin-bottom: 40px;
}
.tp-project-details-thumb-img span {
  position: relative;
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  margin-left: -15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-project-details-thumb-img span {
    margin-left: 0;
  }
}
.tp-project-details-thumb-img span::before {
  position: absolute;
  content: "";
  height: 42px;
  width: 2px;
  top: 16px;
  left: -20px;
  background: #6d18ef;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-project-details-thumb-img span::before {
    top: 0;
  }
}
.tp-project-details-user {
  padding: 30px 70px 30px 40px;
  background: rgb(255 255 255 / 0.0500000007);
}
@media (max-width: 575px) {
  .tp-project-details-user {
    flex-wrap: wrap;
    padding: 30px;
  }
}
.tp-project-details-user .shape {
  position: absolute;
  top: 10px;
  right: 10px;
}
.tp-project-details-user-thumb {
  margin-right: 25px;
}
@media (max-width: 575px) {
  .tp-project-details-user-thumb {
    margin-bottom: 20px;
  }
}
.tp-project-details-user-thumb img {
  border-radius: 50%;
}
.tp-project-details-user p {
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-project-details-tab {
    margin-bottom: 50px;
  }
}
.tp-project-details-tab .tab-content {
  padding: 55px 70px 20px;
  background: rgb(255 255 255 / 0.0500000007);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-details-tab .tab-content {
    padding: 50px 50px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-project-details-tab .tab-content {
    padding: 40px 40px 20px;
  }
}
@media (max-width: 575px) {
  .tp-project-details-tab .tab-content {
    padding: 30px 30px 10px;
  }
}
.tp-project-details-tab-title {
  position: relative;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-details-tab-title {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .tp-project-details-tab-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.tp-project-details-tab-title::after {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  top: 10px;
  left: -20px;
  border-radius: 50%;
  background: var(--tp-theme-primary);
}
.tp-project-details-tab p {
  margin-bottom: 30px;
}
.tp-project-details-tab .nav-link {
  position: relative;
  font-family: var(--tp-ff-heading);
  font-size: 28px;
  font-weight: 700;
  background: var(--tp-theme-primary);
  border-radius: 0;
  margin-right: 30px;
  color: var(--tp-common-whites);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-project-details-tab .nav-link {
    margin-right: 5px;
  }
}
.tp-project-details-tab .nav-link.active {
  border-color: var(--tp-theme-1);
  color: var(--tp-common-whites);
  background: var(--tp-theme-secondary);
  border: 1px solid var(--tp-theme-primary);
}
.tp-project-details-tab .nav-link:hover {
  border: 1px solid var(--tp-theme-primary);
}
.tp-project-details-tab .nav-tabs {
  border: none;
}
.tp-project-details-widget-item {
  border: 2px solid rgb(255 255 255 / 0.1);
  padding: 30px 40px 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-project-details-widget-item {
    padding: 30px 28px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-details-widget-item {
    padding: 30px 20px 30px;
  }
}
@media (max-width: 575px) {
  .tp-project-details-widget-item {
    padding: 20px;
  }
}
.tp-project-details-widget-title {
  font-size: 20px;
  margin-bottom: 42px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tp-project-details-widget-title {
    margin-bottom: 30px;
  }
}
.tp-project-details-widget-thumb {
  margin-right: 15px;
}
.tp-project-details-widget-post-title {
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-details-widget-post-title {
    font-size: 18px;
  }
}
.tp-project-details-widget-post-title a:hover {
  color: var(--tp-theme-primary);
}
.tp-project-details-widget-content p {
  color: var(--tp-theme-primary);
}
.tp-project-details-widget-gallery {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 10px;
}
.tp-project-details-widget-gallery .popup-image img:hover {
  transform: scale(1.08);
}
.tp-project-details-widget-gallery img {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-project-details-widget-gallery img {
    min-width: 100%;
  }
}
.tp-project-details-widget-gallery .tp-project-details-thumb {
  margin-bottom: 0;
}
.tp-project-details-contact {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 225px 30px 25px;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-details-contact {
    padding: 90px 30px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-project-details-contact {
    padding: 198px 30px 180px;
  }
}
@media (max-width: 575px) {
  .tp-project-details-contact {
    background-size: contain;
    padding: 50px 30px 25px;
  }
}
.tp-project-details-contact::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 80%;
  width: 100%;
  z-index: -1;
  background: linear-gradient(180deg, #fff0 0%, #262018 100%);
}
.tp-project-details-contact-title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 20px;
}
.tp-project-details-contact p {
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tp-project-details-contact p {
    margin-bottom: 50px;
  }
}
.tp-project-details-contact .tp-btn {
  padding: 16px 46px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-trailer-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.tp-trailer-title-wrapper .tp-section-title {
  margin-bottom: 25px;
}
.tp-trailer-title-wrapper p {
  margin-bottom: 40px;
}
.tp-trailer-thumb-wrapper {
  padding-right: 43px;
}
@media (max-width: 575px) {
  .tp-trailer-thumb-wrapper {
    padding-right: 0;
    padding-top: 0;
  }
}
.tp-trailer-thumb-play-btn {
  position: absolute;
  top: 40%;
  right: 27%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-trailer-thumb-play-btn {
    right: 35%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tp-trailer-thumb-play-btn {
    right: 40%;
  }
}
.tp-trailer-thumb-play-btn::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 115%;
  height: 115%;
  border-radius: 50%;
  transform: translate(-30%, -30%);
  border: 1px solid rgb(255 255 255 / 0.4);
  animation: borderanimate 2s linear infinite;
  animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  z-index: 1;
}
.tp-trailer-thumb-play-btn .tp-play-btn {
  font-size: 20px;
  height: 63px;
  width: 63px;
  line-height: 61px;
  color: var(--tp-common-white);
  background: #fff0;
  border: 2px solid #fff;
}
.tp-trailer-thumb img {
  border-radius: 5px;
}
@media (max-width: 575px) {
  .tp-trailer-thumb img {
    width: 100%;
  }
}
.tp-trailer-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (max-width: 575px) {
  .tp-trailer-shape {
    display: none;
  }
}
.tp-trailer-shape-2 span {
  position: absolute;
  bottom: -27px;
  right: 20px;
  height: 300px;
  width: 270px;
  background: var(--tp-theme-1);
  z-index: 0;
}
.tp-trailer-item-2:hover .tp-trailer-item-thumb-2::before {
  animation-play-state: running;
  opacity: 1;
}
.tp-trailer-item-2:hover .tp-trailer-item-thumb-2 img {
  transform: scale(1.08);
}
.tp-trailer-item-thumb-2 {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.tp-trailer-item-thumb-2 img {
  border-radius: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-trailer-item-thumb-2 img {
    width: 100%;
  }
}
.tp-trailer-item-thumb-2 .tp-movies-item-play {
  bottom: 10%;
  right: 26px;
}
.tp-trailer-item-thumb-2::before {
  position: absolute;
  content: "";
  width: 150%;
  height: 150%;
  left: -25%;
  top: -25%;
  opacity: 0;
  transition: opacity 0.6s ease;
  background-image: url(../img/screenshot/shape.png);
  animation: tp-grain 6s steps(6) infinite;
  z-index: 1;
}
.tp-trailer-item-content-2 {
  padding: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-trailer-item-content-2 {
    padding: 20px;
  }
}
.tp-trailer-item-title-2 {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}
.tp-trailer-item-title-2 a:hover {
  color: var(--tp-theme-primary);
}
.tp-blog-item:hover .tp-blog-item-thumb img {
  transform: scale(1.02);
  filter: brightness(100%);
  animation: hoverfilter 0.3s ease-in-out;
}
.tp-blog-item-thumb {
  overflow: hidden;
  border-radius: 5px;
}
.tp-blog-item-thumb img {
  border-radius: 5px;
  filter: brightness(90%);
  will-change: transform, filter;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-blog-item-thumb img {
    width: 100%;
  }
}
.tp-blog-content {
  padding: 25px 0 0 0;
}
.tp-blog-content-info {
  margin-bottom: 26px;
}
.tp-blog-content-info span {
  margin-right: 10px;
}
.tp-blog-content-info span i {
  color: var(--tp-theme-primary);
}
.tp-blog-content-btn a {
  font-weight: 600;
}
.tp-blog-content-btn a i {
  transform: translateY(0);
  color: var(--tp-theme-primary);
}
.tp-blog-content-btn a:hover {
  color: var(--tp-theme-primary);
}
.tp-blog-content-btn a:hover i {
  animation: tfLeftToRight 0.5s forwards;
}
.tp-blog-content-btn::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  height: 1px;
  width: 278px;
  background: rgb(255 255 255 / 0.5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-content-btn::after {
    width: 235px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-content-btn::after {
    width: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-content-btn::after {
    width: 215px;
  }
}
@media (max-width: 575px) {
  .tp-blog-content-btn::after {
    width: 200px;
  }
}
.tp-blog-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 22px;
}
.tp-blog-title a {
  background-image: linear-gradient(#f1f1f5, #f3f3f8),
    linear-gradient(#f3f3f7, #f2f2f7);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.tp-blog-title a:hover {
  background-size: 0 1px, 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-blog-area-2 {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-blog-title-wrapper-2 {
    margin-bottom: 30px;
  }
}
.tp-blog-title-wrapper-2 .tp-section-title {
  margin: 0;
}
.tp-blog-item-2 {
  background: rgb(255 255 255 / 0.0500000007);
}
.tp-blog-item-2:hover .tp-blog-item-thumb-2 img {
  transform: scale(1.02);
  filter: brightness(100%);
  animation: hoverfilter 0.3s ease-in-out;
}
.tp-blog-item-2:hover .tp-blog-item-date-2 {
  border: 1px solid var(--tp-theme-primary);
}
.tp-blog-item-2:hover .tp-blog-item-btn-2 a i {
  color: var(--tp-theme-primary);
}
.tp-blog-item-thumb-2 {
  overflow: hidden;
  border-radius: 5px;
}
.tp-blog-item-thumb-2 img {
  border-radius: 5px;
  filter: brightness(90%);
  will-change: transform, filter;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.tp-blog-item-contact-2 {
  padding: 20px 30px;
}
.tp-blog-item-date-2 {
  display: block;
  width: 99px;
  height: 60px;
  padding: 5px;
  border: 1px solid var(--tp-common-white);
  text-align: center;
  margin-right: 20px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-blog-item-date-2 h4 {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
.tp-blog-item-tag {
  display: block;
  margin-bottom: 10px;
}
.tp-blog-item-btn-2 a {
  font-weight: 600;
}
.tp-blog-item-btn-2 a:hover i {
  animation: tfLeftToRight 0.5s forwards;
  color: var(--tp-theme-primary);
}
.tp-blog-item-btn-2 a i {
  transform: translateY(0);
  margin-left: 4px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-blog-title-2 {
  font-weight: 700;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 575px) {
  .tp-blog-title-2 {
    font-size: 22px;
  }
}
.tp-blog-title-2 a {
  background-image: linear-gradient(#f1f1f5, #f3f3f8),
    linear-gradient(#f3f3f7, #f2f2f7);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.tp-blog-title-2 a:hover {
  background-size: 0 1px, 100% 1px;
}
.tp-blog-btn-2 .tp-btn {
  padding: 21px 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-blog-area-3 {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-blog-title-wrapper-3 {
    margin-bottom: 30px;
  }
}
.tp-blog-title-wrapper-3 .tp-section-title {
  margin: 0;
}
.tp-blog-item-3:hover .tp-blog-item-thumb-3 img {
  transform: scale(1.02);
  filter: brightness(100%);
  animation: hoverfilter 0.3s ease-in-out;
}
.tp-blog-item-thumb-3 {
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-blog-item-thumb-3 {
    margin-bottom: 30px;
  }
}
.tp-blog-item-thumb-3 img {
  filter: brightness(90%);
  will-change: transform, filter;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-item-thumb-3 img {
    width: 100%;
  }
}
.tp-blog-item-thumb-3 span {
  font-family: var(--tp-ff-heading);
  padding: 10px 19px;
  font-size: 20px;
  font-weight: 500;
  position: absolute;
  bottom: 40px;
  left: 40px;
  display: block;
  background: var(--tp-theme-primary);
}
.tp-blog-item-content-3 p {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-blog-item-content-3 p {
    margin-bottom: 20px;
  }
}
.tp-blog-item-title-3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tp-blog-item-title-3 {
    font-size: 26px;
  }
}
.tp-blog-item-title-3 a {
  background-image: linear-gradient(#f1f1f5, #f3f3f8),
    linear-gradient(#f3f3f7, #f2f2f7);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.tp-blog-item-title-3 a:hover {
  background-size: 0 1px, 100% 1px;
}
.tp-blog-item-user-thumb {
  position: relative;
  margin-right: 10px;
}
.tp-blog-item-user-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 4px solid var(--tp-theme-primary);
}
.tp-blog-item-user-content p {
  margin: 0;
}
.tp-blog-item-user-title {
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-blog-btn-3 {
    margin-bottom: 30px;
  }
}
.tp-cta-area {
  padding-bottom: 79px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cta-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.tp-cta-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tp-cta-shape {
  position: absolute;
  top: 0;
  left: 0;
}
.tp-cta-title {
  margin-bottom: 0;
}
.tp-cta-title a span {
  width: 89px;
  height: 89px;
  text-align: center;
  line-height: 89px;
  display: inline-block;
  border-radius: 50%;
  background: var(--tp-theme-1);
  margin-right: 25px;
}
.tp-cta-contact {
  padding-left: 240px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cta-contact {
    padding-left: 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-cta-contact {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-cta-contact {
    padding-bottom: 30px;
  }
}
.tp-cta-btn .tp-btn {
  background-color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
  color: var(--tp-heading-1);
  padding: 16px 32px;
  font-weight: 600;
  letter-spacing: 2px;
}
.tp-cta-btn .tp-btn:hover {
  background-color: #fff0;
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}
.tp-cta-wrapper-2 .tp-section-title {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cta-wrapper-2 .tp-section-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-cta-wrapper-2 {
    margin-bottom: 30px;
  }
}
.tp-cta-subtitle-2 {
  font-family: var(--tp-ff-heading);
  color: var(--tp-text-1);
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  display: block;
  margin-bottom: 8px;
}
.tp-cta-btn-2 .tp-btn {
  padding: 16px 42px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-history-area {
    padding-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-history-area.breadcrumb-history {
    padding-top: 80px;
  }
}
.tp-history-thumb-wrapper {
  padding-top: 75px;
  margin-bottom: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-history-thumb-wrapper {
    margin-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .tp-history-thumb-wrapper {
    padding-top: 0;
  }
}
.tp-history-thumb::before {
  position: absolute;
  content: "";
  left: 0;
  top: 130px;
  height: 597px;
  width: 537px;
  clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%, 0 50%);
  background: var(--tp-theme-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-history-thumb::before {
    left: -25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-history-thumb::before {
    content: none;
  }
}
.tp-history-thumb img {
  clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%, 0 50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tp-history-thumb img {
    width: 100%;
  }
}
.tp-history-thumb-shape .shape-1 {
  position: absolute;
  top: 25%;
  left: 60px;
  z-index: 1;
}
.tp-history-thumb-shape .shape-2 {
  position: absolute;
  bottom: 12px;
  right: 215px;
  z-index: 1;
}
@media (max-width: 575px) {
  .tp-history-thumb-shape .shape-2 {
    display: none;
  }
}
.tp-history-thumb-counter {
  position: absolute;
  top: 0;
  left: 155px;
  width: 350px;
  border-radius: 45px;
  padding: 15px 67px;
  background: var(--tp-border-primary);
  animation: updown-two 2.6s linear 0s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-history-thumb-counter {
    left: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-history-thumb-counter {
    left: 70px;
  }
}
@media (max-width: 575px) {
  .tp-history-thumb-counter {
    position: static;
    width: 300px;
    margin-top: 30px;
    padding: 10px 55px;
  }
}
.tp-history-thumb-counter-icon {
  margin-right: 30px;
}
.tp-history-thumb-counter-content p {
  color: #333f4d;
}
.tp-history-thumb-counter-title {
  color: var(--tp-theme-secondary);
  font-size: 54px;
  font-weight: 600;
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .tp-history-thumb-2nd img {
    max-width: 100%;
  }
}
.tp-history-wrapper p {
  margin-bottom: 20px;
}
.tp-history-wrapper-list {
  margin-bottom: 22px;
}
.tp-history-wrapper-list ul li {
  list-style: none;
  font-size: 20px;
  font-weight: 500;
  font-family: var(--tp-ff-heading);
  margin-bottom: 8px;
}
.tp-history-wrapper-list ul li i {
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  background: var(--tp-theme-primary);
  font-size: 12px;
  color: var(--tp-theme-secondary);
  font-weight: 900;
  transform: translateY(-2px);
  margin-right: 5px;
}
.tp-history-title-wrapper {
  padding-top: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-history-title-wrapper {
    padding-top: 0;
  }
}
.tp-history-title-wrapper p {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-history-btn {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-history-area-3 {
    padding-bottom: 80px;
  }
}
@media (max-width: 575px) {
  .tp-history-title-wrapper-3 {
    padding-top: 80px;
  }
}
.tp-history-thumb-3 {
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-history-thumb-3 img {
    width: 100%;
  }
}
.tp-history-thumb-3 .tp-history-play-3 .popup-video {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50px, -50px);
}
.tp-history-thumb-3 .tp-history-play-3 .popup-video span::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 96%;
  height: 96%;
  border-radius: 10px;
  transform: translate(-80%, -80%);
  border: 2px solid rgb(255 255 255 / 0.4);
  animation: borderanimate2 2s linear infinite;
  animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  z-index: 1;
}
.tp-history-thumb-shape-3 .shape-1 {
  position: absolute;
  bottom: -45px;
  left: 5%;
  z-index: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-history-thumb-shape-3 .shape-1 {
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-history-thumb-shape-3 .shape-1 {
    left: -15px;
  }
}
@media (max-width: 575px) {
  .tp-history-thumb-shape-3 .shape-1 {
    display: none;
  }
}
.tp-history-thumb-shape-3 .tp-history-thumb-counter-3 {
  position: absolute;
  bottom: -20px;
  right: 0;
  text-align: center;
  padding: 9px 35px;
  background: var(--tp-common-white);
  z-index: 1;
  animation: updown-two 2.6s linear 0s infinite alternate;
}
.tp-history-thumb-shape-3 .tp-history-thumb-counter-3 p {
  font-size: 20px;
  font-weight: 500;
  color: #19383d;
}
.tp-history-thumb-shape-3
  .tp-history-thumb-counter-content-3
  .tp-history-thumb-counter-title {
  color: #19383d;
  width: 85px;
}
.tp-history-thumb-shape-3 .tp-history-thumb-counter-content-3 img {
  flex: 0 0 auto;
  margin-right: 10px;
}
.tp-history-btn .tp-btn {
  padding: 12px 33px;
}
@media (max-width: 575px) {
  .tp-history-btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-cinematic-area {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}
.tp-cinematic-item:hover .tp-cinematic-item-thumb img {
  transform: scale(1.05);
}
.tp-cinematic-item-thumb {
  overflow: hidden;
}
.tp-cinematic-item-thumb img {
  max-width: 100%;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cinematic-item-thumb img {
    min-width: 100%;
  }
}
.tp-cinematic-item-thumb:hover
  .tp-cinematic-item-play
  .play-btn
  svg
  .tp-stroke-solid {
  stroke-dashoffset: 0;
}
.tp-cinematic-item-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50px, -50px);
  z-index: 2;
}
.tp-cinematic-item-play .play-btn svg {
  width: 127px;
  height: 127px;
}
.tp-cinematic-item-play .play-btn svg .tp-stroke {
  stroke-dashoffset: 0;
  stroke-dasharray: 300;
  stroke-width: 3px;
  opacity: 0.6;
}
.tp-cinematic-item-play .play-btn svg .tp-stroke-solid {
  stroke-dashoffset: 300;
  stroke-dasharray: 300;
  stroke-width: 3px;
  transition: stroke-dashoffset 1s ease, opacity 1s ease;
}
.tp-cinematic-item-play .play-btn svg .tp-stroke-icon {
  transform: translate(-9px, -13px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tp-cinematic-item .tp-section-title {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-cinematic-item.pt-105 {
    padding-top: 0;
  }
}
@media (max-width: 575px) {
  .tp-criteria-area {
    padding-bottom: 80px;
  }
}
.tp-criteria-item {
  position: relative;
}
.tp-criteria-item:hover .tp-criteria-item-thumb img {
  transform: scale(1.05);
}
.tp-criteria-item-thumb {
  overflow: hidden;
}
.tp-criteria-item-thumb img {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-criteria-item-thumb img {
    min-width: 100%;
  }
}
.tp-criteria-item-content {
  padding: 20px 0;
}
.tp-criteria-item-content p {
  margin-bottom: 10px;
}
.tp-criteria-title {
  font-size: 28px;
  font-weight: 700;
}
.tp-criteria-title a:hover {
  color: var(--tp-theme-primary);
}
.tp-criteria-slider {
  margin-right: -390px;
}
.tp-criteria-title-wrapper .tp-section-title {
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-criteria-title-wrapper .tp-section-title {
    margin-bottom: 30px;
  }
}
.tp-criteria-nav {
  margin-bottom: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-criteria-nav {
    margin-bottom: 30px;
  }
}
.tp-criteria-nav button {
  width: 60px;
  height: 60px;
  line-height: 58px;
  text-align: center;
  font-size: 20px;
  border-radius: 50%;
  display: inline-block;
  background: var(--tp-theme-primary);
  margin-right: 25px;
  border: 2px solid var(--tp-theme-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-criteria-nav button:hover {
  background: #0f172a;
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-criteria-btn {
    margin-bottom: 30px;
  }
}
.tp-criteria-btn a {
  font-weight: 600;
}
.tp-criteria-btn a:hover {
  color: var(--tp-theme-primary);
}
.tp-criteria-btn a:hover i {
  animation: tfLeftToRight 0.5s forwards;
}
.tp-criteria-btn a i {
  margin-left: 5px;
  color: var(--tp-theme-primary);
}
@media (max-width: 575px) {
  .tp-movies-area {
    padding-bottom: 80px;
  }
}
.tp-movies-item:hover .tp-movies-item-thumb::before {
  animation-play-state: running;
  opacity: 1;
}
.tp-movies-item-thumb {
  position: relative;
  overflow: hidden;
}
.tp-movies-item-thumb::before {
  position: absolute;
  content: "";
  width: 150%;
  height: 150%;
  left: -25%;
  top: -25%;
  opacity: 0;
  transition: opacity 0.6s ease;
  background-image: url(../img/screenshot/shape.png);
  animation: tp-grain 6s steps(6) infinite;
  z-index: 1;
}
.tp-movies-item-thumb img {
  max-width: 100%;
}
.tp-movies-item-content {
  padding: 30px 0;
}
.tp-movies-item-play {
  position: absolute;
  bottom: 7%;
  right: 20px;
  z-index: 2;
}
.tp-movies-item-play a {
  background: var(--tp-theme-primary);
  font-family: var(--tp-ff-heading);
  color: var(--tp-common-white);
  padding: 10px 18px;
}
.tp-movies-item-play a span {
  font-size: 10px;
  font-weight: 900;
  width: 20px;
  height: 20px;
  line-height: 21px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  background: var(--tp-theme-1);
  margin-left: 5px;
  transform: translateY(-2px);
}
.tp-movies-item-play a:hover {
  background: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
.tp-movies-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  margin: 0;
}
.tp-movies-title a:hover {
  color: var(--tp-theme-primary);
}
.tp-movies-active {
  margin: 0 -135px;
}
.tp-scrollbar,
.tp-scrollbar-2 {
  position: relative;
  background: rgb(255 255 255 / 0.2);
  height: 10px;
  width: 300px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-scrollbar,
  .tp-scrollbar-2 {
    margin-top: 20px;
  }
}
.tp-scrollbar .swiper-scrollbar-drag,
.tp-scrollbar-2 .swiper-scrollbar-drag {
  position: relative;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 10px;
  background: var(--tp-theme-primary);
}
.tp-movies-item-2:hover .tp-movies-item-thumb-2::before {
  opacity: 1;
  animation-play-state: running;
}
.tp-movies-item-2:hover .tp-movies-item-thumb-2 img {
  transform: scale(1.08);
}
.tp-movies-item-thumb-2 {
  position: relative;
  overflow: hidden;
}
.tp-movies-item-thumb-2 img {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-movies-item-thumb-2 img {
    width: 100%;
  }
}
.tp-movies-item-thumb-2::before {
  position: absolute;
  content: "";
  width: 150%;
  height: 150%;
  left: -25%;
  top: -25%;
  opacity: 0;
  transition: opacity 0.6s ease;
  background-image: url(../img/screenshot/shape.png);
  animation: tp-grain 6s steps(6) infinite;
  z-index: 1;
}
.tp-movies-item-content-2 {
  position: relative;
  margin: -60px 15px 0 15px;
  padding: 20px 20px 30px 30px;
  background: var(--tp-common-gray);
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-movies-item-content-2 {
    padding: 20px;
  }
}
.tp-movies-item-title-2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--tp-theme-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tp-movies-item-title-2 {
    font-size: 24px;
  }
}
.tp-movies-item-title-2 a {
  background-image: linear-gradient(#03041c, #03041c),
    linear-gradient(#03041c, #03041c);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.tp-movies-item-title-2 a:hover {
  background-size: 0 1px, 100% 1px;
}
.tp-movies-item-tag-2 {
  margin-bottom: 30px;
}
.tp-movies-item-tag-category span {
  color: var(--tp-theme-secondary);
}
.tp-movies-item-tag-category span i {
  color: var(--tp-theme-primary);
  margin-right: 8px;
}
.tp-movies-item-tag-time span {
  color: var(--tp-theme-secondary);
}
.tp-movies-item-tag-time span i {
  color: var(--tp-theme-primary);
  margin-right: 5px;
}
.tp-movies-item-trailer-2 {
  align-items: center;
}
.tp-movies-item-trailer-play .popup-video {
  font-weight: 600;
  letter-spacing: 2px;
  color: var(--tp-theme-secondary);
}
.tp-movies-item-trailer-play .popup-video:hover {
  color: var(--tp-theme-primary);
}
.tp-movies-item-trailer-play .popup-video span {
  font-size: 12px;
  color: var(--tp-common-white);
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background: var(--tp-theme-primary);
}
.tp-movies-item-trailer-play .popup-video span i {
  transform: translateX(1px);
}
.tp-movies-item-btn-2 {
  padding: 4px 14px;
  font-weight: 600;
  display: inline-block;
  color: var(--tp-theme-secondary);
  background: var(--tp-theme-1);
}
.tp-contact-area {
  background-repeat: no-repeat;
  background-position: top center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact-area {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .tp-contact-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-contact-title-wrapper {
    margin-bottom: 30px;
  }
}
.tp-contact-title-wrapper .tp-section-title {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-contact-title-wrapper .tp-section-title {
    margin-bottom: 30px;
  }
}
.tp-contact-title-wrapper .tp-section-title-pre {
  color: var(--tp-theme-primary);
}
.tp-contact-thumb img {
  border-radius: 5px;
  width: 100%;
}
.tp-contact-subscribe input {
  width: 520px;
  height: 65px;
  padding-right: 30px;
  padding-left: 30px;
  font-size: 16px;
  border-radius: 5px;
  color: var(--tp-common-white);
  background: var(--tp-theme-secondary);
  border: 1px solid var(--tp-common-white);
  margin-right: 20px;
}
@media (max-width: 575px) {
  .tp-contact-subscribe input {
    width: 320px;
    margin-right: 0;
  }
}
.tp-contact-subscribe input:focus {
  border: 1px solid var(--tp-theme-primary);
  color: var(--tp-common-white);
  font-size: 16px;
  color: var(--tp-common-white);
}
.tp-contact-subscribe input::placeholder {
  font-size: 16px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-contact-subscribe input {
    margin-bottom: 20px;
  }
}
.tp-contact-subscribe .tp-btn {
  padding: 18px 35px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .tp-contact-breadcrumb-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact-breadcrumb-info {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact-breadcrumb-info {
    padding-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .tp-contact-breadcrumb-info {
    padding-bottom: 0;
  }
}
.tp-contact-breadcrumb-item {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-contact-breadcrumb-item {
    margin-bottom: 50px;
  }
}
.tp-contact-breadcrumb-item.bordar::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 200px;
  width: 1px;
  background: #8295b3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact-breadcrumb-item.bordar::after {
    top: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-contact-breadcrumb-item.bordar::after {
    content: none;
  }
}
.tp-contact-breadcrumb-icon {
  margin-bottom: 30px;
}
.tp-contact-breadcrumb-content a {
  margin-bottom: 5px;
  display: block;
}
.tp-contact-breadcrumb-content a:hover {
  color: var(--tp-theme-primary);
}
.tp-contact-breadcrumb-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
}
.tp-contact-title-wrapper {
  margin-bottom: 45px;
}
.tp-contact-title-wrapper span {
  font-size: 18px;
  font-weight: 700;
  color: var(--tp-theme-primary);
}
.tp-contact-input-wrapper input,
.tp-contact-input-wrapper textarea {
  height: 60px;
  background: rgb(255 255 255 / 0.0500000007);
  border: 1px solid #fff0;
  color: var(--tp-common-white);
  margin-bottom: 30px;
}
.tp-contact-input-wrapper input::placeholder,
.tp-contact-input-wrapper textarea::placeholder {
  color: var(--tp-common-white);
}
.tp-contact-input-wrapper input:focus,
.tp-contact-input-wrapper textarea:focus {
  border: 1px solid var(--tp-theme-primary);
}
.tp-contact-input-wrapper textarea {
  height: 253px;
  resize: none;
}
.tp-contact-input-wrapper .tp-contact-btn .tp-btn {
  padding: 21px 68px;
  font-weight: 600;
  letter-spacing: 2px;
}
.tp-categories-bg {
  background-repeat: no-repeat;
  background-size: cover;
}
.tp-categories-sliding {
  padding-bottom: 45px;
}
.tp-categories-scroll-hr {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}
.tp-categories-scroll-wrap {
  display: flex;
  -webkit-animation: scrollText 33s infinite linear;
  animation: scrollText 33s infinite linear;
}
.tp-categories-title {
  color: var(--tp-theme-primary);
  font-size: 210px;
  font-weight: 800;
  text-transform: capitalize;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-categories-title {
    font-size: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-categories-title {
    font-size: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-categories-title {
    font-size: 120px;
  }
}
@media (max-width: 575px) {
  .tp-categories-title {
    font-size: 100px;
  }
}
.tp-categories-item:hover .tp-categories-item-thumb img {
  transform: scale(1.08);
}
.tp-categories-item-thumb {
  overflow: hidden;
  height: 520px;
}
.tp-categories-item-thumb::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 80%;
  width: 100%;
  z-index: 0;
  background: linear-gradient(180deg, #fff0 0%, #fe9700 100%);
}
.tp-categories-item-thumb img {
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-categories-item-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-categories-item-thumb img {
    min-width: 100%;
  }
}
.tp-categories-item-content {
  position: absolute;
  bottom: 32px;
  left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-categories-item-content {
    left: 20px;
  }
}
.tp-categories-item-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-categories-item-btn {
    left: 40%;
    transform: translate(-30%, -50%);
  }
}
.tp-categories-item-title {
  font-size: 28px;
  font-weight: 700;
}
.tp-categories-item-title a {
  background-image: linear-gradient(#f1f1f5, #f3f3f8),
    linear-gradient(#f3f3f7, #f2f2f7);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.tp-categories-item-title a:hover {
  background-size: 0 1px, 100% 1px;
}
.tp-categories-subtitle {
  display: block;
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-testimonial-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.tp-testimonial-bg {
  background-repeat: no-repeat;
  object-fit: cover;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-testimonial-wrapper {
    margin-bottom: 0;
  }
}
.tp-testimonial-item {
  padding: 72px 91px 80px;
  background-color: var(--tp-theme-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-testimonial-item {
    padding: 50px;
  }
}
@media (max-width: 575px) {
  .tp-testimonial-item {
    padding: 30px;
  }
}
.tp-testimonial-item-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
}
.tp-testimonial-item p {
  margin-bottom: 38px;
}
.tp-testimonial-item-user-thumb {
  margin-right: 20px;
}
.tp-testimonial-item-user-thumb img {
  width: 60px;
  height: 60px;
}
.tp-testimonial-item-user-content p {
  margin: 0;
}
.tp-testimonial-item-user-title {
  font-size: 20px;
  font-weight: 500;
}
.tp-testimonial-send-message {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-send-message {
    padding: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-testimonial-send-message {
    padding: 60px;
  }
}
@media (max-width: 575px) {
  .tp-testimonial-send-message {
    padding: 35px;
  }
}
.tp-testimonial-send-message-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--tp-theme-primary);
  opacity: 0.8999999762;
  z-index: 0;
}
.tp-testimonial-send-message-shape .shape-1 {
  position: absolute;
  top: 15%;
  left: 22%;
}
.tp-testimonial-send-message-shape .shape-2 {
  position: absolute;
  bottom: 15%;
  left: 10%;
}
@media (max-width: 575px) {
  .tp-testimonial-send-message-shape .shape-2 {
    display: none;
  }
}
.tp-testimonial-send-message-shape .shape-3 {
  position: absolute;
  bottom: 10%;
  right: 2%;
}
@media (max-width: 575px) {
  .tp-testimonial-send-message-shape .shape-3 {
    display: none;
  }
}
.tp-testimonial-send-message-title {
  position: relative;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 40px;
}
.tp-testimonial-send-message-btn .tp-btn {
  padding: 16px 44px;
  background-color: var(--tp-theme-secondary);
}
.tp-testimonial-send-message-btn .tp-btn i {
  transform: rotate(-45deg);
}
.tp-testimonial-send-message-btn .tp-btn:hover {
  color: var(--tp-theme-primary);
  background-color: var(--tp-common-white);
}
.tp-breadcrumb-service-item:hover .tp-breadcrumb-service-thumb::after {
  opacity: 1;
  animation-play-state: running;
}
.tp-breadcrumb-service-item:hover .tp-breadcrumb-service-thumb img {
  transform: scale(1.08);
}
.tp-breadcrumb-service-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.tp-breadcrumb-service-thumb::after {
  position: absolute;
  content: "";
  width: 150%;
  height: 150%;
  left: -25%;
  top: -25%;
  opacity: 0;
  transition: opacity 0.6s ease;
  background-image: url(../img/screenshot/shape.png);
  animation: tp-grain 6s steps(6) infinite;
  pointer-events: none;
  z-index: 1;
}
.tp-breadcrumb-service-thumb img {
  border-radius: 5px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-breadcrumb-service-thumb img {
    max-width: 100%;
  }
}
.tp-breadcrumb-service-content {
  padding-top: 35px;
}
.tp-breadcrumb-service-content p {
  margin-bottom: 35px;
}
.tp-breadcrumb-service-icon {
  margin-bottom: 20px;
}
.tp-breadcrumb-service-icon img {
  margin-right: 30px;
}
@media (max-width: 575px) {
  .tp-breadcrumb-service-icon img {
    margin-right: 20px;
  }
}
.tp-breadcrumb-service-title {
  font-size: 28px;
  font-weight: 700;
}
.tp-breadcrumb-service-title a:hover {
  color: var(--tp-theme-primary);
}
.tp-breadcrumb-service-btn .tp-btn {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 11px 28px;
}
.tp-service-details-wrapper p {
  margin-bottom: 30px;
}
.tp-service-details-thumb {
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-service-details-thumb img {
    max-width: 100%;
  }
}
.tp-service-details-quote {
  margin-bottom: 35px;
  margin-top: 47px;
  padding: 35px 28px 35px 55px;
  background: rgb(255 255 255 / 0.0500000007);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-service-details-quote {
    padding: 35px 28px 35px 35px;
  }
}
@media (max-width: 575px) {
  .tp-service-details-quote {
    padding: 30px;
  }
}
.tp-service-details-quote span {
  display: block;
  margin-bottom: 25px;
}
.tp-service-details-quote h4 {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}
@media (max-width: 575px) {
  .tp-service-details-quote h4 {
    font-size: 22px;
  }
}
.tp-service-details-quote h4 i {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #67687a;
}
.tp-service-details-item {
  margin-right: 6px;
}
@media (max-width: 575px) {
  .tp-service-details-item {
    margin-bottom: 20px;
  }
}
.tp-service-details-item-wrapper {
  margin-bottom: 38px;
  margin-top: 44px;
}
@media (max-width: 575px) {
  .tp-service-details-item-wrapper {
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
.tp-service-details-item-icon {
  margin-right: 15px;
}
.tp-service-details-item-title {
  font-size: 28px;
  font-weight: 700;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-service-details-item-title {
    font-size: 25px;
  }
}
.tp-service-details-item-content p {
  margin: 0;
}
.tp-service-details-widget-item {
  position: relative;
  padding: 40px;
  background: rgb(255 255 255 / 0.0500000007);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tp-service-details-widget-item {
    padding: 30px;
  }
}
.tp-service-details-widget-item ul li {
  list-style: none;
}
.tp-service-details-widget-item ul li:not(:last-of-type) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid;
  border-color: rgb(255 255 255 / 0.200000003);
}
.tp-service-details-widget-item ul li:not(:last-of-type).active {
  color: var(--tp-theme-primary);
}
.tp-service-details-widget-item ul li a:hover {
  color: var(--tp-theme-primary);
}
.tp-service-details-widget-title {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
  margin-left: 60px;
}
.tp-service-details-widget-title::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 40px;
  top: 12px;
  left: -60px;
  background: var(--tp-common-white);
}
.tp-service-details-widget-message input,
.tp-service-details-widget-message textarea {
  height: 50px;
  margin-bottom: 20px;
  color: var(--tp-common-white);
  padding-left: 20px;
  padding-right: 20px;
  background: #fff0;
  border: 2px solid rgb(255 255 255 / 0.1);
}
.tp-service-details-widget-message input::placeholder,
.tp-service-details-widget-message textarea::placeholder {
  color: var(--tp-common-white);
}
.tp-service-details-widget-message input:focus,
.tp-service-details-widget-message textarea:focus {
  border: 2px solid var(--tp-common-white);
}
.tp-service-details-widget-message textarea {
  resize: none;
  height: 137px;
  margin-bottom: 30px;
}
.tp-service-details-widget-message .tp-btn {
  font-weight: 600;
  padding: 16px 29px;
  letter-spacing: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-details-widget-message .tp-btn {
    padding: 16px 15px;
  }
}
.tp-faq-title-wrapper span {
  font-size: 20px;
  font-weight: 500;
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-faq-tab-content {
    margin-bottom: 50px;
  }
}
.tp-faq-item {
  padding: 50px 40px 70px;
  background: var(--tp-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tp-faq-item {
    padding: 30px;
  }
}
.tp-faq-item-title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 35px;
}
.tp-faq-item-icon {
  margin-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tp-faq-item-icon {
    margin-right: 15px;
  }
}
.tp-faq-item-thumb:not(:last-of-type) {
  margin-bottom: 40px;
}
.tp-faq-item-content-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}

/*video folio*/

#tabs {
    max-width: 900px;
    margin: 0 auto;
    min-height: 300px;
    position: relative
}

#tabs>.post {
    min-height: 300px
}

#tabNavContainer {
    width: 100%;
    position: relative;
    z-index: 8;
    top: 0
}

#tabNav {
    list-style: none;
    position: relative;
    left: 0;
    top: 0;
   /* max-width: 900px;*/
    margin: 0 auto;
    height: 60px
}

#tabNav li {
    display: inline-block;
    float: left;
    line-height: 60px;
    opacity: .5;
    -moz-transition-property: opacity;
    -moz-transition-duration: .20s;
    -moz-transition-timing-function: linear;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: .20s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: opacity;
    -o-transition-duration: .20s;
    -o-transition-timing-function: linear
}

#tabNav li:hover {
    opacity: 1
}

#tabNav li a {
    font-size: 11px;
    text-align: center;
    display: block;
    text-transform: uppercase;
    position: relative;
    line-height: inherit
}

#tabNav li a:hover {
    text-decoration: none
}

#tabNav li a img {
    vertical-align: middle;
    margin: -3px 0 0
}

#tabNav span {
    padding-left: 15px
}

#tabNav li.activeNav:hover,#tabNav li.activeNav {
    opacity: 1;
    background: #1f1f1f;
    background: rgba(171, 171, 171, 0.15);
}

#tabNav li.activeNav a:before {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    left: 50%;
    z-index: 1000;
    display: block;
    margin-left: -15px;
    border-width: 15px;
    border-style: solid;
    bottom: -30px;
    border-color: #1f1f1f transparent transparent;
    border-color: rgba(171, 171, 171, 0.15) transparent transparent
}

.tab {
    min-height: 300px;
    max-width: 90%;
    padding-top: 50px;
    margin: 0 auto
}

.tab>img.attachment-post-thumbnail,.tab>img.attachment-related {
    float: left;
    margin: 0 35px 35px 0;
    box-shadow: 0 2px 5px rgba(0,0,0,.35)
}

.tab a {
    text-decoration: none;
    color: #fafafa;
    background: #222;
    padding: 3px 5px;
    margin: -3px 0 0
}

.tab a:hover {
    text-decoration: none;
    background: #fff;
    color: #333
}

.tab .tags {
    font-size: 12px;
    margin-top: 20px
}

.tabControls {
    position: absolute;
    width: 39px;
    height: 76px;
    display: block;
    text-indent: -999px;
    overflow: hidden;
    background-image: url(../images/arrows.png);
    opacity: .20;
    margin-top: -58px;
    -moz-transition-property: opacity;
    -moz-transition-duration: .20s;
    -moz-transition-timing-function: linear;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: .20s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: opacity;
    -o-transition-duration: .20s;
    -o-transition-timing-function: linear;
    filter: invert(55%) sepia(16%) saturate(2629%) hue-rotate(342deg) brightness(95%) contrast(96%)
}

.tabControls:hover {
    opacity: 1
}

#prevTab {
    left: 0;
    background-position: 0 0
}

#nextTab {
    right: 0;
    background-position: -39px 0
}

#tabNav span {
    color: var(--tp-text-body);
}

.tab .posttitle {
    margin-bottom: 20px
}

/*------------------------*/
/* -----RELATED TAB----- */
/*----------------------*/
#relatedPost {
    text-align: center;
    font-size: 14px;
    position: relative;
}

#relatedPost ul {
    margin: 0px;
}

#relatedPost li {
    list-style: none;
    display: inline-block;
    margin: 0 0 0 44px;
    width: 170px;
    vertical-align: top;
    padding: 0;
}

#relatedPost li:first-child {
    margin: 0;
}

#relatedPost h3 {
    font: italic 18px/1em 'georgia',serif;
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    text-align: center;
    display: none;
}

#relatedPost > div.description {
    max-width: 500px;
    margin: 8px auto 0;
    font-size: 14px;
    font-style: italic;
}

#relatedPost img {
    display: block;
    max-height: 270px;
    max-width: 170px;
}

#relatedPost a.titleLink {
    background: none;
    padding: 0;
    margin: 0;
    opacity: .8;
    font-style: italic;
}

#relatedPost li:hover a.titleLink {
    opacity: 1;
}

#relatedPost li a.thumbLink {
    margin: 0;
}

@font-face {
  font-family: 'qpfront';
  src: url('../fonts/qpfront.eot?35416568');
  src: url('../fonts/qpfront.eot?35416568#iefix') format('embedded-opentype'),
       url('../fonts/qpfront.woff2?35416568') format('woff2'),
       url('../fonts/qpfront.woff?35416568') format('woff'),
       url('../fonts/qpfront.ttf?35416568') format('truetype'),
       url('../fonts/qpfront.svg?35416568#qpfront') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'qpfront';
    src: url('../fonts/qpfront.svg?80017765#qpfront') format('svg');
  }
}
*/
[class^="qpf-"]:before, [class*=" qpf-"]:before {
  font-family: "qpfront";
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.qpf-location:before { content: '\e800'; } /* '' */
.qpf-tags:before { content: '\e801'; } /* '' */
.qpf-tag:before { content: '\e802'; } /* '' */
.qpf-comment:before { content: '\e803'; } /* '' */
.qpf-mail:before { content: '\e804'; } /* '' */
.qpf-mail-1:before { content: '\e805'; } /* '' */
.qpf-chat:before { content: '\e806'; } /* '' */
.qpf-ok-circle:before { content: '\e807'; } /* '' */
.qpf-cancel-circle:before { content: '\e808'; } /* '' */
.qpf-facebook:before { content: '\e809'; } /* '' */
.qpf-youtube:before { content: '\e80a'; } /* '' */
.qpf-comment-1:before { content: '\e80b'; } /* '' */
.qpf-comment-alt:before { content: '\e80c'; } /* '' */
.qpf-comment-2:before { content: '\e80d'; } /* '' */
.qpf-comment-3:before { content: '\e80e'; } /* '' */
.qpf-logout-2:before { content: '\e80f'; } /* '' */
.qpf-logout-3:before { content: '\e810'; } /* '' */
.qpf-at:before { content: '\e811'; } /* '' */
.qpf-down-dir:before { content: '\e812'; } /* '' */
.qpf-up-dir:before { content: '\e813'; } /* '' */
.qpf-tweet-x:before { content: '\e814'; } /* '' */
.qpf-fb:before { content: '\e815'; } /* '' */
.qpf-glasses:before { content: '\e816'; } /* '' */
.qpf-left-dir:before { content: '\e817'; } /* '' */
.qpf-picture:before { content: '\e818'; } /* '' */
.qpf-camera-outline:before { content: '\e819'; } /* '' */
.qpf-scroll-bubble-up:before { content: '\e81a'; } /* '' */
.qpf-scroll-bubble-down:before { content: '\e81b'; } /* '' */
.qpf-bubble-down:before { content: '\e81c'; } /* '' */
.qpf-bubble-up:before { content: '\e81d'; } /* '' */
.qpf-eye-alt:before { content: '\e81e'; } /* '' */
.qpf-eye-close:before { content: '\e81f'; } /* '' */
.qpf-logout:before { content: '\e820'; } /* '' */
.qpf-right-dir:before { content: '\e821'; } /* '' */
.qpf-bell:before { content: '\e822'; } /* '' */
.qpf-heart-empty:before { content: '\e823'; } /* '' */
.qpf-heart:before { content: '\e824'; } /* '' */
.qpf-chat-2:before { content: '\e825'; } /* '' */
.qpf-calendar:before { content: '\e826'; } /* '' */
.qpf-calendar-1:before { content: '\e827'; } /* '' */
.qpf-calendar-2:before { content: '\e828'; } /* '' */
.qpf-chat-3:before { content: '\e829'; } /* '' */
.qpf-light-up:before { content: '\e82c'; } /* '' */
.qpf-pinterest:before { content: '\e82d'; } /* '' */
.qpf-instagram:before { content: '\e82e'; } /* '' */
.qpf-google-plus:before { content: '\e82f'; } /* '' */
.qpf-twitter-xx:before { content: '\e830'; } /* '' */
.qpf-whatsapp:before { content: '\e832'; } /* '' */
.qpf-spin6:before { content: '\e839'; } /* '' */
.qpf-users:before { content: '\e83d'; } /* '' */
.qpf-user-3:before { content: '\e83e'; } /* '' */
.qpf-order-receipt:before { content: '\e880'; } /* '' */
.qpf-cellular:before { content: '\e88e'; } /* '' */
.qpf-location_markar:before { content: '\e88f'; } /* '' */
.qpf-at_thin:before { content: '\e890'; } /* '' */
.qpf-password-box:before { content: '\e891'; } /* '' */
.qpf-passw-box-lock:before { content: '\e892'; } /* '' */
.qpf-iit-login:before { content: '\e8d7'; } /* '' */
.qpf-iit-menu-left:before { content: '\e8d8'; } /* '' */
.qpf-iit-menu-right:before { content: '\e8da'; } /* '' */
.qpf-left-arrow:before { content: '\e902'; } /* '' */
.qpf-up-arrow:before { content: '\e903'; } /* '' */
.qpf-right-arrow:before { content: '\e904'; } /* '' */
.qpf-down-arrow:before { content: '\e905'; } /* '' */
.qpf-delete:before { content: '\e90a'; } /* '' */
.qpf-zoom:before { content: '\e90b'; } /* '' */
.qpf-loader-gif:before { content: '\e917'; } /* '' */
.qpf-logout-1:before { content: '\e919'; } /* '' */
.qpf-chat-1:before { content: '\e938'; } /* '' */
.qpf-more:before { content: '\e943'; } /* '' */
.qpf-left-arrow-2:before { content: '\e947'; } /* '' */
.qpf-right-arrow-2:before { content: '\e948'; } /* '' */
.qpf-time:before { content: '\e949'; } /* '' */
.qpf-gallery:before { content: '\e952'; } /* '' */
.qpf-user-2:before { content: '\e96b'; } /* '' */
.qpf-chat-4:before { content: '\f03d'; } /* '' */
.qpf-user-male:before { content: '\f062'; } /* '' */
.qpf-user-female:before { content: '\f063'; } /* '' */
.qpf-users-1:before { content: '\f064'; } /* '' */
.qpf-comment-empty:before { content: '\f0e5'; } /* '' */
.qpf-chat-empty:before { content: '\f0e6'; } /* '' */
.qpf-bell-alt:before { content: '\f0f3'; } /* '' */
.qpf-youtube-play:before { content: '\f16a'; } /* '' */
.qpf-moon:before { content: '\f186'; } /* '' */
.qpf-wechat:before { content: '\f1d7'; } /* '' */
.qpf-sliders:before { content: '\f1de'; } /* '' */
.qpf-bell-off:before { content: '\f1f6'; } /* '' */
.qpf-bell-off-empty:before { content: '\f1f7'; } /* '' */
.qpf-hashtag:before { content: '\f292'; } /* '' */
.qpf-imdb:before { content: '\f2d8'; } /* '' */


/*----------------------------*/
/*---THUMBNAIL LINK STUFF----*/
/*--------------------------*/
a.thumbLinkWide, .tab a.thumbLink, a.thumbLink {
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    margin: 0 30px 0 0;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,.35);
    border: 1px solid rgba(0,0,0,.5);
}

a.thumbLinkWide:hover, .tab a.thumbLink:hover, a.thumbLink:hover {
    text-decoration: none;
}

a.thumbLinkWide img, .tab a.thumbLink img, a.thumbLink img {
    display: block;
    margin: 0;
    padding: 0;
}

a.thumbLinkWide:before, .tab a.thumbLink:before, a.thumbLink:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    border: 1px solid rgba(255,255,255,.06);
    z-index: 5;
}

a.thumbLinkWide {
    margin: 0 0 15px 0;
}

@media screen and (max-width: 900px) {
    #nextPrevLinks {
        min-width: 90%;
        width: 90%;
        margin: 20px auto 0;
        position: relative;
        left: 0;
        bottom: 0;
    }

    .tab a.thumbLink, a.thumbLinkWide, a.thumbLink {
        float: none;
        margin: 0 0 20px;
        display: inline-block;
        max-width: 100%;
    }

    a.thumbLinkWide {
        width: 100%;
    }
}
.hiderelem_iit {display:none !important;}
.tab a:hover , .tab a { background:none;}
.tab a:hover img {
 -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.dummy_upload_iit {
    width: 100%;
    padding: 40px;
    background: #9d9d9d;
    text-align: center;
    font-size: 2rem;
    color: #befdc7;
    margin-bottom: 10px;
    cursor: pointer;
}


#cwebticker {
    width:90%; height:300px; overflow:hidden; border:0; margin: 0 auto;
}
#cwebticker dt {
    font:italic 18px Georgia; padding:0 10px 5px 10px; color:#DEFBE3;
    background-color:transparent; padding-top:10px; border:0;
    border-bottom:none; border-right:none; text-align:center;
	font-family: SansumiRegular,Helvetica,Arial,sans-serif;
}
#cwebticker dd {
    margin-left:0; font:normal 13px Verdana; padding:0 10px 10px 10px;
    border-bottom:0; background-color:transparent;
    border-left:0; text-align:center; color:#FFFFFF;
	font-family: SansumiRegular,Helvetica,Arial,sans-serif;
}
#cwebticker dd.last { border-bottom:0;
}

#cweb_filmfolio_credits {
        margin-top: 0px;
    padding: 0px;
    position: relative;
    width: 100%;
/*    height: 300px;*/
}
#cwebticker dt {
    color: #269f3b;
    }
    #cwebticker dd {
    color: #dd5e5e;
    }

@media screen and (max-width: 900px) {
 .tab a.thumbLink,a.thumbLinkWide,a.thumbLink {
        float: none;
        margin: 0 0 20px;
        display: inline-block;
        max-width: 100%
    }

    a.thumbLinkWide {
        width: 100%
    }

    #tabs {
      /*  padding: 100px 0 80px!important;*/
        text-align: center;
        max-width: 80%
    }
     .tab {
    max-width: 90%;
    }

    #tabs>.post {
        padding-left: 25px;
        padding-right: 25px
    }

    #tabNav li span {
        display: none
    }

    .tabControls {
        display: none
    }

    #relatedPost li {
        display: block;
        margin: 0 auto 40px!important
    }
}

@media screen and (max-width: 767px) {
    #tabs {
        max-width:100%;
    }
    #tabs p {
        text-align: left
    }
    .tab {
    max-width: 100%;
    padding-top: 0;
    }
    
}       
@media screen and (max-width: 1199px) {
.tp-header-box { overflow: hidden;}
}
 

/*arhamskin*/
.tp-hero-area {
    background-color: var(--tp-theme-secondary);
}
.homewraphead {
    background: url(../images/hero_bg.webp) no-repeat scroll center center / cover;
}
.homewraphead .tp-header-top, .homewraphead  .tp-hero-area, .homewraphead .tp-header-box {
    background-color:transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .homewraphead  .tp-header-main:not(.tp-header-sticky) {
        background-color: transparent;
    }
}

.hero_area {
    position: relative;
    z-index: 1;
    height: calc(100% - 20px)
}

.hero_area_img {
    bottom: 1px;
    position: absolute;
    width: 100%
}

.hero_table {
    display: table;
    width: 100%;
    height: 100%
}

.hero_table_cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%
}


.header_hero_wrapper {
    position: relative
}

.hero_area_img img {
    max-width: 100%
}

@media only screen and (max-width: 1920px) {
    .header_hero_wrapper {
        height:78vh
    }

    .header_banner_wrapper {
        height: 53vh
    }
}
@media only screen and (max-width: 767px) {

    .header_hero_wrapper {
        height:70vh
    }
    .hero_area {
    height: calc(100% - 65px)
}

}

.collage-container {
    position: relative;
    width: 100%;
    height: 475px;
    top: 4rem
}

.collage-item {
    position: absolute
}

.collage-item img {
    width: 100%;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
    height: auto
}

.item_one {
    width: 70%;
    z-index: 2;
    right: 0
}

.item_two {
    width: 35%;
    z-index: 3;
    top: -2%;
    right: 47%
}

.item_three {
    width: 35%;
    z-index: 34;
    top: 22%;
    right: 40%
}

.item_four {
    width: 35%;
    z-index: 36;
    top: 52%;
    right: 47%
}

@media only screen and (max-width: 767px) {
    .collage-container {
        top:5rem;
        max-height: 300px;
        margin-left: -1rem
    }

    .item_one {
        width: 60%
    }

    .item_two,.item_three,.item_four {
        width: 35%
    }
}

@media only screen and (max-width: 540px) {
    .collage-container {
        top:6rem;
        max-height: 260px;
        margin-left: -2rem
    }

    .homeSlide a img {
        max-height: 300px
    }
}

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

    100% {
        transform: translateY(-10px)
    }
}

@keyframes upNdown {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes leftNright {
    50% {
        transform: translate(-5px)
    }
}

@keyframes leftNright {
    50% {
        transform: translate(-5px)
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .header_hero_wrapper,.header_banner_wrapper {
        height:70vh
    }

    .collage-container {
        top: 4rem
    }

    .collage-container {
        margin-left: 2rem;
        height: 392px
    }

    .header_hero_wrapper,.header_banner_wrapper {
        height: 560px
    }
}
.hero_area_mouse {
    position: absolute;
    left: 50%;
    bottom: 0;
    color: #fefefe;
    cursor: pointer;
     
}


.hero_area_mouse svg {
    display: block;
    cursor: pointer
}

.hero_area_mouse svg path {
    transform: scale(1.5)
}
@media only screen and (min-width: 768px) {
.hero_area_mouse:hover, .hero_area_mouse:focus , .hero_area_mouse:active {
    animation: up-down 3s infinite; /* Sweeps the shine continuously */
}
}
@media only screen and (max-width: 767px) {
.hero_area_mouse { 
  animation: up-down 3s infinite; /* Sweeps the shine continuously */
}
}
@-webkit-keyframes up-down {
    0% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }

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

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

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

@keyframes up-down {
    0% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }

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

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

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

figure {
   margin: 0;
}
.blog-carousel1-inner-container {
    position: relative
}



.blog-carousel2-hover-content {
    left: 50px;
    position: absolute;
    top: calc(100% - 195px);
    z-index: 2;
}

.blog-carousel1 .owl-item.center .blog-carousel2-hover-content {
    display: none
}

.blog-carousel2-inner {
    padding-top: 30px
}

.blogC2-left {
    border-right: 1px dotted var(--tp-theme-primary);
    display: inline-block;
    margin-right: 22px;
    vertical-align: top
}

.blogC2-right {
    display: inline-block;
    padding-top: 0;
    vertical-align: top;
    width: calc(100% - 150px)
}

.blogC2-title>a {
    color: var(--tp-theme-primary);
    display: inline-block;
    font-family: "Poppins",sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 34px;
    padding-bottom: 9px;
    text-transform: uppercase
}

.blogC2-body {
    color: var(--tp-heading-primary);
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-family: 'Poppins';
    line-height: 26px
}

.blog-date {
    border-bottom: 1px solid var(--tp-theme-primary);
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 84px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 84px;
    color: var(--tp-heading-primary);
}

.blog-date span {
    color: var(--tp-theme-primary);
    display: block;
    font-family: 'Poppins';
    font-size: 26px;
    line-height: 41px
}

.blog-post {
    color: var(--tp-heading-primary);
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 63px;
    line-height: 63px;
    text-align: center
}

.blog-post i {
    color: var(--tp-heading-primary);
    font-size: 20px;
    margin-right: 4px;
}

.blog-carousel2 .owl-dot {
    background: #fff none repeat scroll 0 0;
    border: 3px solid var(--tp-theme-primary);
    border-radius: 50%;
    height: 15px;
    margin-bottom: 9px;
    width: 15px
}

.blog-carousel2 .owl-dot.active {
    border: 3px solid #fff;
    background-color: var(--tp-theme-primary);
}

.blog-carousel2 .owl-controls {
    left: -38px;
    position: absolute;
    top: 42px
}

.blogC2-body a {
    color: var(--tp-theme-primary);
    display: inline-block;
    font-family: "Poppins",sans-serif;
    font-weight: 600;
    padding-left: 17px;
    letter-spacing: .2px;
    -webkit-transition: all .30s linear;
    transition: all .30s linear
}

.blogC2-body p a:hover {
    letter-spacing: .5px
}

.blog-carousel1 .owl-stage {
    position: relative;
    z-index: 5
}

.blog-carousel1 .owl-item img {
    opacity: .1
}

.blog-carousel1 .owl-item.center img {
    opacity: 1
}

.blg2-hvr-title a {
    color: #fefefe;
    font-family: "Poppins",sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase
}

.blg2-hvr-title a:hover {
    color: #3c1525
}

.blg2-hvr-body {
    padding-top: 11px
}

.blg2-hvr-body {
    color: #f9c5ca;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px
}

.blg2-hvr-body>a {
    color: #ffff;
    display: inline-block;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 17px
}

.blog-carousel1 .owl-item.prEv .blog-carousel2-hover-content {
    left: 96px;
    padding-top: 13px;
    width: calc(100% - 127px)
}

.blog-carousel1 .owl-item .blog-carousel2-hover-content {
    left: 0;
    padding-top: 13px;
    position: absolute;
    top: calc(100% - 217px);
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    width: calc(100% - 127px)
}

.blog-carousel1 .owl-item.neXt .blog-carousel2-hover-content {
    left: 47px
}

.blog-carousel1 .blg2-hvr-body {
    color: #dba05d;
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 24px
}

.blog-carousel1 .blg2-hvr-body>a {
    color: #fff;
    display: inline-block;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 16px
}

.blog-carousel1 .blg2-hvr-body>a:hover {
    color: #3c1525
}

.blog-carousel1 .blog-image img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
.blog-carousel1 .item.swiper-slide.swiper-slide-active .blog-carousel1-inner-container .blog-carousel2-hover-content {
    display: none;

}
.blog-carousel1 .item.swiper-slide.swiper-slide-prev .blog-image img,
.blog-carousel1 .item.swiper-slide.swiper-slide-prev .blog-image:before
{
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.blog-carousel1 .item.swiper-slide.swiper-slide-next  .blog-image img,
.blog-carousel1 .item.swiper-slide.swiper-slide-next  .blog-image:before
{
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.blog-carousel1 .item.swiper-slide:not(.swiper-slide-active) .blog-carousel1-inner-container .blog-image:before {
background: rgba(20, 20, 20, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    
}
.slider-pagination .swiper-pagination-bullet{
    height: 15px;
      width: 15px;
      display: block;
      opacity:1;
      border-radius:  50%;
      background: var(--tp-theme-secondary) none repeat scroll 0 0;
      border: 3px solid var(--tp-theme-primary);
}
.slider-pagination .swiper-pagination-bullet-active {
    background: var(--tp-theme-primary) none repeat scroll 0 0;
      border: 3px solid var(--tp-theme-secondary);
}
.slider-pagination.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.slider-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 auto;  
   margin-bottom: 9px;
}

.swiper-horizontal>.slider-pagination.swiper-pagination-bullets, 
.slider-pagination.swiper-pagination-bullets.swiper-pagination-horizontal, 
.slider-pagination.swiper-pagination-custom, .slider-pagination.swiper-pagination-fraction {
width:80px;
position: absolute;
left: -80px;
top: 35%;
}
@media screen and (max-width: 767px) {
.slider-pagination .swiper-pagination-bullet{ display: none; }
.blog-carousel1 .item.swiper-slide.swiper-slide-active .blog-image img,
.blog-carousel1 .item.swiper-slide.swiper-slide-active .blog-image:before {
  border-radius: 10px;
}
}



.footer-info {
    position: relative;
}
ul.contact_footer_sp {
    display: grid;
    justify-content: center
}

ul.contact_footer_sp li {
    display: flex;
    font-size: 1rem
}

ul.contact_footer_sp li svg {
    height: 22px;
    width: 24px;
    margin-right: 5px
}
ul.contact_footer_sp li i {
    font-size: 1.5rem;
    line-height: 1rem;
    margin-right: 5px;
}
.footer-info ul li {
    line-height: normal;
    padding: 8px 0
}

.letter-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14.5em;
    height: 2em;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer
}

.animated-mail {
    position: absolute;
    height: 8em;
    width: 14.4em;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.animated-mail .body {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 7.05em 14.4em;
    border-color: transparent transparent #e95f55 transparent;
    z-index: 2
}

.animated-mail .top-fold {
    position: absolute;
    top: 1em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5em 7.24em 0;
    -webkit-transform-origin: 50% 0;
    -webkit-transition: transform .4s .4s,z-index .2s .4s;
    -moz-transform-origin: 50% 0;
    -moz-transition: transform .4s .4s,z-index .2s .4s;
    transform-origin: 50% 0;
    transition: transform .4s .4s,z-index .2s .4s;
    border-color: #cf4a43 transparent transparent transparent;
    z-index: 2
}

.animated-mail .back-fold {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 7em;
    background: #cf4a43;
    z-index: 0
}

.animated-mail .left-fold {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2.8em 0 4.3em 9em;
    border-color: transparent transparent transparent #e15349;
    z-index: 2
}

.animated-mail .letter {
    left: 1.5em;
    bottom: 0;
    position: absolute;
    width: 11.3em;
    height: 4em;
    background: #fff;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: .4s .2s;
    -moz-transition: .4s .2s;
    transition: .4s .2s
}

.animated-mail .letter .letter-border {
    height: .7em;
    width: 100%;
    background: repeating-linear-gradient(-45deg,#cb5a5e,#cb5a5e 8px,transparent 8px,transparent 18px)
}

.animated-mail .letter .letter-title {
    margin-top: .7em;
    margin-left: .35em;
    height: .7em;
    width: 40%;
    background: #cb5a5e
}

.animated-mail .letter .letter-context {
    margin-top: .7em;
    margin-left: .35em;
    height: .7em;
    width: 20%;
    background: #cb5a5e
}

.animated-mail .letter .letter-stamp {
    margin-top: 2.1em;
    margin-left: 8.4em;
    border-radius: 100%;
    height: 2.1em;
    width: 2.1em;
    background: #cb5a5e;
    opacity: .3
}

.shadowed {
    position: absolute;
    top: 10.5em;
    left: 50%;
    width: 25em;
    height: 1.5em;
    transition: .4s;
    transform: translateX(-50%);
    -webkit-transition: .4s;
    -webkit-transform: translateX(-50%);
    -moz-transition: .4s;
    -moz-transform: translateX(-50%);
    border-radius: 100%;
    background: radial-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0),rgba(0,0,0,0))
}

.letter-image:hover .animated-mail {
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px)
}

.letter-image:hover .animated-mail .top-fold {
    transition: transform .4s,z-index .2s;
    transform: rotateX(180deg);
    -webkit-transition: transform .4s,z-index .2s;
    -webkit-transform: rotateX(180deg);
    -moz-transition: transform .4s,z-index .2s;
    -moz-transform: rotateX(180deg);
    z-index: 0
}

.letter-image:hover .animated-mail .letter {
    height: 12em
}

.letter-image:hover .shadow {
    width: 16em
}

.left-fold svg {
    height: 2rem;
    width: 2rem
}

@media only screen and (max-width: 767px) {
    .specialmail,.letter-image {
        min-height:10em
    }
}

.lightergray {
    background: #ebebeb
}

.social-menu ul {
    padding: 0;
    margin: 0;
    display: flex
}

.social-menu ul li {
    list-style: none;
    margin: 0 15px;
}

.social-menu ul li svg {
    width: 25px;
    height: 25px;
    transition: .3s;
    color: #000;
}

.social-menu ul li .fab:hover {
    color: #fff
}

.social-menu ul li a {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    line-height: 60px;
    transition: .6s;
    box-shadow: 0 5px 4px rgba(0,0,0,.5)
}

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

.social-menu ul li a:hover {
    transform: translate(0,-10%)
}

.social-menu ul li:nth-child(1) a:hover {
    background-color: #007eff
}

.social-menu ul li:nth-child(1) a:hover svg {
    fill: #fff
}
.social-menu ul li:nth-child(1) a:hover i {
    color: #fff
}

.social-menu ul li:nth-child(2) a:hover {
    background-color: #000
}

.social-menu ul li:nth-child(2) a:hover svg {
    fill: #fff
}

.social-menu ul li:nth-child(2) a:hover i {
    color: #fff
}

.social-menu ul li:nth-child(3) a:hover {
    background-color: #fff
}

.social-menu ul li:nth-child(3) a:hover svg {
    fill: #f71717
}

.social-menu ul li:nth-child(3) a:hover i {
    color: #f71717
}

.social-menu ul li:nth-child(4) a:hover {
    background-color: #000
}

.social-menu ul li:nth-child(4) a:hover svg {
    fill: #f5c518
}

.social-menu ul li:nth-child(4) a:hover i {
    color: #f5c518
}

.social-menu ul li i {
    font-size: 1.6rem;
    color: #000;
    transition: .3s;
}
.social-menu ul li a:hover svg {
    transform: scale(1.5)
}
.social-menu ul li a:hover i {
    font-size: 2.4rem;
}

@media only screen and (max-width: 993px) {
    .social-menu ul li a {
        width:40px;
        height: 40px;
        line-height: 40px
    }

    .social-menu ul li svg {
        width: 20px;
        height: 20px
    }
}
@media (max-width: 767px) {
    .footer-area .col-md-4 {
        margin-bottom: 40px;
    }
}

/* Make the container a perfect circle and hide anything overflowing */
.circular-image-container {
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden; /* This crops the shine and image into a circle */
}

/* Ensure the image fills the circle */
.circular-image-container img , .circular-image-container svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Create the shine overlay */
.shine-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-20deg); /* Angles the shine */
  animation: shine-sweep 3s infinite; /* Sweeps the shine continuously */
  pointer-events: none; /* Lets clicks pass through to the image */
}

/* Define the animation keyframes */
@keyframes shine-sweep {
  0% {
    left: -150%; /* Start well off to the left */
  }
  100% {
    left: 150%; /* End well off to the right */
  }
}


.film_posters {
  position: relative;
  width: auto;
  max-width: 200px;
  height: 260px;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 auto;
  padding:5px;
}
.film_posters:hover img {
  transform: scale(1.15);
}
.film_posters .title-box {
  content: "";
  height: 100px;
  position: absolute;
  transform: translatey(50px);
  transition: 0.3s ease;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
  width: 100%;
  z-index: 1;
}
.film_posters img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  transition: 0.3s ease;
  border-radius: 10px;
}
.film_posters .name {
  position: absolute;
  width: 100%;
  bottom: 10px;
  color: #fff;
  transform: translatey(50px);
  padding: 10px;
  z-index: 1;
  transition: .3s ease;
  cursor: default;
  opacity: 0;
  text-align: center;
}
.film_posters:hover .name,
.film_posters:hover .title-box {
  transform: translatey(0);
  opacity: 1;
}
.project-infos h6 {
    display: inline-block;
}
.badge.moviebadge {
  background-color:var(--tp-theme-primary);
}
@media only screen and (max-width: 767px) {
.breadcrumbs.filmfolio .page-title {
  padding-top:10px;
}
.film_posters .name {
  transform: translatey(0);
  opacity: 1;
}
}

body.light-skin .homewraphead {
    background: url(../images/cannes2.webp) no-repeat scroll center center / cover;
}



.projectSwiper .swiper-slide {
  width: 370px;
  height: 500px;
}
.projectSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border: 2px solid transparent;
}
.projectSwiper .swiper-slide-active img {
  border: 2px solid var(--border);
}
.projectSwiper .swiper-pagination {
  position: absolute;
  bottom: 0;
}
.projectSwiper .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--primary);
}
@media (max-width: 500px) {
  .projectSwiper {
    height: 450px;
  }
  .projectSwiper .swiper-slide {
    width: 300px;
    height: 400px;
  }
}

.film-container {
  position: relative;
  padding: 15px; /* Space for the frame */
  background: repeating-linear-gradient(
    to bottom, 
    #111 0px, 
    #111 10px, 
    #222 10px, 
    #222 20px
  ); /* Creates the film strip pattern */
}

.film-container::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  background: radial-gradient(circle, transparent 40%, #111 40%);
  background-size: 100% 20px;
}

.film-container::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 10px;
  background: radial-gradient(circle, transparent 40%, #111 40%);
  background-size: 100% 20px;
}
.frozen-white {
   animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);
    -webkit-backdrop-filter: blur(0.5em);
    backdrop-filter: blur(0.5em);
}
.btnaa {
    background-color: #464646;
    border: 1px solid #464646;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: all .3s ease 0s;
    font-family: "Raleway", sans-serif;
}
.btnaa:hover {
    background-color: transparent;
    color: #464646
}




.iit-sidebar {
    width: 100%;
    height: 100%;
    background: var(--tp-theme-3);
}

.admin-bar .iit-sidebar {
    height: calc(100% - 32px);
    margin-top: 32px;
}

.iit_mini_content {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
}
.iitc-cusror {
    cursor: pointer
}

.iit-quit-sidebar {
    padding: 13px;
    border-radius: 50%;
    color: var(--tp-text-body);
    fill: var(--tp-text-body);
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 9px;
    background: var(--tp-theme-tertiary);
    cursor: pointer;
    position: absolute;
    transition: all 0.3s ease-in-out;
}

body.iit_sidep_open .iit_sidep_active .iit-quit-sidebar {
    right: 100%;
}

body.iit_sidep_open .iit_sidep_active[data-direction="left"] .iit-quit-sidebar {
    left: 100%;
    right: inherit;
}
.offcanvas__content {
    padding: 10px 25px 30px 25px;
}

body:not(.lang-en) .lang_en {
    display: none;
}
body:not(.lang-fr) .lang_fr {
    display: none ;
}
/*
.ul-vertical {
    list-style: none;
    margin: 0;
    padding: 8px;
    display: inline-block;
    width: 100%
}

.ul-vertical li {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #666
}

.ul-vertical li+li {
    margin-top: 8px
}
   .section-title {
    margin: auto auto 50px;
    width: 60%;
}*/
.section-title h2 {
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.speacial_header {
  position: relative;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.speacial_header:before {
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  background-color: #DFCEB9;
  position: relative;
  transform: rotate(45deg) translateX(-50%);
  left: 50%;
  top: 10px;
}
.speacial_header:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 780px;
  height: 3px;
  background: linear-gradient(to right, #DFCEB9 0%, #DFCEB9 45%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0) 56%, #DFCEB9 55%, #DFCEB9 100%);
}
.speacial_header:before,
.speacial_header:after {
  position: absolute;
  top: 110%;
}
.theme-toggle {
  border: 0;
  outline: none;
      margin-top: 3px;
  appearance: none;
  background-color: transparent;
  position: relative;
  width: 35px;
  height: 35px;
  cursor: pointer;
  /*transform: scale(1.5);*/
}
.theme-toggle.moon { 
    /*transform:scale(1.5);*/
}
.theme-toggle .suncircle , .theme-toggle .sunray {
background-color: var(--tp-common-white);
}
.theme-toggle.moon .suncircle { 
  box-shadow: inset 3px -3px 0 2px var(--tp-common-white);
}



.theme-toggle .suncircle {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.3s, height 0.3s, background-color 0.3s, box-shadow 0.3s;
}
.theme-toggle.moon .suncircle {
  width: 30px;
  height: 30px;
  background-color: transparent;
}

.sunray {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 5px;
  transform-origin: 1px 16px;
  transform: translate(-50%, -16px);
  transition: height 0.3s, opacity 0.3s, background-color 0.3s;
}
.theme-toggle .sunray:nth-of-type(2n + 0) {
  height: 5px;
}
.theme-toggle .sunray:nth-of-type(2) {
  transform: translate(-50%, -16px) rotate(45deg);
}
.theme-toggle .sunray:nth-of-type(3) {
  transform: translate(-50%, -16px) rotate(90deg);
}
.theme-toggle .sunray:nth-of-type(4) {
  transform: translate(-50%, -16px) rotate(135deg);
}
.theme-toggle .sunray:nth-of-type(5) {
  transform: translate(-50%, -16px) rotate(180deg);
}
.theme-toggle .sunray:nth-of-type(6) {
  transform: translate(-50%, -16px) rotate(225deg);
}
.theme-toggle .sunray:nth-of-type(7) {
  transform: translate(-50%, -16px) rotate(270deg);
}
.theme-toggle .sunray:nth-of-type(8) {
  transform: translate(-50%, -16px) rotate(315deg);
}
.theme-toggle.moon .sunray {
  height: 0;
  opacity: 0;
}

:root.light-skin {
  --tp-ff-body: "Lato", sans-serif;
  --tp-ff-heading: "Dosis", sans-serif;
  --tp-ff-p: "Lato", sans-serif;
  --tp-ff-fontawesome: "qpfront";
  --tp-common-white: #000000;
  --tp-common-black: #ffffff;
  --tp-common-gray: #fef3df;
  --tp-theme-primary: #e27614;
  --tp-theme-secondary: #eeeeee;
  --tp-theme-tertiary: #e7e7e7;
  --tp-theme-1: #fbfbfb;
  --tp-theme-2: #f94d1c;
  --tp-theme-3: #ededed;
  --tp-heading-primary: #0f0f0f;
  --tp-heading-secondary: #1f242c;
  --tp-heading-1: #2b2b5e;
  --tp-text-body: #000000;
  --tp-text-1: #e3e3e3;
  --tp-border-primary: #fef3df;
  --tp-border-secondary: #f0f2f4;
   --tp-header-gloss:rgba(219, 219, 219, 0.77);
   --tp-header-bxshadow:0 4px 30px rgb(6 6 6 / 24%);
}
body {
   transition: background 0.3s, color 0.3s;

   
}
.btn-xs {
    padding: 0.125rem 0.25rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.15rem;
}
.tp-header-box , .tp-header-sticky {
background-color: var(--tp-header-gloss);
box-shadow: var(--tp-header-bxshadow);
backdrop-filter: blur(13.3px);
-webkit-backdrop-filter: blur(13.3px);

}
.tp-header-sticky .tp-header-box,.homewraphead .tp-header-box {
background-color: transparent;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}

body.light-skin .tp-breadcrumb__bg, body:not(.light-skin) .author_autograph {
   filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(1627%) hue-rotate(212deg) brightness(114%) contrast(74%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tp-header-main {
        background-color: var(--tp-header-gloss);
box-shadow: var(--tp-header-bxshadow);
backdrop-filter: blur(13.3px);
-webkit-backdrop-filter: blur(13.3px);
    }
    .tp-header-box ,  .homewraphead .tp-header-main:not(.tp-header-sticky) {
background-color: transparent;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
    }
          .tp-header-area {
        background-color: var(--tp-theme-tertiary);
    }
     .homewraphead .tp-header-area  {
   background-color: transparent;
    }
   
}

#authbox #wrapper,#authbox label,#authbox #arrow,#authbox button span { transition: all .5s cubic-bezier(.6,0,.4,1); }

#authbox #wrapper { overflow: hidden; }

#authbox #signin:checked ~ #wrapper { height: 104px; }
#authbox #signin:checked ~ #wrapper #arrow { left: 32px; }
#authbox #signin:checked ~ button span { transform: translate3d(0,-40px,0); }

#authbox #signup:checked ~ #wrapper { height: 151px; }
#authbox #signup:checked ~ #wrapper #arrow { left: 38%; }
#authbox #signup:checked ~ button span { transform: translate3d(0,-80px,0); }

#authbox #reset:checked ~ #wrapper { height: 55px; }
#authbox #reset:checked ~ #wrapper #arrow { left: 88%; }
#authbox #reset:checked ~ button span { transform: translate3d(0,0,0); }

#authbox form {
  width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

#authbox input[type=radio] { display: none; }

#authbox label {
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 800;
  opacity: .5;
  margin-bottom: 10px;
  text-transform: uppercase;
}
#authbox label:hover {
  transition: all .3s cubic-bezier(.6,0,.4,1);
  opacity: 1;
}
#authbox label[for="signin"] { margin-right: 20px; }
#authbox label[for="reset"] { float: right; }
#authbox input[type=radio]:checked + label { opacity: 1; }

#authbox input[type=text],
#authbox input[type=password] {
  background: #fff;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-family: 'Raleway', sans-serif;
  height: 40px;
  width: 99.5%;
  margin-bottom: 7px;
  opacity: 1;
  text-indent: 20px;
  transition: all .2s ease-in-out;
}
#authbox button {
  background-color: var(--tp-theme-primary);
  border: none;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  height: 40px;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  transition: all .3s cubic-bezier(.6,0,.4,1);
}
#authbox button span {
  display: block;
  line-height: 40px;
  position: relative;
  top: -2px;
  transform: translate3d(0,0,0);
}
#authbox button:hover {
  background-color: var(--tp-theme-2);
}

#authbox #arrow {
  height: 0;
  width: 0;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: relative;
  left: 32px;
}
.authform {
    position: relative;
}
.email_container:before {
    content: "\E804";
    font-family: var(--tp-ff-fontawesome);
    position: absolute;
    color: #000;
    font-size: 1.5rem;
    top: 8px;
    left: 10px;
}
.password_container:before ,.repassword_container:before {
    content: "\E891";
    font-family: var(--tp-ff-fontawesome);
    position: absolute;
    color: #000;
    font-size: 1.5rem;
    top: 8px;
    left: 10px;
}

.photo-gallery .card {background-color:transparent;}

.iitotop-wrap {
    position: fixed;
    right: 20px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2);
    z-index: 199;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.iitotop-wrap.active-iitotop {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.iitotop-wrap::after {
    position: absolute;
    content: ' ';
    text-align: center;
    background-color: #b36b00;
    -webkit-text-fill-color: transparent;
    -webkit-mask: url(../images/iit_scroll.svg) no-repeat 80% 80%;
    mask: url(../images/iit_scroll.svg) no-repeat 80% 80%;
    -webkit-mask-size: cover;
    mask-size: cover;
    left: 50%;
    top: 47%;
    transform: translate(-50%,-50%);
    height: 35px;
    width: 35px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.iitotop-wrap:hover::after {
    opacity: 0
}

.iitotop-wrap::before {
    position: absolute;
    content: ' ';
    text-align: center;
    opacity: 0;
    -webkit-text-fill-color: transparent;
    -webkit-mask: url(../images/iit_scroll.svg) no-repeat 80% 80%;
    mask: url(../images/iit_scroll.svg) no-repeat 80% 80%;
    -webkit-mask-size: cover;
    mask-size: cover;
    top: 47%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 35px;
    width: 35px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.iitotop-wrap:hover::before {
    opacity: 1;
    background-color: #f3705f
}

.iitotop-wrap svg path {
    fill: none
}

.iitotop-wrap svg.iitotop-circle path {
    stroke: #ee7e00;
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}


.btn-primary {
    --bs-btn-bg: #e27614;
    --bs-btn-border-color: #e27614;
    --bs-btn-hover-bg: #b96010;
    --bs-btn-hover-border-color: #b96010;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-bg: #f3821b;
    --bs-btn-active-border-color: #f3821b;
}
.active>.page-link, .page-link.active {
    background-color: #e27614;
    border-color: #e27614;
   
   }
.page-link {
  
    color: #e27614; 
   }
.modal-content {
    color: var(--tp-text-body); 
    background-color: var(--tp-header-gloss);
    box-shadow: var(--tp-header-bxshadow);
    backdrop-filter: blur(13.3px);
    -webkit-backdrop-filter: blur(13.3px);
}
.modal-content input,.modal-content textarea {
    color: var(--tp-text-body);
    background-color: var(--tp-theme-secondary);
    border: 1px solid var(--tp-common-white);
    height: 45px;
}
.text-leave2 textarea {
   height: 130px;
}
.post-slide {
    background:var(--tp-theme-tertiary);
    margin: 20px 15px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: 0 8px 22px -9px #7e7e7e;
}

.post-slide .post-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: -12px 15px 8px 15px;
    margin-left: -10px
}

.post-slide .post-img img {
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition: transform .2s linear
}

.post-slide:hover .post-img img {
    transform: scale(1.1,1.1)
}

.post-slide .over-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: linear-gradient(-45deg,rgba(139, 93, 59,0.75) 0,rgba(251, 200, 164,0.6) 100%);
    transition: all .50s linear
}

.post-slide:hover .over-layer {
    opacity: 1;
    text-decoration: none
}

.post-slide .over-layer i {
    position: relative;
    top: 45%;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 25px
}

.post-slide .post-content { 
    padding: 2px 20px 40px;
    border-radius: 15px
}

.post-slide .post-title a {
    font-size: 15px;
    font-weight: bold;
    color: var(--tp-text-body);
    display: inline-block;
    text-transform: uppercase;
    transition: all .3s ease 0s
}

.post-slide .post-title a:hover {
    text-decoration: none;
    color: var(--tp-theme-primary);
}

.post-slide .post-description {
    line-height: 24px;
    color: #808080;
    margin-bottom: 25px
}

.post-slide .post-date {
    color: #a9a9a9;
    font-size: 14px
}

.post-slide .post-date i {
    font-size: 20px;
    margin-right: 8px;
    color: #cfdace;
}
.post-slide .dateinfo{
    margin-right: 8px;
}

.post-slide .read-more {
    padding: 7px 20px;
    float: right;
    font-size: 12px;
   background: var(--tp-theme-primary);
    color: #fff;
    box-shadow: 0 10px 20px -10px var(--tp-theme-2);
    border-radius: 25px;
    text-transform: uppercase
}

.post-slide .read-more:hover {
    background: var(--tp-theme-2);
    text-decoration: none;
    color: #fff
}
.iit-sidebar {
   z-index: 501 !important;
}
[data-iit-sidebar] {
    z-index: 500 !important;
}