<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>Rotork: Customer Portal Login</title>
    <meta name="description" content="Rotork Rotork Customer Portal Login" />
    <meta name="keywords" content="Rotork Rotor, customer portal, Login" />
    <link rel="shortcut icon" href="http://customers.rotork.com/favicon.ico" />
    <link rel="icon" href="http://customers.rotork.com/favicon.ico" type="image/x-icon" />
    <link type="text/css" media="all" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
        <link type="text/css" media="all" rel="stylesheet" href="/public/frontend/css/styles.css" />
    <script>
        var cb = function() {
            var l = document.createElement('link'); l.rel = 'stylesheet';
            l.href = 'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css';
            var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
        };
        var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame;
        if (raf) {
            raf(cb);
        } else {
            window.addEventListener('load', cb);
        }
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    </head>
<body>

<div class="slide-side">

    <div class="form-inline form-inline-side-search">
        <form method="get" action="/search"> 
            <div class="input-group">
                <input type="text" class="form-control" required 
                placeholder="Search" 
                value="" name="quickSearch" />
                <span class="input-group-btn">
                    <button type="submit" class="btn btn-primary">
                        <i class="fa fa-search"></i>
                    </button>                
                </span>
            </div>
        </form>
    </div>
    
        
    <div class="clear-me"></div>

</div>
<div id="site-wrapper">

<div class="header-outer">
    <div class="container container-main">

    	<div class="header clearfix">

            <div class="col-xs-3 hidden-sm hidden-md hidden-lg">
                <button type="button" id="side-slide" class="navbar-toggle pull-left hidden-print">
                    <i class="fa fa-bars"></i>
                </button>
            </div>

            <div class="col-sm-3 col-xs-6 col-xs-logo">
                <a href="/">
                    <img src="/public/frontend/i/flat-design/logo.svg"
                    alt="Rotork Logo" id="logo" />
                </a>

            	<script>
                if (!document.createElement('svg').getAttributeNS) {
                    document.getElementById('logo').src = 'i/flat-design/logo.gif';
                }
                </script>
            </div>

            <div class="col-xs-3 hidden-sm hidden-md hidden-lg">

            </div>

            <div class="col-sm-9 col-xs-6">

                <div class="header-share-price hidden-xs">
                    &nbsp;
                </div>

                <ul class="header-controls hidden-xs">
                    <li>
                        <a href="/"
                        class="btn btn-default btn-sm" title="Home"><i class="fa fa-home" aria-hidden="true"></i></a>
                    </li>
                                            <li>
                            <a href="/account/login" class="btn btn-default btn-sm"
                            title="Login">
                            <i class="fa fa-sign-in hidden-sm hidden-md hidden-lg"></i>
                            <span class="hidden-xs">Login</span></a>
                        </li>
                                    </ul>

            </div>

    	</div>
	</div>
</div>

<div class="navbar-outer  hidden-xs hidden-print">
    <div class="container container-main">

    	<nav class="navbar navbar-default ">
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-main">
                                    </ul>
            </div>
    	</nav>
    </div>
</div>

<div class="container container-main"><div class="col-xs-12 col-sm-12 col-main">

    <h1>Login</h1>

    <div class="col-main-content-wrapper clear single-column-wrapper">
        <div class="col-sm-6 col-pad-top">
    
    <div class="alert alert-warning hidden-sm hidden-md hidden-lg">
        <i class="fa fa-exclamation-circle"></i> 
        The Rotork Customer Portal has not been optimised for small screen devices.
    </div>
    
	<p>Fields marked <span class="req">&nbsp;</span> are required.</p>

	<form action="/account/login" method="post">
    
		<input type="hidden" name="check" value="1" />
        
        <div class="form-group">
        
            <label for="username">
                Email:
                <span class="req"></span> 
                            </label>
            
            <input type="text" name="username" id="username" class="form-control" 
            value="" />
        
        </div>
        
        <div class="form-group">
        
            <label for="password">
                Password:
                <span class="req"></span> 
                            </label>
            
            <input type="password" name="password" id="password" 
            value="" class="form-control" />
            
            <small>
                <a href="/account/reset-password/"
                title="Forgotten Your Password?">Forgotten Your Password?</a> 
            </small>
            
        </div>
        
        <div class="form-group">
        
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="rememberMe" id="rememberMe"
					value="1" /> 
                    Remember Me
                </label><br />
                <small>By ticking remember me, you are authorising this 
                website to store a cookie on your computer.</small>
            </div>
        
        </div>
        
        <div class="form-group text-right">
            
            <a href="/customers/registration/" 
            title="Register for an account" class="btn btn-default">
                Register for an account
            </a>
            
            <input type="submit" class="btn btn-primary" value="Login" />
            
        </div>
        
	</form>

</div>

<div class="col-sm-6 col-pad-top">

	<h2>Welcome to the Rotork&nbsp;Customer Portal</h2>
<p>Log in or register to access the following Rotork Applications:</p>
<ul>
<li>Electric Actuator Sizing Guide</li>
<li>Manual Gearbox Sizing Guide</li>
<li>Software Downloads</li>
</ul>
</div>

<div class="col-xs-12">

	<div class="alert alert-info">
		
		<h2>Trouble logging in?</h2>
        
		<p>Once you have filled out the Registration form you will be sent 
		an email asking you to click a link to complete your registration.</p>  

		<p><strong>You will not be able to log in until you have clicked 
		this link.</strong></p>

		<p>If you do not receive this email for any reason, please check 
		your Junk Mail folder.</p> 
		
	</div>

</div>    </div>

</div>
</div><!-- //.container -->


<footer class="footer footer-main footer-mini hidden-print">

    <img src="/public/frontend/i/flat-design/k.svg" alt="Rotork" id="footer-k" />

    <div class="container container-main">
        <div class="col-xs-12">

            <div class="row">
                <div class="col-sm-4">

                    <ul class="social-icons clear">
    <li class="social social-linkedin">
        <a href="https://www.linkedin.com/company/rotork/" target="_blank">
            <i class="fa fa-linkedin"></i>
        </a>
    </li>
    <li class="social social-youtube">
        <a href="https://www.youtube.com/user/rotork" target="_blank">
            <i class="fa fa-youtube"></i>
        </a>
    </li>
    <li class="social social-twitter">
        <a href="https://twitter.com/rotork" target="_blank">
            <i class="fa fa-twitter"></i>
        </a>
    </li>
</ul>
                </div>
                <div class="col-sm-8 hidden-xs">
                    
    <ul class="footer-inline-links clear">
                    <li>
                <a href="/index/sitemap" 
                title="Sitemap">
                    Sitemap                </a>
            </li>
                    <li>
                <a href="https://www.rotork.com/en/about-us/privacy" 
                title="Privacy">
                    Privacy                </a>
            </li>
                    <li>
                <a href="http://www.rotork.com/en/about-us/index/termsandconditions" 
                title="Terms &amp; Conditions">
                    Terms & Conditions                </a>
            </li>
                    <li>
                <a href="/account/login" 
                title="Customer Portal">
                    Customer Portal                </a>
            </li>
                    <li>
                <a href="http://www.rotork.com/en/investors/index/modernslaverystatement" 
                title="Modern Slavery Statement">
                    Modern Slavery Statement                </a>
            </li>
            </ul>
            
                </div>
            </div>

            <div class="row">

                <div class="col-sm-6 col-keeping-the-world-flowing">
                    <img src="/public/frontend/i/flat-design/keeping-the-world-flowing.png" alt="Keeping the world flowing"
                    class="img-keeping-the-word-flowing img-responsive" />
                </div>

            </div>

        </div>

    </div>

</footer>

<div class="clear-me"></div>

<div class="copy-footer hidden-print clear">

	&copy; Copyright 2023 Rotork
    <div class="clear-me"></div>

</div>

</div>

<script src="/public/frontend/js/cookie-footer.js"></script>

<script>
$(window).load(
    function()
    {
        // Mobile navigation observer
        $('#side-slide').click(
            function() {

               $('body').toggleClass('slide-active');

               if ($('body').hasClass('slide-active')) {

                    var windowHeight = $(window).height();

                   $('.nav-slide-side-wrapper').height(windowHeight - ($('.form-inline-side-search').outerHeight() + 45));
                   $('#site-wrapper').height(windowHeight);

                   if ($('.nav-slide-side .active').length > 0) {

                       scrollTopTotal = $('.nav-slide-side .active').last().position().top;
                       $('.nav-slide-side-wrapper').scrollTop(scrollTopTotal);

                   } else {

                       scrollTopTotal = 0;
                   }

               } else {
                    $('.nav-slide-side-wrapper').height('');
                    $('#site-wrapper').height('');
               }

            }
        );

        // Site search toggles
        $('.form-search-toggle').click(
            function()
            {
                $(this).closest('.form-search').toggleClass('form-search-open');
            }
        );

        // Misc setups
        smallSetup();
        setSmallScreenNavObservers();
        imgMove();

        // Populate the trail for the mobile nav
        $('.nav-slide-side .active').each(
            function()
            {
                var depth   = $(this).attr('data-depth');
                var pageID  = $(this).attr('data-pageID');
                trail[depth] = [pageID];
            }
        );

        // Hide the k if this browser doesnt support svg's
        if (!document.createElement('svg').getAttributeNS) {
            $('#footer-k').hide();
        }

        // Results auto scroll
        if ($('.table-results').length > 0) {

            var activeLi = $('.tabs .active');

            if (activeLi.length > 0) {
                var elementTop = activeLi.offset().top;
            } else {
            	var elementTop = $('.table-results').offset().top
            }

        	$('html, body').animate({
                scrollTop: elementTop
            }, 500);
        }

    }
);

// Save the original width before any resizing
originalWidth = $(window).width();

window.onresize = function(event) {

    // Is the event is caused by scrolling just return
    if ($(window).width() == originalWidth) {
        return;
    }

    smallSetup();
    imgMove();
};

/**
 * Misc small screen setup/ toggles.
 *
 * @return void
 */
function smallSetup()
{
    if ($('.form-search').length == 0) return;
    if ($('.form-search').hasClass('form-search-fixed')) return;

    if ($(window).width() < 770) {
        $('.form-search').removeClass('form-search-open');
    } else {
        $('.form-search').addClass('form-search-open');
    }
}

/**
 * Moves the porduct image from one col to the other on mobile.
 *
 * @return void
 */
function imgMove()
{
	var src    = $('.col-img-mobile-src');
	var dest   = $('.col-img-mobile-dest');
    var img    = $('.img-side-content-wrapper');

    // If mobile
	if ($(window).width() < 770) {

		img.prependTo(dest);

	} else {

		img.prependTo(src);

	}

}

/**
 * Sets the observers required for the small screen ajax nav
 */
function setSmallScreenNavObservers()
{
	$('.nav-slide-side a').off();

    $('.nav-slide-side a').click(
        function(e)
        {
            var check   = $(this).parent('li').attr('data-pageID');
            var target  = $(this).attr('target');

            if (check == undefined || target == '_blank') {
                return;
            }

        	e.preventDefault();
        	smallScreenNav($(this).parent('li'));
        }
    );
}

// Trail of clicked depths/ pageIDs
trail = new Array();

/**
 * Performs the showing/ hiding of mobile nav links depending
 * the on the passed li (which hasbeen clicked).
 *
 * @return void
 */
function smallScreenNav(li)
{
    var clicked = li.attr('data-clicked');

    // This is the first click, fetch the sub pages
    if (clicked == undefined) {

        var pageID      = parseInt(li.attr('data-pageID'));
        var parentID    = parseInt(li.attr('data-parentID'));
        var currentDepth = parseInt(li.attr('data-depth'));

        // If this depth is already in the trail, we need to close some existing things
        if (trail[currentDepth] != undefined) {

            $.each(trail, function(depth, value) {

                // If the depth is greater than the viewing depth the links
                // just need removing
                if (depth > currentDepth) {

                	var parentLi = $('li[data-pageID="' + value + '"]');
                	parentLi.removeAttr('data-clicked');
                    parentLi.removeClass('active open');

                    // Remove the links under this page
                    var links = $('li[data-parentID="' + value + '"]');
                    links.remove();

                }

                // Depth match
                if (depth == currentDepth) {

                    var parentLi = $('li[data-pageID="' + value + '"]');
                    parentLi.removeAttr('data-clicked');
                    parentLi.removeClass('active open');

                    // Remove the links under this page
                    var links = $('li[data-parentID="' + value + '"]');
                    links.remove();

                }

            });

            if ($('.nav-slide-side .active').length > 0) {
                scrollTopTotal +- $('.nav-slide-side .active').last().position().top;
            } else {
                scrollTopTotal = 0;
            }

        }

        trail[currentDepth] = [pageID];

        li.attr('data-clicked', true);
        li.addClass('active');
        li.addClass('open');

        // Fetch the pages
        $.ajax({
          method: 'GET',
          url: '/en/nav/index/',
          data: { pageID: pageID }
        }).done(function(pages) {

            // If there are links
            if (pages.length > 0) {

                $.each(pages, function(key, page) {

                    var depth = currentDepth + 1;

                    var link = '<li data-pageID="' + page['pageID'] + '" ';
                    link += 'data-parentID="' + pageID + '" ';
                    link += 'data-depth="' + depth + '" class="depth-' + depth + '"';
                    link += 'data-type="dynamic"><span class="control"></span>';
                    link += '<a href="' + page['href'] + '" title="' + page['name'] + '" target="' + page['target'] + '">';
                    link += page['name'] + '</a></li>';

                    var linksWithinGroup = $('li[data-parentID="' + pageID + '"]');

                    // If there are a;ready links with this parent
                    if (linksWithinGroup.length > 0) {

                        $(link).insertAfter(linksWithinGroup.last());

                    } else {// Insert just after the clicked link

                        $(link).insertAfter(li);

                    }

                });

                // Append to the scroll top
                var top = li.first().position().top;
                scrollTopTotal += top;

                $('.nav-slide-side-wrapper').animate({
                    scrollTop: scrollTopTotal
                }, 300);

                // Reset the observers for the new links
                setSmallScreenNavObservers();

            } else {// No links, go to the page

                window.location = $('a', li).attr('href');

            }

        });

    } else {// This is the second click, navigate to the page

        window.location = $('a', li).attr('href');

    }

}
</script>

</body>
</html>
