trAvis - MANAGER

Edit File: plus-scroll-navigation.css

/*-------scroll navigation start-------*/ .theplus-scroll-navigation__dot{position:relative;margin:0 auto;align-items:center;justify-content:center;padding:0;text-align:center}.theplus-scroll-navigation__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;overflow:visible!important}.theplus-scroll-navigation__item{margin:0;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:visible!important;width:35px;height:35px;align-items:center}.theplus-scroll-navigation__item-hint{background-color:#fff;border-radius:50px 50px 50px 50px;padding:0 33px 0 15px;opacity:1;pointer-events:auto}.theplus-scroll-navigation__icon{color:rgba(40,50,66,.4);margin:4px 5px 4px 0} /*scroll navigation direction */.theplus-scroll-navigation.s_n_right{top:50%;position:fixed;right:15px;transform:translate3d(0,-50%,0);z-index:1111;margin-right:0}.theplus-scroll-navigation.s_n_left{top:50%;position:fixed;left:15px;transform:translate3d(0,-50%,0);z-index:1;margin-left:0}.theplus-scroll-navigation.s_n_top.po_center{display:flex;top:20px;position:fixed;left:0;right:0;z-index:3;margin-left:0;margin-top:0;justify-content:center;text-align:center;align-items:center}.theplus-scroll-navigation.s_n_top.po_left{display:flex;top:20px;position:fixed;left:50px;z-index:3;margin-left:0;margin-top:0;justify-content:left;text-align:left;align-items:left}.theplus-scroll-navigation.s_n_top.po_right{display:flex;top:20px;position:fixed;right:50px;z-index:3;margin-left:0;margin-top:0;justify-content:right;text-align:right;align-items:right}.theplus-scroll-navigation.s_n_bottom.po_left{position:fixed;bottom:20px;z-index:1;left:50px;display:flex}.theplus-scroll-navigation.s_n_bottom.po_right{position:fixed;bottom:20px;z-index:1;right:50px;display:flex}.elementor-element.elementor-widget.elementor-widget-tp-scroll-navigation{display:flex}.theplus-scroll-navigation.s_n_top .theplus-scroll-navigation__inner,.theplus-scroll-navigation.s_n_bottom .theplus-scroll-navigation__inner{flex-direction:inherit}.theplus-scroll-navigation.s_n_top_left{top:25px;position:fixed;left:10px;z-index:3}.theplus-scroll-navigation.s_n_top_right{top:25px;position:fixed;right:10px;z-index:3}.theplus-scroll-navigation.s_n_bottom.po_center{position:fixed;bottom:20px;z-index:1;left:50%;right:auto;display:flex;justify-content:center;text-align:center;align-items:center;transform:translate3d(-50%,0,0)}.theplus-scroll-navigation.s_n_bottom.po_left{position:fixed;bottom:20px;z-index:1;left:50px;display:flex;justify-content:left;text-align:left;align-items:left}.theplus-scroll-navigation.s_n_bottom.po_right{position:fixed;bottom:20px;z-index:1;right:50px;display:flex;justify-content:right;text-align:right;align-items:right}.theplus-scroll-navigation.s_n_bottom_left{bottom:25px;position:fixed;left:10px;z-index:2}.theplus-scroll-navigation.s_n_bottom_right{bottom:25px;position:fixed;right:10px;z-index:2}.theplus-scroll-navigation__dot span.tooltiptext.s_n_top.sn_t_a_e:after{position:absolute;left:50%;top:-15px;content:'';border:8px solid transparent;z-index:2;border-right-color:#000;transform:translate3d(-50%,0,0) rotate(90deg)}.theplus-scroll-navigation__dot span.tooltiptext.s_n_top_right.sn_t_a_e:after,.theplus-scroll-navigation__dot span.tooltiptext.s_n_bottom_right.sn_t_a_e:after,.theplus-scroll-navigation__dot span.tooltiptext.s_n_right.sn_t_a_e:after{position:absolute;right:-16px;content:'';height:0;width:0;border:8px solid transparent;z-index:2;border-right-color:#000;transform:translate3d(0,-50%,0) rotate(180deg);top:50%}.theplus-scroll-navigation__dot span.tooltiptext.s_n_top_left.sn_t_a_e:after,.theplus-scroll-navigation__dot span.tooltiptext.s_n_left.sn_t_a_e:after,.theplus-scroll-navigation__dot span.tooltiptext.s_n_bottom_left.sn_t_a_e:after{position:absolute;left:-7px;content:'';height:0;width:0;border:8px solid transparent;z-index:2;border-right-color:#000;transform:translate3d(-55%,-60%,0) rotate(360deg);top:50%}.theplus-scroll-navigation__dot span.tooltiptext.s_n_bottom.sn_t_a_e:after{position:absolute;left:50%;bottom:-15px;content:'';border:8px solid transparent;z-index:2;border-right-color:#000;transform:translate3d(-50%,0,0) rotate(270deg)}.theplus-scroll-navigation__dot span.tooltiptext.s_n_top_left.sn_t_a_e:after{position:absolute;left:-7px;content:'';height:0;width:0;border:8px solid transparent;z-index:2;border-right-color:#000;transform:translate3d(-55%,-60%,0) rotate(360deg);top:50%} /*scroll navigation direction */ .tooltip .tooltiptext{visibility:hidden;width:120px;background-color:black;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible} /* tool tip scroll navigation start*/ .theplus-scroll-navigation__dot .tooltiptext.s_n_top{visibility:hidden;width:120px;height:auto;background-color:black;color:#fff;text-align:center;border-radius:6px;padding:5px 0;z-index:1;top:100%;left:50%;right:50%;position:absolute;z-index:1;transform:translate3d(-50%,50%,0)}.theplus-scroll-navigation__dot .tooltiptext.s_n_left,.theplus-scroll-navigation__dot .tooltiptext.s_n_top_left,.theplus-scroll-navigation__dot .tooltiptext.s_n_bottom_left{visibility:hidden;width:120px;height:auto;background-color:black;color:#fff;text-align:center;border-radius:6px;padding:5px 0;z-index:1;top:50%;left:100%;position:absolute;z-index:1;transform:translate3d(13px,-50%,0)}.theplus-scroll-navigation__dot .tooltiptext.s_n_top_right,.theplus-scroll-navigation__dot .tooltiptext.s_n_right,.theplus-scroll-navigation__dot .tooltiptext.s_n_bottom_right{width:120px;height:auto;background-color:black;color:#fff;text-align:right;border-radius:6px;padding:5px 10px 5px 10px;z-index:2;position:absolute;transform:translate3d(-13px,-50%,0);top:50%;visibility:hidden;right:100%}.theplus-scroll-navigation__dot .tooltiptext.s_n_bottom{visibility:hidden;width:120px;height:auto;background-color:black;color:#fff;text-align:center;border-radius:6px;padding:5px 0;z-index:1;bottom:100%;left:50%;right:50%;position:absolute;z-index:1;transform:translate3d(-50%,-50%,0)}.theplus-scroll-navigation__dot:hover .tooltiptext{visibility:visible} /* tool tip scroll navigation end*/ .theplus-scroll-navigation__dot .tooltiptext .s_n_left{text-align: left;padding-left: 10px;} /*start scroll navigation tootltip text alignment start*/ .theplus-scroll-navigation .theplus-scroll-navigation__dot .tooltiptext.left{text-align:left}.theplus-scroll-navigation .theplus-scroll-navigation__dot .tooltiptext.right{text-align:right}.theplus-scroll-navigation .theplus-scroll-navigation__dot .tooltiptext.center{text-align:center} /*start scroll navigation tootltip text alignment end*/ /*after display counter auto start*/ body{counter-reset:my-sec-counter}.theplus-scroll-navigation.style-2.s_n_left .theplus-scroll-navigation__dot.number_normal:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.number_normal:after,.theplus-scroll-navigation.style-2.s_n_right .theplus-scroll-navigation__dot.number_normal:after,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.number_normal:after{counter-increment:my-sec-counter;content:counter(my-sec-counter);color:red;left:0;right:0;top:0;position:absolute}.theplus-scroll-navigation.style-2.s_n_left .theplus-scroll-navigation__dot.lower_roman:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.lower_roman:after,.theplus-scroll-navigation.style-2.s_n_right .theplus-scroll-navigation__dot.lower_roman:after,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.lower_roman:after{counter-increment:my-sec-counter;content:counter(my-sec-counter,lower-roman) ". ";color:red;left:0;right:0;top:0;position:absolute}.theplus-scroll-navigation.style-2.s_n_left .theplus-scroll-navigation__dot.decimal_leading_zero:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.decimal_leading_zero:after,.theplus-scroll-navigation.style-2.s_n_right .theplus-scroll-navigation__dot.decimal_leading_zero:after,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.decimal_leading_zero:after{counter-increment:my-sec-counter;content:counter(my-sec-counter,decimal-leading-zero) ". ";color:red;left:0;right:0;top:0;position:absolute}.theplus-scroll-navigation.style-2.s_n_left .theplus-scroll-navigation__dot.upper_alpha:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.upper_alpha:after,.theplus-scroll-navigation.style-2.s_n_right .theplus-scroll-navigation__dot.upper_alpha:after,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.upper_alpha:after{counter-increment:my-sec-counter;content:counter(my-sec-counter,upper-alpha) ". ";color:red;left:0;right:0;top:0;position:absolute}.theplus-scroll-navigation.style-2.s_n_left .theplus-scroll-navigation__dot.lower_alpha:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.lower_alpha:after,.theplus-scroll-navigation.style-2.s_n_right .theplus-scroll-navigation__dot.lower_alpha:after,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.lower_alpha:after{counter-increment:my-sec-counter;content:counter(my-sec-counter,lower-alpha) ". ";color:red;left:0;right:0;top:0;position:absolute}.theplus-scroll-navigation.style-2.s_n_left .theplus-scroll-navigation__dot.upper_roman:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.upper_roman:after,.theplus-scroll-navigation.style-2.s_n_right .theplus-scroll-navigation__dot.upper_roman:after,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.upper_roman:after{counter-increment:my-sec-counter;content:counter(my-sec-counter,upper-roman) ". ";color:red;left:0;right:0;top:0;position:absolute}.theplus-scroll-navigation.style-2.s_n_left .theplus-scroll-navigation__dot.lower_greek:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.lower_greek:after,.theplus-scroll-navigation.style-2.s_n_right .theplus-scroll-navigation__dot.lower_greek:after,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.lower_greek:after{counter-increment:my-sec-counter;content:counter(my-sec-counter,lower-greek) ". ";color:red;left:0;right:0;top:0;position:absolute}.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.number_normal:after,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.decimal_leading_zero:after,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.upper_alpha:after,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.lower_alpha:after,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.lower_roman:after,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.upper_roman:after,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot.lower_greek:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.number_normal:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.decimal_leading_zero:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.upper_alpha:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.lower_alpha:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.lower_roman:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.upper_roman:after,.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot.lower_greek:after{margin:0 0 0 10px;font-size:10px} /*display counter end*/ /*display tooltip style onhover on active section or default start */ .theplus-scroll-navigation .theplus-scroll-navigation__item.highlight span.tooltiptext.on_active_section{visibility:visible}.theplus-scroll-navigation .theplus-scroll-navigation__dot span.tooltiptext.on_default{visibility:visible;background-color:transparent}.theplus-scroll-navigation .theplus-scroll-navigation__dot span.tooltiptext.on_default:after,.theplus-scroll-navigation.style-5 .theplus-scroll-navigation__dot span.tooltiptext.on_default:after{border-right-color:transparent}.theplus-scroll-navigation.style-5 .theplus-scroll-navigation__item._mPS2id-h.highlight .theplus-scroll-navigation__dot span.tooltiptext.on_active_section{visibility:visible} /*display tooltip style onhover on active section or default end*/ /*style 1 */ .theplus-scroll-navigation.style-1 .theplus-scroll-navigation__dot{position:relative;display:inline-block;cursor:pointer;background-color:red;width:12px;height:12px;webkit-border-radius:50%;border-radius:50%;color:white;font-size:14px;-webkit-transition:all 0.3s cubic-bezier(.5,.12,.46,.88);-o-transition:all 0.3s cubic-bezier(.5,.12,.46,.88);transition:all 0.3s cubic-bezier(.5,.12,.46,.88)}.theplus-scroll-navigation.style-1 .theplus-scroll-navigation__dot:hover,.theplus-scroll-navigation.style-1 a.theplus-scroll-navigation__item._mPS2id-h.highlight .theplus-scroll-navigation__dot{background-color:#ff000000;border-radius:50%;z-index:5;border:1px solid red} /*style 1 */ /*style 2 */ .theplus-scroll-navigation.style-2 .theplus-scroll-navigation__dot:before{content:'';position:relative;display:inline-block;cursor:pointer;background-color:red;color:black;font-size:14px;-webkit-transition:all 0.3s cubic-bezier(.5,.12,.46,.88);-o-transition:all 0.3s cubic-bezier(.5,.12,.46,.88);transition:all 0.3s cubic-bezier(.5,.12,.46,.88);width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;background-color:transparent;-webkit-transition:background-color .6s ease,-webkit-transform .3s ease;transition:background-color .6s ease,-webkit-transform .3s ease;transition:transform .3s ease,background-color .6s ease;transition:transform .3s ease,background-color .6s ease,-webkit-transform .3s ease;border:1px solid red}.theplus-scroll-navigation.style-2 .theplus-scroll-navigation__dot:hover:before,.theplus-scroll-navigation.style-2 a.theplus-scroll-navigation__item._mPS2id-h.highlight .theplus-scroll-navigation__dot:before{border-color:transparent;transform:rotate(315deg)} /*style 2 */ /*style 3 */ .theplus-scroll-navigation.style-3 .theplus-scroll-navigation__dot{display:inline-block;cursor:pointer;width:10px;height:10px;border:2px solid red;border-radius:50%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.theplus-scroll-navigation.style-3 .theplus-scroll-navigation__dot:hover,.theplus-scroll-navigation.style-3 .theplus-scroll-navigation__item._mPS2id-h.highlight .theplus-scroll-navigation__dot{width:15px;height:15px;border-width:5px} /*style 3 */ /*style 4 */ .theplus-scroll-navigation.style-4 .theplus-scroll-navigation__dot{position:absolute;display:inline-block;cursor:pointer;width:20px;height:1px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:red;z-index:2}.theplus-scroll-navigation.style-4 .theplus-scroll-navigation__dot:hover,.theplus-scroll-navigation.style-4 .theplus-scroll-navigation__item._mPS2id-h.highlight .theplus-scroll-navigation__dot{width:40px}.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot:hover,.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__item._mPS2id-h.highlight .theplus-scroll-navigation__dot{width:40px;transform:translate3d(-50%,0,0)}.theplus-scroll-navigation.style-4 .theplus-scroll-navigation__item.highlight span.tooltiptext{visibility:visible}.theplus-scroll-navigation.style-4.s_n_right .theplus-scroll-navigation__dot .tooltiptext{background-color:#0c0c0c00;text-align:right}.theplus-scroll-navigation.style-4.s_n_left .theplus-scroll-navigation__dot .tooltiptext{background-color:#0c0c0c00;text-align:left}.theplus-scroll-navigation.style-4 .theplus-scroll-navigation__dot .tooltiptext{color:red}.theplus-scroll-navigation.style-4.s_n_left{top:50%;position:fixed;left:15px;transform:translate3d(-50%,-50%,0);z-index:1;margin-right:0}.theplus-scroll-navigation.style-4 .theplus-scroll-navigation__dot span.tooltiptext:after{border-right-color:#0000} /*style 4 */ /*style 5 */ .theplus-scroll-navigation.style-5 .theplus-scroll-navigation__dot{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer;font-size:20px;color:#fff;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.theplus-scroll-navigation.style-5 .theplus-scroll-navigation__dot:hover,.theplus-scroll-navigation.style-5 .theplus-scroll-navigation__item._mPS2id-h.highlight .theplus-scroll-navigation__dot{color:#ff5a6e}.theplus-scroll-navigation.style-5 .theplus-scroll-navigation__dot .tooltiptext{background-color:transparent;color:#fff}.theplus-scroll-navigation.style-5 .theplus-scroll-navigation__dot span.tooltiptext:after{border-right-color:transparent}.theplus-scroll-navigation.style-5 .theplus-scroll-navigation__dot span.tooltiptext{font-size:14px;width:100px}.theplus-scroll-navigation.style-5 .theplus-scroll-navigation__inner{background-color:#8072fcad;border-radius:10px}.theplus-scroll-navigation.style-5.s_n_top .theplus-scroll-navigation__dot span.tooltiptext{margin-top:-5px}.theplus-scroll-navigation.style-5.s_n_bottom .theplus-scroll-navigation__dot span.tooltiptext{margin-bottom:-5px}.theplus-scroll-navigation.style-5.s_n_left .theplus-scroll-navigation__dot span.tooltiptext{margin-left:3px}.theplus-scroll-navigation.style-5.s_n_right .theplus-scroll-navigation__dot span.tooltiptext{margin-right:3px} /*style 5 */ .theplus-scroll-navigation.scroll-view{opacity:0;visibility:hidden;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;transition:all .2s ease 0s}.theplus-scroll-navigation.scroll-view.show{opacity:1;visibility:visible} /*-------scroll navigation End-------*/