<ul id="navig" class="clearfix topbar" style="text-align:center;"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <li><a href="#section1" class="active">Section 1</a></li><!-- [et_pb_line_break_holder] --> <li><a href="#section2" >Section 2</a></li><!-- [et_pb_line_break_holder] --> <li ><a href="#section3">Section 3</a></li> <!-- [et_pb_line_break_holder] --> </ul> <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <style><!-- [et_pb_line_break_holder] --> #stickynav{<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> height: 40px;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> z-index: 9999;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> #stickynav #navig{ position: fixed; z-index: 9999; }<!-- [et_pb_line_break_holder] --> #stickynav #navig li { <!-- [et_pb_line_break_holder] -->display: inline-flex;<!-- [et_pb_line_break_holder] --> line-height: 30px !important;<!-- [et_pb_line_break_holder] --> //background-color: #fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> #stickynav #navig li a {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> font-size: 14px;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> padding: 5px 15px; <!-- [et_pb_line_break_holder] --> -webkit-border-radius: 4px;<!-- [et_pb_line_break_holder] --> -moz-border-radius: 4px;<!-- [et_pb_line_break_holder] --> border-radius: 4px;<!-- [et_pb_line_break_holder] -->color:rgba(0,0,0,.6);<!-- [et_pb_line_break_holder] -->font-weight:600;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> #stickynav #navig li a:hover { <!-- [et_pb_line_break_holder] --> text-decoration: none; <!-- [et_pb_line_break_holder] --> color: rgba(0,0,0,.3) !important;<!-- [et_pb_line_break_holder] -->background-color: #32a5f20d;<!-- [et_pb_line_break_holder] -->font-weight:600;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> #navig{<!-- [et_pb_line_break_holder] -->width:100%;<!-- [et_pb_line_break_holder] -->background: linear-gradient(to top, #fff, #eaf0ff);<!-- [et_pb_line_break_holder] -->// background: radial-gradient(#fff, #eaf0ff);<!-- [et_pb_line_break_holder] --> webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;<!-- [et_pb_line_break_holder] --> -moz-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 7px rgba(0,0,0,.1)!important;<!-- [et_pb_line_break_holder] -->height: 40px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.fil{<!-- [et_pb_line_break_holder] -->display: inline-flex;<!-- [et_pb_line_break_holder] --> font-size: 14px;<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> font-family: 'open sans';<!-- [et_pb_line_break_holder] --> color: rgba(0,0,0,.6);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> </style>

<header class="mid-sticky"><!-- [et_pb_line_break_holder] --> <div class="nav_mobile"><!-- [et_pb_line_break_holder] --> <ul> <!-- [et_pb_line_break_holder] --> <li class="tutorials"><a href="#" style="display:inline-block;">Jump to </a><i class="fa fa-angle-down" aria-hidden="true" style="display:inline-block;"></i><!-- [et_pb_line_break_holder] --> <ul><!-- [et_pb_line_break_holder] --> <li><a href="#section1" class="active">Section 1</a></li><!-- [et_pb_line_break_holder] --> <li><a href="#section2" >Section 2</a></li><!-- [et_pb_line_break_holder] --> <li ><a href="#section3">Section 3</a></li> <!-- [et_pb_line_break_holder] --> </ul><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> </ul><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --></header><!-- [et_pb_line_break_holder] --><style><!-- [et_pb_line_break_holder] -->#stickynav-mid{<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> height: 40px;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> z-index: 9999;<!-- [et_pb_line_break_holder] --> margin-top: 1.3rem;<!-- [et_pb_line_break_holder] --> } <!-- [et_pb_line_break_holder] -->.mid-sticky{<!-- [et_pb_line_break_holder] -->width:100%;<!-- [et_pb_line_break_holder] -->position:fixed;<!-- [et_pb_line_break_holder] -->z-index: 9999;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.after-scroll{<!-- [et_pb_line_break_holder] -->top: 0px;<!-- [et_pb_line_break_holder] -->margin-top: 0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.at-visit{<!-- [et_pb_line_break_holder] -->margin-top: 20px;<!-- [et_pb_line_break_holder] -->top:105;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.nav_mobile ul {<!-- [et_pb_line_break_holder] --> list-style: none;<!-- [et_pb_line_break_holder] --> background: linear-gradient(to top, #fff, #eaf0ff);<!-- [et_pb_line_break_holder] --> webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;<!-- [et_pb_line_break_holder] --> -moz-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 7px rgba(0,0,0,.1)!important;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.nav_mobile li {<!-- [et_pb_line_break_holder] --> font-family: 'open sans';<!-- [et_pb_line_break_holder] --> font-size: 14px;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> color:rgba(0,0,0,.6);<!-- [et_pb_line_break_holder] --> line-height: 40px;<!-- [et_pb_line_break_holder] --> text-align: left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.nav_mobile a {<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] --> font-size: 14px;<!-- [et_pb_line_break_holder] --> font-family: 'open sans'<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> color:rgba(0,0,0,.6);<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> padding-left: 15px;<!-- [et_pb_line_break_holder] --> border-bottom: 1px solid #2ea3f2;<!-- [et_pb_line_break_holder] --> transition: .3s background-color;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.nav_mobile a:hover {<!-- [et_pb_line_break_holder] --> text-decoration: none; <!-- [et_pb_line_break_holder] --> color: rgba(0,0,0,.3) !important;<!-- [et_pb_line_break_holder] -->background-color: #32a5f20d;<!-- [et_pb_line_break_holder] -->font-weight:600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.nav_mobile a.active {<!-- [et_pb_line_break_holder] --> background-color: #fff;<!-- [et_pb_line_break_holder] --> color: #2ea3f2;<!-- [et_pb_line_break_holder] --> cursor: default;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Sub Menus */<!-- [et_pb_line_break_holder] -->.nav_mobile li li {<!-- [et_pb_line_break_holder] --> font-size: .8em;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*******************************************<!-- [et_pb_line_break_holder] --> Style menu for larger screens<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> Using 650px (130px each * 5 items), but ems<!-- [et_pb_line_break_holder] --> or other values could be used depending on other factors<!-- [et_pb_line_break_holder] -->********************************************/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media screen and (min-width: 320px) {<!-- [et_pb_line_break_holder] --> .nav_mobile li {<!-- [et_pb_line_break_holder] --> width: 50%;<!-- [et_pb_line_break_holder] --> border-bottom: none;<!-- [et_pb_line_break_holder] --> height: 40px;<!-- [et_pb_line_break_holder] --> line-height: 30px;<!-- [et_pb_line_break_holder] --> font-size: 1.4em;<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> margin-right: -4px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .nav_mobile a {<!-- [et_pb_line_break_holder] --> border-bottom: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .nav_mobile > ul > li {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .nav_mobile > ul > li > a {<!-- [et_pb_line_break_holder] --> padding-left: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> /* Sub Menus */<!-- [et_pb_line_break_holder] --> .nav_mobile li ul {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> width: inherit;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .nav_mobile li:hover ul {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .nav_mobile li ul li {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> </style>