<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%##@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%#(((#%%%@@@@@@@@@@@@@@@@@@.      .@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@@@@,                    ./@@@@@@@@@@/        ,@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@.                            .#@@@@@@@        %@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@*            .*(####(/,.           *@@@@@\*....*/@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@         ,@@@@@@@@@@@@@@@@@@@@(.        (@@@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@.       *@@@@@@@@@@@@@@@@@@@@@@@@@@(        @@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@*       %@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@/      ,@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@.      (@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%      .@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@*     .@@@@@@@@@@@@@@/        .#@@@@@@@@@@@@@@*      @@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@*     .@@@@@@@@@@@@@@            (@@@@@@@@@@@@@%      @@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@%      @@@@@@@@@@@@@@(            .@@@@@@@@@@@@@@(     #@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@.     %@@@@@@@@@@@@@@%            .@@@@@@@@@@@@@@@      @@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@%     .@@@@@@@@@@@@@@@(            ,@@@@@@@@@@@@@@@/     %@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@(     /@@@@@@@@@@@@@@@@            %@@@@@@@@@@@@@@@%     /@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@/     (@@@@@@@@@@@@@@@@%          ,@@@@@@@@@@@@@@@@@     *@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@(     /@@@@@@@@@@@@@@@@@@         @@@@@@@@@@@@@@@@@%     /@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@%     .@@@@@@@@@@@@@@@@%%%*/#@#\*#@@@@@@@@@@@@@@@@@/     %@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@.     #@@@@@@@@@@@/.                ./@@@@@@@@@@@@     .@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@:      @@@@@@@@@.                        @@@@@@@@       @@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@/      @@@@@@@,                         *@@@@@@       /@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@,     .@@@@@@                           @@@@@/      @@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@,      /@@@@/                         /@@@%      .@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@/       #@@#                         #@@,      *@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@.       (@@(                    *@@%.       @@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@         .%@@@%(,......*(%@@@@/         #@@@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@.           .*#%%%%%%#/,           .@@@@@@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@,                            ,%@@@@@@@@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@@@%*                    .#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(/*****/#%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@----- www.influgramer.com -----@@@@@@@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@// -->

<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@--@@@@@@@@@@@@@@@@     >>>>>   WE WANT YOU   <<<<<       @@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@-----@@@@@@@@@@@@@                                       @@@@@@@@@@@@// -->
<!-- //@@@@---------------@@@@@@@@@@  IF YOU ARE A DEVELOPER AND YOU WANT  @@@@@@@@@@@@// -->
<!-- //@@@@------------------@@@@@@@  TO COLLABORATE WITH INFLUGRAMER.COM  @@@@@@@@@@@@// -->
<!-- //@@@@---------------@@@@@@@@@@  PLEASE SEND YOUR CURRICULUM TO:      @@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@-----@@@@@@@@@@@@@                                       @@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@--@@@@@@@@@@@@@@@@      developers@influgramer.com       @@@@@@@@@@@@// -->
<!-- //@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@// -->

<!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">

    <!-- begin: output of page title -->
    <title>Agency Access | Influgramer</title>
    <!-- end: output of page title -->

    <!-- begin: output of standard page headers -->
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <!-- end: output of standard page headers -->

    <!-- begin: Google multi-language i18n links system -->
                <!-- end: Google multi-language i18n links system -->

    <!-- begin: output of CSRF tags for form validation -->
    <meta name="csrf-param" content="_csrf">
    <meta name="csrf-token" content="saCzNOXSVPRMt2dN93R2Y8oSStPIhs3Bq6m3YH83lDLz18Zbh-o9mgeHFQjPBEYS8mAPivrCq6CT2oQtKQTiZA==">
    <!-- end: output of CSRF tags for form validation -->

    <!-- begin: output of social networks (facebook, instagram) headers and custom page headers -->
        <!-- end: output of social networks (facebook, instagram) headers and custom page headers -->

    <!-- TEMP SOCIAL META HEADERS -->
    
    <link href="/css/site.css?v=1519841113" rel="stylesheet">
    <!-- begin: influgramer favicon -->
    <link rel="icon" href="/favicon.ico?v=7.5.9" type="image/x-icon">
    <link rel="icon" href="/favicon.png?v=7.5.9" type="image/png">
    <link rel="shortcut icon" href="/favicon.ico?v=7.5.9" type="image/x-icon">
    <link rel="shortcut icon" href="/favicon.png?v=7.5.9" type="image/png">
    <!-- end: influgramer favicon -->
    
    <!-- begin: influgramer common css styles -->
    
<!-- BOOTSTRAP CSS -->
<link rel="stylesheet" href="/theme/css/plugins/bootstrap.min.css">

<!-- FONT ICONS -->
<link rel="stylesheet" href="/theme/css/icons/iconfont.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 
<!-- GOOGLE FONTS -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic" rel="stylesheet" type="text/css">

<!-- PLUGINS STYLESHEET -->
<link rel="stylesheet" href="/theme/css/plugins/magnific-popup.css">
<link rel="stylesheet" href="/theme/css/plugins/owl.carousel.css">
<link rel="stylesheet" href="/theme/css/plugins/loaders.css">
<link rel="stylesheet" href="/theme/css/plugins/animate.css">
<link rel="stylesheet" href="/theme/css/plugins/pickadate-default.css">
<link rel="stylesheet" href="/theme/css/plugins/pickadate-default.date.css">

<link rel="stylesheet" href="/theme/jquery-ui/jquery-ui.min.css">
<link rel="stylesheet" href="/theme/jquery-ui/jquery-ui.structure.min.css">
<link rel="stylesheet" href="/theme/jquery-ui/jquery-ui.theme.min.css">

<!-- TEMPLATE STYLESHEET -->
<link rel="stylesheet" href="/theme/css/template.css?v=7.5.9">
<!-- RESPONSIVE FIXES -->
<link rel="stylesheet" href="/theme/css/responsive.css?v=7.5.9">

<!-- GLOBAL STYLESHEET -->
<link rel="stylesheet" href="/theme/css/global.css?v=7.5.9">

<!-- INFLUGRAMER STYLESHEETS -->
<link rel="stylesheet" href="/theme/css/influgramer-theme-main.css?v=7.5.9">
<link rel="stylesheet" href="/theme/css/influgramer-theme-fonts.css?v=7.5.9">
<link rel="stylesheet" href="/theme/css/influgramer-theme-colors.css?v=7.5.9">
<link rel="stylesheet" href="/theme/css/influgramer-theme-components.css?v=7.5.9">
<link rel="stylesheet" href="/theme/css/influgramer-theme-animations.css?v=7.5.9">
<!------>
<link rel="stylesheet" href="/theme/css/influgramer-layout-minimal.css?v=7.5.9">
<link rel="stylesheet" href="/theme/css/influgramer-layout-app.css?v=7.5.9">

<!-- PROINPUT STYLESHEET -->
<link rel="stylesheet" href="/theme/css/proinput.css?v=7.5.9">    <!-- end: influgramer common css styles -->
    
    <!-- begin: influgramer import important styles and scripts -->
    <style type="text/css">

/*-- begin: hide back to top button --*/
.top{ display: none; }
/*-- end: hide back to top button --*/

/*-- begin: hide elements inAppBrowser --*/
/*-- end: hide elements inAppBrowser --*/

</style>    <script type="text/javascript">
	
//begin: define regular expression library
const RegExpLib = 
{
	//: web/social strings
	website: /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,}(:[0-9]{1,5})?(\/.*)?$/gm,  //: 2 or more chars in domain
	//website: /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/gm, //: 2 to 5 chars in domain
	instagram: /^@{0,1}[a-zA-Z0-9._]+$/,
	email: /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/,

	//: business/fiscal strings
	vat: /^[a-zA-Z0-9.-]+$/,
	codfisc: /^[a-zA-Z0-9]+$/,
	pec: /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/,
}
//end: define regular expression library

//begin: define validation library
function emptyString(variable){
	if(typeof variable=='string') variable=variable.trim();
	return (variable===null || variable==='');
}
//end: define validation library
</script>    <!-- end: influgramer import important styles and scripts -->
</head>

<body data-spy="scroll" data-target="#main-navbar">
  

    <!-- Google Analytics -->
<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-113126413-1', 'auto');
    ga('set', 'anonymizeIp', true);
    ga('send', 'pageview');
</script>

<!-- Global site tag (gtag.js) - Google AdWords: 846291010 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-846291010"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-846291010');
</script>


<!-- Hotjar Tracking Code for www.influgramer.com -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:839890,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
    <div class="main-container" id="page">

        <!-- COOKIE BANNER -->
        
<style type="text/css">
    #cookiebanner
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #cookiebanner .cookie-disclamer
    {
        font-size: 14px;
    	line-height: 12px;
    	float: left;
    	width: calc(100% - 70px);
        padding-top: 5px;
    }
    #cookiebanner .cookie-actions
    {
        float: left;
        width: 70px;
        padding-top: 3px;
    }
    #cookiebanner .cookie-actions .terms{ color: #008fd0; }
    #cookiebanner .cookie-actions .decline{ color: #ff0000; }
    #cookiebanner .cookie-actions .accept{ color: #00ff00; }
    #cookiebanner .cookie-actions a
    {
    	cursor: pointer;
    }
    #cookiebanner .cookie-actions a i.fa
    {
    	text-align: center;
	    background-color: #fff;
	    border-radius: 50px;
	    line-height: 18px;
    	font-size: 22px;
    }
	@media (max-width: 991px)
	{
	    #cookiebanner .cookie-disclamer
	    {
	        font-size: 14px;
	     	padding-top: 0px;
	    }
	}
	@media (max-width: 767px)
	{
	    #cookiebanner .cookie-disclamer
	    {
	        font-size: 10px;
	     	padding-top: 0px;
	    }
	}
</style>
<header id="cookiebanner" class="bg-dark text-white">
    <div class="container">
        <div class="cookie-disclamer">To offer you the best possible service we use cookies. By continuing to browse the site you authorize its use.</div>
        <div class="cookie-actions">
        	<a target="_blank" class="terms" href="/legal-notes"><i class="fa fa-info-circle"></i></a>
        	<a target="_blank" class="decline" onclick="hideCookieBanner();"><i class="fa fa-times-circle"></i></a>
        	<a target="_blank" class="accept" onclick="hideCookieBanner();"><i class="fa fa-check-circle"></i></a>
        </div>
    </div>
</header>
<script>
    function hideCookieBanner()
    {
        var scadenza = new Date();
        var adesso = new Date();
        scadenza.setTime(adesso.getTime() + (1000 * 60 * 60 * 24 * 365)); //getTime returns current time in milliseconds
        document.cookie = 'CookiePermiss' + '=YES; expires=' + scadenza.toGMTString() + '; domain=.influgramer.com; path=/';

        $('#cookiebanner').hide();
    }
</script>

        <!-- =========================
            HEADER 
        ============================== -->
        <header id="nav2-3">
            
            <nav class="navbar double-menu" id="main-navbar">
            <!-- navbar fixed on top: -->
            <!--  
                <nav class="navbar navbar-fixed-top" id="main-navbar" role="navigation">
            -->
            <!-- navbar static: -->
            <!--
                <nav class="navbar navbar-static-top" id="main-navbar" role="navigation">
            -->
            <!-- background transparent: -->
            <!--
                <nav class="navbar navbar-fixed-top bg-transparent" id="main-navbar" role="navigation">
            -->
                
                <div class="container">
                    
                    <!-- begin: Navbar-Header for desktop -->
                    <div class="navbar-header navbar-desktop">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        
                        <!-- Image Logo -->
                        <!-- recommended sizes:
                                width: 150px;
                                height: 35px;
                        -->
                        <a href="/" class="navbar-brand">
                        	<img src="/theme/images/logo/influgramer_logo_icon_light.png" alt="logo">
                        </a>
                        <!-- Image Logo For Background Transparent -->
                        <!--
                            <a href="#" class="navbar-brand logo-black"><img src="images/logo-black.png" alt="logo" /></a>
                            <a href="#" class="navbar-brand logo-white"><img src="images/logo-white.png" alt="logo" /></a> 
                        -->
                    </div>
                    <!-- end: Navbar-Header for desktop -->
                    <!-- begin: Navbar-Header for mobile -->
                    <div class="navbar-header navbar-mobile" style="text-align: center;">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        
                        <a class="navbar-brand navbar-influgramer-logo-login login-popup"><img src="/theme/images/logo/influgramer_logo_circle_light.png" alt="logo"></a>

                        <a href="/" class="navbar-brand navbar-influgramer-logo-main"><img src="/theme/images/logo/influgramer_logo_light.png" alt="logo"></a>
                    </div>
                    <!-- end: Navbar-Header for mobile -->


                    <!-- begin: Navbar Desktop -->
                    <div class="navbar-desktop">
                        <ul class="nav navbar-nav navbar-right">

                            <li><a href="/" class="">
                                <i class="fa fa-fw fa-home"></i> Home
                            </a></li>

                            <li><a href="/#access-menu-influencer-desktop" data-target="#access-menu-influencer-desktop" class="acces-menu-anchor-desktop">
                                <span class="menu-svg-icon"><img src="/theme/images/icons/icon-menu-influencer.svg"></span>
                                CREATOR<!-- I'm an Influencer -->
                            </a></li>
                                                        <li><a href="//homepage" class="acces-menu-anchor-desktop">
                                <span class="menu-svg-icon"><img src="/theme/images/icons/icon-menu-brand.svg"></span>
                                BRAND<!-- I'm a Brand -->
                            </a></li>
                            <li><a href="/#access-menu-agency-desktop" data-target="#access-menu-agency-desktop" class="acces-menu-anchor-desktop">
                                <span class="menu-svg-icon"><img src="/theme/images/icons/icon-menu-agency.svg"></span>
                                AGENZIA<!-- I'm an Agency -->
                            </a></li>

                        </ul>
                    </div>
                    <!-- end: Navbar Desktop -->

                    <!-- begin: Navbar Mobile -->
                    <div class="navbar-mobile collapse navbar-collapse" id="navbar-collapse">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="/" class="">
                                <i class="fa fa-fw fa-home"></i> Home
                            </a></li>

                            <li><a href="/#access-menu-influencer-mobile" data-target="#access-menu-influencer-mobile" class="acces-menu-anchor-mobile">
                                <span class="menu-svg-icon"><img src="/theme/images/icons/icon-menu-influencer.svg"></span>
                                CREATOR<!-- I'm an Influencer -->
                            </a></li>
                                                        <li><a href="//homepage" class="acces-menu-anchor-mobile">
                                <span class="menu-svg-icon"><img src="/theme/images/icons/icon-menu-brand.svg"></span>
                                BRAND<!-- I'm a Brand -->
                            </a></li>
                            <li><a href="/#access-menu-agency-mobile" data-target="#access-menu-agency-mobile" class="acces-menu-anchor-mobile">
                                <span class="menu-svg-icon"><img src="/theme/images/icons/icon-menu-agency.svg"></span>
                                AGENZIA<!-- I'm an Agency -->
                            </a></li>

                                                                                    
                            <li><a href="//faq" class="">
                                <span class="menu-svg-icon"><img src="/theme/images/icons/icon-menu-faq.svg"></span>
                                FAQ<!-- FAQ -->
                            </a></li>
                        </ul>
                    </div>
                    <!-- end: Navbar Mobile -->

                </div><!-- /End Container -->
            </nav><!-- /End Navbar -->
        </header>

        
        <!-- begin: back to agency action -->
                <!-- end: back to agency action -->

        
<!-- =========================
    SEPARATOR HEADER TEXT
============================== -->
<section class="p-y cta bg-edit bg-multicolor-gradient">
    <div class="container">
        <div class="row">
            <p class="separator-header-text text-upper">
                ACCESS TO YOUR AGENCY ACCOUNT<!-- ACCESS TO YOUR AGENCY ACCOUNT -->
            </p>
        </div>
    </div>
</section>


<!-- =========================
    LOGIN SECTION
============================== -->
<section id="Influgramer_InfluencerRegistration_step0" class="p-y cta bg-edit">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2 text-center">
                <p class="btn-mainlight-label">Do you already have an account? Please login</p>
                
                <form id="w0" action="/agency/login" method="POST">
<input type="hidden" name="_csrf" value="saCzNOXSVPRMt2dN93R2Y8oSStPIhs3Bq6m3YH83lDLz18Zbh-o9mgeHFQjPBEYS8mAPivrCq6CT2oQtKQTiZA==">
                    <div class="Influgramer_IconInput_left">
                        <i class="fa fa-fw fa-envelope"></i>
                        <input type="text" name="AgencyLogin_form[email]" placeholder="EMAIL" required>
                        <div class="clearfix"></div>
                    </div>
                    <div class="Influgramer_IconInput_left">
                        <i class="fa fa-fw fa-lock"></i>
                        <input type="password" name="AgencyLogin_form[password]" placeholder="PASSWORD" required>
                        <div class="clearfix"></div>
                    </div>

                    <a href="/agency/password-reset">I forgot my password</a>
                    <br><br>
                    <button type="submit" class="btn btn-mainlight btn-sm"><i class="fa fa-user-o"></i> LOGIN</button>

                </form>
                </form>
            </div>
        </div>
    </div>
</section>

<!-- =========================
    SEPARATOR HEADER LINE
============================== -->
<section class="bg-multicolor-gradient separator-header-line tiny"></section>


        <!-- begin: Footer section -->
        
<style type="text/css">
    #footer-language-switch .language-switch-item
    {
        display: inline-block;
        width: 40px;
        margin: 5px;
    }
    #footer-language-switch .language-switch-item img
    {
        display: block;
        width: 100%;
        background-color: #fff;
        border: 2px solid #fff;
        border-radius: 100px;
        cursor: pointer;
    }
</style>
<footer id="influgramer-page-footer" class="p-y-md footer f4 bg-edit bg-black">
    <div class="container">
        <div class="row c3">
            <!-- Logo -->
            <div class="col-sm-3 col-xs-12 center-sm">
                <img src="/theme/images/logo/influgramer_logo_dark.png" style="height: 35px;" alt="">
                <div class="footer-desc">
                    <p class="m-t">
                        <a target="_blank" href="/privacy-policy"><i class="fa fa-fw fa-file-text-o"></i> Privacy Policy<!-- Privacy Policy --></a>
                        <br>
                        <a target="_blank" href="/cookie-policy"><i class="fa fa-fw fa-file-text-o"></i> Cookie Policy<!-- Cookie Policy --></a>
                        <br>
                        <a target="_blank" href="/terms-of-use"><i class="fa fa-fw fa-file-text-o"></i> Terms of Use<!-- Terms of Use --></a>
                    </p>
                    <p class="m-t" style="font-weight: 400;">v7.5.9</p>
                </div>
            </div>
            <!-- Content -->
            <div class="col-sm-5 col-xs-12">
                <div class="footer-desc">
                    <p class="m-t text-white">Copyright © 2024 Influgramer</p>
                    <p  class="m-t" style="font-weight: 400;"><b>Influgramer.com srls</b></p>
                    <p style="font-weight: 400;">Via San Cristoforo 44, 21047 Saronno (VA), Italia</p>
                    <p style="font-weight: 400;">P.IVA: IT-03657540120</p>
                    <p style="font-weight: 400;">N.REA: VA-369351</p>
                    <p style="font-weight: 400;">Cap. Soc. I.V. € 1.000,00</p>
                    <!--<p style="font-weight: 400;">mail@pec.influgramer.it</p>-->
                                    </div>
            </div>
            <!-- Social Link -->
            <div class="col-sm-4 col-xs-12">
                <div id="footer-language-switch">
                    <!-- EN -->
                    <div class="language-switch-item" data-nation="US" data-language="en"><img src="/theme/images/flags/US.svg"></div>
                    <div class="language-switch-item" data-nation="UK" data-language="en"><img src="/theme/images/flags/UK.svg"></div>
                    <!-- IT -->
                    <div class="language-switch-item" data-nation="IT" data-language="it"><img src="/theme/images/flags/IT.svg"></div>
                    <!-- PT -->
                    <div class="language-switch-item" data-nation="BR" data-language="pt"><img src="/theme/images/flags/BR.svg"></div>
                    <!-- Others -->
                    <div class="language-switch-item" data-nation="HK" data-language="en"><img src="/theme/images/flags/HK.svg"></div>
                </div>
                                            </div>

            <div class="clearfix"></div>
            <hr style="border-top: 1px solid #69696E;">

            <div class="col-xs-12">
                <p class="m-t" style="font-weight: 400;">
                    <i></i><!-- This portal uses the Instagram APIs to process influence statistics. The portal does not receive login data for users' Instagram profile (see <a target="_blank" href="{{link}}">oauth</a>). Influgramer is not part of Instagram and is not approved, sponsored or certified by this. -->
                </p>
            </div>
        </div><!-- /End Row -->
    </div><!-- /End Container -->
    <div class="trim-mobile-bar"></div>

</footer>        <!-- end: Footer section -->

        <!-- begin: Facebook Chat section -->
                <!-- end: Facebook Chat section -->

        
<style type="text/css">
    #modalpopup_login .modal-dialog .modal-content .modal-body .close
    {
        font-size: 46px;
    }
    #modalpopup_login .modal-body-content .content-wrapper
    {
        display: block;
        width: 100%;
    }
    #modalpopup_login .modal-body-content .content-text
    {
        padding: 30px 0px;
        text-align: center;
        color: #fff;
        font-weight: bold;
    }
    #modalpopup_login .modal-body-content .content-text p
    {
        font-size: 20px;
        line-height: 26px;
    }
    #modalpopup_login .modal-body-content .content-action
    {
        text-align: center;
    }
    #modalpopup_login .modal-body-content .content-action a
    {
        display: block;
        max-width: 250px;
        margin: 0px auto;
        margin-bottom: 15px;
        text-align: center;
        padding: 0px;
        background-color: #fff;
        /*border: 2px solid #008fd0;*/
        border: 2px solid #fff;
        border-radius: 50px;
    }
    #modalpopup_login .modal-body-content .content-action a img
    {
        max-width: 160px;
    }
</style>

<div class="container">
    <div class="modal fade" id="modalpopup_login" role="dialog" data-backdrop="false">
        <div class="modal-dialog">
            <div class="modal-content" style="background-color: rgba(0, 0, 0, 0.7); border-radius: 12px;">
                <div class="modal-body">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <div class="modal-body-content">
                        
                        <div class="content-wrapper">
                            <div class="content-text">
                                <p class="text-center">LOGIN<!-- LOGIN TO YOUR PROFILE --></p>
                            </div>
                            <div class="content-action">
                                
                                                                <a href="//influencer/login">
                                    <img src="/theme/images/icons/influgramer-accounts-influencer.png">
                                </a>
                                <a href="/brand/login">
                                    <img src="/theme/images/icons/influgramer-accounts-brand.png">
                                </a>
                                <a href="/agency/login">
                                    <img src="/theme/images/icons/influgramer-accounts-agency.png">
                                </a>

                            </div>
                        </div>

                    </div>
                </div>
            </div>          
        </div>
    </div>
</div>
<div style="display: none;">
	<button id="modalpopup_login_btn" data-toggle="modal" data-target="#modalpopup_login">MODAL</button>
</div>


    </div><!-- /End Main Container -->

    <!-- Back to Top Button -->
    <a href="#" class="top">Top</a>

    <!-- =========================
       COMMON SCRIPTS 
    ============================== -->
    
<script type="text/javascript">
	var APP_BASE_URL = '';

	function htmlspecialchars(str)
	{
		if(typeof(str) == "string")
		{
			str = str.replace(/&/g, "&amp;"); /* must do &amp; first */
			str = str.replace(/"/g, "&quot;");
			str = str.replace(/'/g, "&#039;");
			str = str.replace(/</g, "&lt;");
			str = str.replace(/>/g, "&gt;");
		}
		return str;
	}

	var formatDateTime = function(time, format)
	{
		time = typeof time == 'number' ? new Date(time) : time;
		format = format || 'yyyy-mm-dd hh:MM:ss';
		var year = time.getFullYear();
		var month = time.getMonth() + 1;
		var date = time.getDate();
		var hours = time.getHours();
		var minutes = time.getMinutes();
		var seconds = time.getSeconds();

		var add0 = function(t){return t < 10 ? '0' + t : t}
		var replaceMent = 
	    {
	    	'yyyy': year,
	    	'mm': add0(month),
	    	'm': month,
	    	'dd': add0(date),
	    	'd': date,
	    	'hh': add0(hours),
	    	'h': hours,
	    	'MM': add0(minutes),
	    	'M': minutes,
	    	'ss': add0(seconds),
	    	's': seconds
		}
		for(var k in replaceMent)
	    {
	    	format = format.replace(k, replaceMent[k]);
		}
		return format;
	}

	//begin: cookies functions
	function getCookie(name)
    {
        var value = "; "+document.cookie;
        var parts = value.split("; "+name+"=");
        if(parts.length == 2) return parts.pop().split(";").shift();
        return null;
    }
    function setCookie(name,value,days)
    {
        var expires = "";
        if(days)
        {
            var date = new Date();
            date.setTime(date.getTime()+(1000*60*60*24*days));
            expires = '; expires='+date.toUTCString();
        }
        var cookie = name+'='+(value || '')+expires+'; domain=.influgramer.com; path=/';
        //var cookie = name+'='+(value || '')+expires+'; domain=.influgramer.com; path=/';
        document.cookie = cookie;
    }
    //end: cookies functions
</script>

<!-- Default Theme Scripts -->
<script src="/theme/js/plugins/jquery1.11.2.min.js"></script>
<script src="/theme/jquery-ui/jquery-ui.min.js"></script>
<script src="/theme/js/plugins/bootstrap.min.js"></script>
<script src="/theme/js/plugins/jquery.easing.1.3.min.js"></script>
<script src="/theme/js/plugins/jquery.countTo.js"></script>
<script src="/theme/js/plugins/jquery.jCounter-0.1.4.js"></script>
<script src="/theme/js/plugins/jquery.magnific-popup.min.js"></script>
<script src="/theme/js/plugins/jquery.vide.min.js"></script>
<script src="/theme/js/plugins/owl.carousel.min.js"></script>
<script src="/theme/js/plugins/spectragram.min.js"></script>
<script src="/theme/js/plugins/wow.min.js"></script>
<script src="/theme/js/plugins/picker.js"></script>
<script src="/theme/js/plugins/picker.date.js"></script>
<!-- Toastr Notifications -->
<script src="/theme/notifications/toastr/toastr.min.js"></script>
<!-- Theme Script -->
<script src="/theme/js/theme.js?v=7.5.9"></script>
<!-- Influgramer Script -->
<script src="/theme/js/influgramer-theme-main.js?v=7.5.9"></script>
<script src="/theme/js/influgramer-theme-components.js?v=7.5.9"></script>
<script src="/theme/js/influgramer-theme-animations.js?v=7.5.9"></script>
<script src="/theme/js/proinput.js?v=7.5.9"></script>
<script src="/theme/js/fullscreen.js?v=7.5.9"></script>

<script type="text/javascript">
	$(document).ready(function()
    {
    	$('#footer-language-switch .language-switch-item').click(function()
    	{
    		var i18n_prefix = '';
    		var i18n_base_url = '/';
    		var language = $(this).attr('data-language');
    		var nation = $(this).attr('data-nation');
    		var scadenza = new Date();
	        var adesso = new Date();
	        scadenza.setTime(adesso.getTime() + (1000 * 60 * 60 * 24 * 365)); //getTime returns current time in milliseconds

	        //set cookie for internal language
	        document.cookie = 'Language='+language+'; expires='+scadenza.toGMTString()+'; domain=.influgramer.com; path=/';

	      	//set cookies for internationalization
	        document.cookie = 'i18nL='+language+'; expires='+scadenza.toGMTString()+'; domain=.influgramer.com; path=/';
	        document.cookie = 'i18nN='+nation+'; expires='+scadenza.toGMTString()+'; domain=.influgramer.com; path=/';

	        $.get("/account/ajax/change-language");

	        var current_url = window.location.href;
	        if(current_url.indexOf("en.influgramer.com") >= 0)
	        {
	        	var redirect_url = current_url.replace("en.influgramer.com", "www.influgramer.com");
	        	redirect_url = redirect_url.replace(i18n_prefix, language+'-'+nation);
	        	window.location.href = redirect_url;
	        }
	        else if(current_url.indexOf("it.influgramer.com") >= 0)
	        {
	        	var redirect_url = current_url.replace("it.influgramer.com", "www.influgramer.com");
	        	redirect_url = redirect_url.replace(i18n_prefix, language+'-'+nation);
	        	window.location.href = redirect_url;
	        }
	        else if(current_url.indexOf(i18n_prefix) >= 0)
	        {
	        	var redirect_url = current_url.replace(i18n_prefix, language+'-'+nation);
	        	window.location.href = redirect_url;
	        }
	        else
	        {
	        	location.reload();
	        }	        
		});

		var timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
		var scadenza = new Date();
        var adesso = new Date();
        scadenza.setTime(adesso.getTime() + (1000 * 60 * 60 * 24 * 365)); //getTime returns current time in milliseconds
        document.cookie = 'Timezone='+timezone+'; expires='+scadenza.toGMTString()+'; domain=.influgramer.com; path=/';
    });    
</script>
    
    <script type="text/javascript">
        var interval_identifier = null;

        function dynamic_initLayout()
        {
            //- Init Layout
            //INIT-LAYOUT-PROCEDURE

            //- Init Pagina
            if(typeof dynamic_initPage === "function") dynamic_initPage();
        }
        function dynamic_updateLayout()
        {
            //- Update Layout
            //UPDATE-LAYOUT-PROCEDURE

            //- Update Pagina
            if(typeof dynamic_updatePage === "function") dynamic_updatePage();
        }

        $(document).ready(function()
        {
            dynamic_initLayout();
            /*interval_identifier = setInterval(dynamic_updateLayout, 500);

            $('#btn_logout').click(function()
            {
                if(interval_identifier != null)
                    clearInterval(interval_identifier);
            });*/
        });
    </script>

<script src="/assets/1e338daaa85cf0f0580bfe2020414b56441b80b8/yii.js?v=1541695883"></script>
<script type="text/javascript">
    //- CALLED FROM LAYOUT: onInit
    function dynamic_initPage()
    {
    	//PROCEDURE
    }

    //- CALLED FROM LAYOUT: onUpdate
    /*function dynamic_updatePage()
    {
    	//PROCEDURE
    }*/


        $(document).ready(function()
        {
            $(document).scroll(function() 
            {
				hideCookieBanner();
			});
        });
    

    $(document).ready(function()
    {
        $('.login-popup').click(function(event)
		{
            $('#modalpopup_login_btn').click();
			event.preventDefault();
		});
    });

</script></body>
</html>