<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title>Club Raier</title>

    <meta name="description" content="Club Raier" />
    <meta name="keywords" content="" />
    <meta name="author" content="ThemeToast" />

    <!-- Mobile specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Apple Touch Icons -->
    <link rel="apple-touch-icon" sizes="144x144" href="images/icons/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/icons/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/icons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" href="images/icons/apple-touch-icon.png">

    <!-- Favicon -->
    <link rel="shortcut icon" href="">

    <!-- Google fonts -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat:400,700">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic">

    <!-- Stylesheets -->
    <link href="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/css/jquery-ui.css" rel="stylesheet">
    <link href="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/css/bootstrap.css" rel="stylesheet">
    <link href="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/css/font-awesome.min.css" rel="stylesheet">
    <link href="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/css/owl.carousel.css" rel="stylesheet">
    <link href="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/css/animate.css" rel="stylesheet">
    <link href="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/css/global.css" rel="stylesheet">
    <link href="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/css/ics_front_end.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    <style>
        
                    body{
                      background-color : #2572c4 !important;
                    }

                         .overlay{
            background: rgba(0,0,0,0.4) url(http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/images/patterns/pattern_1.png) repeat;        }
		.overlay-top-left, .overlay-top-right, .special-overlay{
			background: rgba(0,0,0,0.4) url(http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/images/patterns/pattern_1.png) repeat;		}
            </style>
    <script>
        var subscribe_msg = 'You have been subscribed.';
        var send_msg_succes = 'Your message has been sent.';
        var subscribe_type = 'email_list';
        var mailchimp_api = '';
        var mailchimp_id_list = '';
        var nav_effect = 'fadeIn';
    </script>
</head>
<body class="ics-layout-1">

    <!-- Begin preloader -->
    <div id="preloader"><div id="status">
        <div id="circleG">
            <div id="circleG_1" class="circleG"></div>
            <div id="circleG_2" class="circleG"></div>
            <div id="circleG_3" class="circleG"></div>
        </div></div>
    </div>
    <!-- End preloader -->


    <div class="overlay"></div><!-- /.overlay -->
	    <div class="wrap">
        <div class="container-full">
        
                    <div class="row">
                <header role="banner">
                    <div class="col-xs-6 col-sm-4">
                        <a href="javascript:void(0)" class="site-logo">
                            <img src="http://www.raier.org/wp-content/uploads/2016/03/logo.png" alt="Logo"  style="max-height: 130px;" class="img-responsive" />                        </a><!-- /.site-logo -->
                    </div>
                    <div class="col-xs-6 col-sm-8">
                        <div class="nav-container">
                            <div class="nav-toggle"><i class="fa-ics fa-bars-ics"></i></div>
                            <nav role="navigation">
                                <ul role="menu">
                                                                                                                                            </ul>
                            </nav>
                        </div><!-- /.nav-container -->
                    </div>
                </header>
                <div class="clearfix"></div>
            </div>
            <div class="content-holder">
                <main role="main" class="clearfix">
                    <div class="row">
                        <div class="col-md-5 col-lg-5 col-bordered">
                            <div class="tag-line">
                                <h1 class="hm-1">CLUB</h1>
                                <h2 class="hm-2">RAIER</h2>
                                <h2 class="hm-3">MOLT AVIAT DISPONIBLE</h2>
                                <h3 class="hm-4">NO ET PERDIS L'ESTRENA!</h3>
                            </div><!-- /.tag-line -->
                            
                            <!-- Modal starts -->
                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title">More info</h4>
                                        </div>
                                        <div class="modal-body">
                                            <p>
                                                Praesent faucibus iaculis nulla, vel placerat dui commodo in. Suspendisse potenti. Fusce dignissim id diam ut imperdiet. Duis venenatis turpis nibh. Mauris egestas turpis in elit vestibulum, nec pretium tortor scelerisque. Mauris non mauris et leo tempor sodales.
<h4>Extra content</h4>
Morbi quis erat bibendum quam iaculis faucibus. Quisque ornare varius nunc. Nunc interdum nisi non ante bibendum facilisis.Vestibulum ullamcorper, tortor dictum <a href="file:///C:/Users/Developer4/Desktop/Transient/MAIN/HTML/Static%20-%20Copy/index.html#">semper adipiscing</a>, dui mauris vestibulum turpis, at dignissim lectus erat eu nibh. Aenean sit amet laoreet mi.Praesent faucibus iaculis nulla, vel placerat dui commodo in. Suspendisse potenti. Fusce dignissim id diam ut imperdiet. Duis venenatis turpis nibh. Mauris egestas turpis in elit vestibulum, nec pretium tortor scelerisque. Mauris non mauris et leo tempor sodales.                                            </p>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <!-- Modal ends -->
                   </div>
                    <div class="col-md-7">
                        <div class="page-panels">
                            <!-- Home panel starts -->
                            <section class="pnl-1">
                                <div class="countdown">
                                                                        <input class="knob days"  data-readOnly="true" data-insidelabel="Dies" data-width="150" data-angleOffset="180" data-fgColor="#fff" data-skin="tron" data-thickness=".1" value="">
    									<input class="knob hours" data-max="24" data-readOnly="true" data-insidelabel="Hores"  data-width="150" data-angleOffset="180" data-fgColor="#fff" data-skin="tron" data-thickness=".1" value="">
                                        <input class="knob minutes" data-max="60" data-readOnly="true" data-insidelabel="Minuts" data-width="150" data-angleOffset="180" data-fgColor="#fff" data-skin="tron" data-thickness=".1" value="">
    									<input class="knob second" data-max="60" data-readOnly="true" data-insidelabel="Segons" data-width="150" data-angleOffset="180" data-fgColor="#fff" data-skin="tron" data-thickness=".1" value="">
                                                                    </div>
                            </section>
                            <!-- Home panel ends -->
							                            <!-- Contact panel ends -->
                        </div>
                    </div>
                    </div>
                </main>
            </div>
        </div>
    </div>
    <!-- Footer starts -->
    <footer role="contentinfo">
        <div class="footer-bg"></div>
        <div class="container-full">
        	
            <div class="row">
                <div class="col-sm-12">
				                     <div class="social-media">
                        <p></p>
                        <ul>
	                                                	
                        </ul>
               
                    </div><!-- /.social-media -->
                    
                     <small>Copyright © 2016 - Club Raier</small>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer ends -->

    <!-- Scripts -->
    <script src="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/js/vendor/jquery-1.11.0.min.js"></script>
    <script src="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/js/jquery-ui.min.js"></script>
    <script src="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/js/supersized.3.2.7.min.js"></script>
    <script src="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/js/jquery.countdown.js"></script>
    <script src="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/js/owl.carousel.min.js"></script>
    <script src="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/js/jquery.fittext.js"></script>
    <script src="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/js/retina-1.1.0.min.js"></script>
    <script src="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/js/bootstrap.min.js"></script>
    <script src="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/js/jquery.knob.js"></script>    <!--[if lte IE 9]>
		    <script src="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/js/jquery.placeholder.js"></script>
		    <script type="text/javascript">$('input, textarea').placeholder();</script>
	    <![endif]-->
        <script>
    //JS VIDEO BACKGROUND
    
    //THE COUNTDOWN
	        until_time = '05/26/2016' + ' ' + '09:22';
    	
                       //COUNTDOWN WITH CIRCLES

        		function indeed_current_date(){
                    var date = new Date();
                    //var utc = date.getTime() + (date.getTimezoneOffset() * 60000);
					var utc = date.getTime();
                    var new_date = new Date(utc);// + (3600000))
                    return new_date;
        		}
                function indeed_countdown() {
                    var target_date = new Date(window.until_time); // set target date
                        current_date = indeed_current_date(); // get fixed current date

                    var difference = target_date - current_date;
                    if (difference < 0) {
                        clearInterval(interval);
                        if (callback && typeof callback === 'function') callback();
                        return;
                    }
                    var _second = 1000,
                        _minute = _second * 60,
                        _hour = _minute * 60,
                        _day = _hour * 24;
                    var days = Math.floor(difference / _day),
                        hours = Math.floor((difference % _day) / _hour),
                        minutes = Math.floor((difference % _hour) / _minute),
                        seconds = Math.floor((difference % _minute) / _second);
                        days = (String(days).length >= 2) ? days : '0' + days;
                        hours = (String(hours).length >= 2) ? hours : '0' + hours;
                        minutes = (String(minutes).length >= 2) ? minutes : '0' + minutes;
                        seconds = (String(seconds).length >= 2) ? seconds : '0' + seconds;
                    var ref_days = (days === 1) ? 'day' : 'Days',
                        ref_hours = (hours === 1) ? 'hour' : 'Hours',
                        ref_minutes = (minutes === 1) ? 'minute' : 'Minutes',
                        ref_seconds = (seconds === 1) ? 'second' : 'Seconds';
        			$(".second").val(seconds).trigger("change");
        			$(".minutes").val(minutes).trigger("change");
        			$(".hours").val(hours).trigger("change");
                    $(".days").val(days).trigger("change");
        		}
        		var interval = setInterval(indeed_countdown, 0);
                $(function($) {

                    $(".knob").knob({
                        change : function (value) {
                            //console.log("change : " + value);
                        },
                        release : function (value) {
                            //console.log(this.$.attr('value'));
                            //console.log("release : " + value);
                        },
                        cancel : function () {
                            //console.log("cancel : ", this);
                        },
                        /*format : function (value) {
                            return value + '%';
                        },*/
                        draw : function () {

                            // "tron" case
                            if(this.$.data('skin') == 'tron') {

                                this.cursorExt = 0.3;

                                var a = this.arc(this.cv)  // Arc
                                    , pa                   // Previous arc
                                    , r = 1;

                                this.g.lineWidth = this.lineWidth;

                                if (this.o.displayPrevious) {
                                    pa = this.arc(this.v);
                                    this.g.beginPath();
                                    this.g.strokeStyle = this.pColor;
                                    this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, pa.s, pa.e, pa.d);
                                    this.g.stroke();
                                }

                                this.g.beginPath();
                                this.g.strokeStyle = r ? this.o.fgColor : this.fgColor ;
                                this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, a.s, a.e, a.d);
                                this.g.stroke();

                                this.g.lineWidth = 2;
                                this.g.beginPath();
                                this.g.strokeStyle = this.o.fgColor;
                                this.g.arc( this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
                                this.g.stroke();

                                return false;
                            }
                        }
                    });
                });
                
$(function () {
    "use strict";
    });
	ics_days_word = 'Dies';ics_day_word = 'die';ics_hours_word = 'Hores';ics_hour_word = 'hore';ics_minutes_word = 'Minuts';ics_minute_word = 'minut';ics_seconds_word = 'Segons';ics_second_word = 'segon';    </script>
    <script src="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/js/global.js"></script>
    <script src="http://www.raier.org/wp-content/plugins/indeed-coming-soon/files/js/front_end.js"></script>

</body>
</html><!-- WP Fastest Cache file was created in 0.46701312065125 seconds, on 25-05-16 15:04:39 -->