Tarandeep Singh / open

Browse Code »

Commit 423cebde330af1c941f0d3b29c30f2c9f99e2ba7

Authored by kuldeep kumar 2018-02-09 09:03:57 -0500

1 parent d94564a86f

Exists in master

ui changes

Showing 9 changed files with 97 additions and 164 deletions Show diff stats

assets/css/theme-color/default-theme.css

Diff comments View file @423cebd

1		1
2	/*=======================================	2	/*=======================================
3	Template Design By MarkUps	3	Template Design By MarkUps
4	Author URI : http://www.markups.io/	4	Author URI : http://www.markups.io/
5	========================================*/	5	========================================*/
6		6
7	.mu-hero-overlay,	7	.mu-hero-overlay,
8	.mu-video-overlay {	8	.mu-video-overlay {
9	background-color: #EE3268;/* fallback for old browsers */	9	background-color: #8a926c;/* fallback for old browsers */
10	background: -webkit-linear-gradient(to right, #64b3f4, #EE3268); /* Chrome 10-25, Safari 5.1-6 */	10	background: -webkit-linear-gradient(to right, #64b3f4, #57b57b); /* Chrome 10-25, Safari 5.1-6 */
11	background: linear-gradient(to right, #64b3f4, #EE3268); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */	11	background: linear-gradient(to right, #00899e, #93b13f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
12		12
13	}	13	}
14		14
15	.mu-primary-btn:hover,	15	.mu-primary-btn:hover,
16	.mu-primary-btn:focus,	16	.mu-primary-btn:focus,
17	.mu-copy-right a:hover,	17	.mu-copy-right a:hover,
18	.mu-copy-right a:focus,	18	.mu-copy-right a:focus,
19	.mu-send-msg-btn:hover,	19	.mu-send-msg-btn:hover,
20	.mu-send-msg-btn:focus,	20	.mu-send-msg-btn:focus,
21	.mu-faq-content .panel-title a:hover,	21	.mu-faq-content .panel-title a:hover,
22	.mu-faq-content .panel-title a:focus,	22	.mu-faq-content .panel-title a:focus,
23	.mu-faq-content .panel-title a[aria-expanded="true"],	23	.mu-faq-content .panel-title a[aria-expanded="true"],
24	.mu-faq-content .panel-title a>span,	24	.mu-faq-content .panel-title a>span,
25	.mu-menu ul li a:hover,	25	.mu-menu ul li a:hover,
26	.mu-menu ul li a:focus,	26	.mu-menu ul li a:focus,
27	.mu-single-speakers-info p,	27	.mu-single-speakers-info p,
28	.mu-single-speakers-social li a:hover,	28	.mu-single-speakers-social li a:hover,
29	.mu-single-speakers-social li a:focus,	29	.mu-single-speakers-social li a:focus,
30	.mu-logo,	30	.mu-logo,
31	.mu-logo:hover,	31	.mu-logo:hover,
32	.mu-logo:focus,	32	.mu-logo:focus,
33	#mu-hero .navbar-default .navbar-brand,	33	#mu-hero .navbar-default .navbar-brand,
34	.mu-navbar .mu-menu li a:hover,	34	.mu-navbar .mu-menu li a:hover,
35	.mu-navbar .mu-menu li a:focus,	35	.mu-navbar .mu-menu li a:focus,
36	.mu-single-event .mu-event-time {	36	.mu-single-event .mu-event-time {
37	color: #EE3268;	37	color: #57b57b;
38	}	38	}
39		39
40	.mu-speakers-slider .slick-next,	40	.mu-speakers-slider .slick-next,
41	.mu-speakers-slider .slick-prev,	41	.mu-speakers-slider .slick-prev,
42	#mu-venue,	42	#mu-venue,
43	.mu-popular-price .mu-price-tag,	43	.mu-popular-price .mu-price-tag,
44	.mu-navbar .navbar-toggle,	44	.mu-navbar .navbar-toggle,
45	.mu-navbar .navbar-toggle:hover,	45	.mu-navbar .navbar-toggle:hover,
46	.mu-navbar .navbar-toggle:focus,	46	.mu-navbar .navbar-toggle:focus,
47	.navbar-default .navbar-nav > .active > a,	47	.navbar-default .navbar-nav > .active > a,
48	.navbar-default .navbar-nav > .active > a:focus,	48	.navbar-default .navbar-nav > .active > a:focus,
49	.navbar-default .navbar-nav > .active > a:hover,	49	.navbar-default .navbar-nav > .active > a:hover,
50	.mu-schedule-menu li a:hover,	50	.mu-schedule-menu li a:hover,
51	.mu-schedule-menu li a:focus,	51	.mu-schedule-menu li a:focus,
52	.mu-schedule-menu li.active a,	52	.mu-schedule-menu li.active a,
53	.mu-schedule-menu li.active a:hover,	53	.mu-schedule-menu li.active a:hover,
54	.mu-schedule-menu li.active a:focus {	54	.mu-schedule-menu li.active a:focus {
55	background-color: #EE3268;	55	background-color: #57b57b;
56	}	56	}
57		57
58	.mu-social-media a:hover,	58	.mu-social-media a:hover,
59	.mu-social-media a:focus {	59	.mu-social-media a:focus {
60	border: 1px solid #EE3268;	60	border: 1px solid #57b57b;
61	color: #EE3268;	61	color: #57b57b;
62	}	62	}
63		63
64	.mu-contact-form .form-control:focus,	64	.mu-contact-form .form-control:focus,
65	.mu-schedule-menu li a {	65	.mu-schedule-menu li a {
66	border: 1px solid #EE3268;	66	border: 1px solid #57b57b;
67	}	67	}
68		68
69	.mu-send-msg-btn,	69	.mu-send-msg-btn,
70	.mu-send-msg-btn:focus,	70	.mu-send-msg-btn:focus,
71	.mu-register-btn:hover,	71	.mu-register-btn:hover,
72	.mu-register-btn:focus,	72	.mu-register-btn:focus,
73	.mu-popular-price .mu-register-btn {	73	.mu-popular-price .mu-register-btn {
74	border: 1px solid #EE3268;	74	border: 1px solid #57b57b;
75	background-color: #EE3268;	75	background-color: #57b57b;
76	}	76	}
77		77
78	.mu-faq-content .panel-default > .panel-heading + .panel-collapse > .panel-body {	78	.mu-faq-content .panel-default > .panel-heading + .panel-collapse > .panel-body {
79	border-top-color: #EE3268;	79	border-top-color: #57b57b;
80		80
81	}	81	}
82		82
83	.mu-reg-submit-btn:hover,	83	.mu-reg-submit-btn:hover,
84	.mu-reg-submit-btn:focus {	84	.mu-reg-submit-btn:focus {
85	background-color: #EE3268;	85	background-color: #57b57b;
86	border: 2px solid #EE3268;	86	border: 2px solid #57b57b;
87	}	87	}

assets/images/Desktop-Wallpaper-HD2.jpg

Diff comments View file @423cebd

396 KB

assets/images/OPENWEBBANNER.jpg

Diff comments View file @423cebd

845 KB

assets/images/brain.jpg

Diff comments View file @423cebd

52.2 KB

assets/images/lunch-break.png

Diff comments View file @423cebd

17.6 KB

assets/images/open_Dot.jpg

Diff comments View file @423cebd

33.5 KB

assets/js/custom.js

Diff comments View file @423cebd

1	/**	1	/**
2	* Template Name: Eventoz	2	* Template Name: Eventoz
3	* Version: 1.0	3	* Version: 1.0
4	* Template Scripts	4	* Template Scripts
5	* Author: MarkUps	5	* Author: MarkUps
6	* Author URI: http://www.markups.io/	6	* Author URI: http://www.markups.io/
7		7
8	Custom JS	8	Custom JS
9		9
10	1. FIXED MENU	10	1. FIXED MENU
11	2. EVENT TIME COUNTER	11	2. EVENT TIME COUNTER
12	3. MENU SMOOTH SCROLLING	12	3. MENU SMOOTH SCROLLING
13	4. VIDEO POPUP	13	4. VIDEO POPUP
14	5. SPEAKERS SLIDEER ( SLICK SLIDER )	14	5. SPEAKERS SLIDEER ( SLICK SLIDER )
15	6. BOOTSTRAP ACCORDION	15	6. BOOTSTRAP ACCORDION
16	7. MOBILE MENU CLOSE	16	7. MOBILE MENU CLOSE
17		17
18		18
19	**/	19	**/
20		20
21		21
22		22
23	(function( $ ){	23	(function( $ ){
24		24
25		25
26		26
27	/* ----------------------------------------------------------- */	27	/* ----------------------------------------------------------- */
28	/* 1. FIXED MENU	28	/* 1. FIXED MENU
29	/* ----------------------------------------------------------- */	29	/* ----------------------------------------------------------- */
30		30
31		31
32	jQuery(window).bind('scroll', function () {	32	jQuery(window).bind('scroll', function () {
33	if ($(window).scrollTop() > 150) {	33	if ($(window).scrollTop() > 150) {
34	$('.mu-navbar').addClass('mu-nav-show');	34	$('.mu-navbar').addClass('mu-nav-show');
35		35
36	} else {	36	} else {
37	$('.mu-navbar').removeClass('mu-nav-show');	37	$('.mu-navbar').removeClass('mu-nav-show');
38	}	38	}
39	});	39	});
40		40
41	/* ----------------------------------------------------------- */	41	/* ----------------------------------------------------------- */
42	/* 2. EVENT TIME COUNTER	42	/* 2. EVENT TIME COUNTER
43	/* ----------------------------------------------------------- */	43	/* ----------------------------------------------------------- */
44		44
45	$('#mu-event-counter').countdown('2020/02/10').on('update.countdown', function(event) {	45	$('#mu-event-counter').countdown('2018/03/17').on('update.countdown', function(event) {
46	var $this = $(this).html(event.strftime(''	46	var $this = $(this).html(event.strftime(''
47	+ '<span class="mu-event-counter-block"><span>%D</span> Days</span> '	47	+ '<span class="mu-event-counter-block"><span>%D</span> Days</span> '
48	+ '<span class="mu-event-counter-block"><span>%H</span> Hours</span> '	48	+ '<span class="mu-event-counter-block"><span>%H</span> Hours</span> '
49	+ '<span class="mu-event-counter-block"><span>%M</span> Mins</span> '	49	+ '<span class="mu-event-counter-block"><span>%M</span> Mins</span> '
50	+ '<span class="mu-event-counter-block"><span>%S</span> Secs</span>'));	50	+ '<span class="mu-event-counter-block"><span>%S</span> Secs</span>'));
51	});	51	});
52		52
53		53
54	/* ----------------------------------------------------------- */	54	/* ----------------------------------------------------------- */
55	/* 3. MENU SMOOTH SCROLLING	55	/* 3. MENU SMOOTH SCROLLING
56	/* ----------------------------------------------------------- */	56	/* ----------------------------------------------------------- */
57		57
58	//MENU SCROLLING WITH ACTIVE ITEM SELECTED	58	//MENU SCROLLING WITH ACTIVE ITEM SELECTED
59		59
60	// Cache selectors	60	// Cache selectors
61	var lastId,	61	var lastId,
62	topMenu = $(".mu-menu"),	62	topMenu = $(".mu-menu"),
63	topMenuHeight = topMenu.outerHeight()+13,	63	topMenuHeight = topMenu.outerHeight()+13,
64	// All list items	64	// All list items
65	menuItems = topMenu.find('a[href^=\\#]'),	65	menuItems = topMenu.find('a[href^=\\#]'),
66	// Anchors corresponding to menu items	66	// Anchors corresponding to menu items
67	scrollItems = menuItems.map(function(){	67	scrollItems = menuItems.map(function(){
68	var item = $($(this).attr("href"));	68	var item = $($(this).attr("href"));
69	if (item.length) { return item; }	69	if (item.length) { return item; }
70	});	70	});
71		71
72	// Bind click handler to menu items	72	// Bind click handler to menu items
73	// so we can get a fancy scroll animation	73	// so we can get a fancy scroll animation
74	menuItems.click(function(e){	74	menuItems.click(function(e){
75	var href = $(this).attr("href"),	75	var href = $(this).attr("href"),
76	offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+22;	76	offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+22;
77	jQuery('html, body').stop().animate({	77	jQuery('html, body').stop().animate({
78	scrollTop: offsetTop	78	scrollTop: offsetTop
79	}, 1500);	79	}, 1500);
80	e.preventDefault();	80	e.preventDefault();
81	});	81	});
82		82
83	// Bind to scroll	83	// Bind to scroll
84	jQuery(window).scroll(function(){	84	jQuery(window).scroll(function(){
85	// Get container scroll position	85	// Get container scroll position
86	var fromTop = $(this).scrollTop()+topMenuHeight;	86	var fromTop = $(this).scrollTop()+topMenuHeight;
87		87
88	// Get id of current scroll item	88	// Get id of current scroll item
89	var cur = scrollItems.map(function(){	89	var cur = scrollItems.map(function(){
90	if ($(this).offset().top < fromTop)	90	if ($(this).offset().top < fromTop)
91	return this;	91	return this;
92	});	92	});
93	// Get the id of the current element	93	// Get the id of the current element
94	cur = cur[cur.length-1];	94	cur = cur[cur.length-1];
95	var id = cur && cur.length ? cur[0].id : "";	95	var id = cur && cur.length ? cur[0].id : "";
96		96
97	if (lastId !== id) {	97	if (lastId !== id) {
98	lastId = id;	98	lastId = id;
99	// Set/remove active class	99	// Set/remove active class
100	menuItems	100	menuItems
101	.parent().removeClass("active")	101	.parent().removeClass("active")
102	.end().filter("[href=\\#"+id+"]").parent().addClass("active");	102	.end().filter("[href=\\#"+id+"]").parent().addClass("active");
103	}	103	}
104	})	104	})
105		105
106		106
107		107
108	/* ----------------------------------------------------------- */	108	/* ----------------------------------------------------------- */
109	/* 4. VIDEO POPUP	109	/* 4. VIDEO POPUP
110	/* ----------------------------------------------------------- */	110	/* ----------------------------------------------------------- */
111		111
112	$('.mu-video-play-btn').on('click', function(event) {	112	$('.mu-video-play-btn').on('click', function(event) {
113		113
114	event.preventDefault();	114	event.preventDefault();
115		115
116	$('.mu-video-iframe-area').addClass('mu-video-iframe-display');	116	$('.mu-video-iframe-area').addClass('mu-video-iframe-display');
117		117
118	});	118	});
119		119
120	// when click the close btn	120	// when click the close btn
121		121
122	// disappear iframe window	122	// disappear iframe window
123		123
124	$('.mu-video-close-btn').on('click', function(event) {	124	$('.mu-video-close-btn').on('click', function(event) {
125		125
126	event.preventDefault();	126	event.preventDefault();
127		127
128	$('.mu-video-iframe-area').removeClass('mu-video-iframe-display');	128	$('.mu-video-iframe-area').removeClass('mu-video-iframe-display');
129		129
130	});	130	});
131		131
132	// stop iframe if it is play while close the iframe window	132	// stop iframe if it is play while close the iframe window
133		133
134	$('.mu-video-close-btn').click(function(){	134	$('.mu-video-close-btn').click(function(){
135		135
136	$('.mu-video-iframe').attr('src', $('.mu-video-iframe').attr('src'));	136	$('.mu-video-iframe').attr('src', $('.mu-video-iframe').attr('src'));
137		137
138	});	138	});
139		139
140	// when click overlay area	140	// when click overlay area
141		141
142	$('.mu-video-iframe-area').on('click', function(event) {	142	$('.mu-video-iframe-area').on('click', function(event) {
143		143
144	event.preventDefault();	144	event.preventDefault();
145		145
146	$('.mu-video-iframe-area').removeClass('mu-video-iframe-display');	146	$('.mu-video-iframe-area').removeClass('mu-video-iframe-display');
147		147
148	});	148	});
149		149
150	$('.mu-video-iframe-area, .mu-video-iframe').on('click', function(e){	150	$('.mu-video-iframe-area, .mu-video-iframe').on('click', function(e){
151	e.stopPropagation();	151	e.stopPropagation();
152	});	152	});
153		153
154		154
155	/* ----------------------------------------------------------- */	155	/* ----------------------------------------------------------- */
156	/* 5. SPEAKERS SLIDEER ( SLICK SLIDER )	156	/* 5. SPEAKERS SLIDEER ( SLICK SLIDER )
157	/* ----------------------------------------------------------- */	157	/* ----------------------------------------------------------- */
158		158
159	$('.mu-speakers-slider').slick({	159	$('.mu-speakers-slider').slick({
160	slidesToShow: 4,	160	slidesToShow: 4,
161	responsive: [	161	responsive: [
162	{	162	{
163	breakpoint: 768,	163	breakpoint: 768,
164	settings: {	164	settings: {
165	arrows: true,	165	arrows: true,
166	slidesToShow: 3	166	slidesToShow: 3
167	}	167	}
168	},	168	},
169	{	169	{
170	breakpoint: 480,	170	breakpoint: 480,
171	settings: {	171	settings: {
172	arrows: true,	172	arrows: true,
173	slidesToShow: 1	173	slidesToShow: 1
174	}	174	}
175	}	175	}
176	]	176	]
177	});	177	});
178		178
179		179
180		180
181		181
182		182
183	/* ----------------------------------------------------------- */	183	/* ----------------------------------------------------------- */
184	/* 6. BOOTSTRAP ACCORDION	184	/* 6. BOOTSTRAP ACCORDION
185	/* ----------------------------------------------------------- */	185	/* ----------------------------------------------------------- */
186		186
187	/* Start for accordion #1*/	187	/* Start for accordion #1*/
188	$('#accordion .panel-collapse').on('shown.bs.collapse', function () {	188	$('#accordion .panel-collapse').on('shown.bs.collapse', function () {
189	$(this).prev().find(".fa").removeClass("fa-angle-up").addClass("fa-angle-down");	189	$(this).prev().find(".fa").removeClass("fa-angle-up").addClass("fa-angle-down");
190	});	190	});
191		191
192	//The reverse of the above on hidden event:	192	//The reverse of the above on hidden event:
193		193
194	$('#accordion .panel-collapse').on('hidden.bs.collapse', function () {	194	$('#accordion .panel-collapse').on('hidden.bs.collapse', function () {
195	$(this).prev().find(".fa").removeClass("fa-angle-down").addClass("fa-angle-up");	195	$(this).prev().find(".fa").removeClass("fa-angle-down").addClass("fa-angle-up");
196	});	196	});
197		197
198		198
199	/* ----------------------------------------------------------- */	199	/* ----------------------------------------------------------- */
200	/* 7. MOBILE MENU CLOSE	200	/* 7. MOBILE MENU CLOSE
201	/* ----------------------------------------------------------- */	201	/* ----------------------------------------------------------- */
202		202
203	jQuery('.mu-menu').on('click', 'li a', function() {	203	jQuery('.mu-menu').on('click', 'li a', function() {
204	$('.mu-navbar .in').collapse('hide');	204	$('.mu-navbar .in').collapse('hide');
205	});	205	});
206		206
207		207
208		208
209		209
210		210
211		211
212		212
213	})( jQuery );	213	})( jQuery );
214		214
215		215
216		216
217		217
218		218

index.html

Diff comments View file @423cebd

1	<!DOCTYPE html>	1	<!DOCTYPE html>
2	<html lang="en">	2	<html lang="en">
3	<head>	3	<head>
4	<meta charset="utf-8">	4	<meta charset="utf-8">
5	<meta http-equiv="X-UA-Compatible" content="IE=edge">	5	<meta http-equiv="X-UA-Compatible" content="IE=edge">
6	<meta name="viewport" content="width=device-width, initial-scale=1">	6	<meta name="viewport" content="width=device-width, initial-scale=1">
7	<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->	7	<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->
8	<title>OPEN. : Home</title>	8	<title>OPEN. : Home</title>
9	<!-- Favicon -->	9	<!-- Favicon -->
10	<link rel="shortcut icon" type="image/icon" href="assets/images/favicon.ico"/>	10	<link rel="shortcut icon" type="image/icon" href="assets/images/favicon.ico"/>
11	<!-- Font Awesome -->	11	<!-- Font Awesome -->
12	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">	12	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
13	<!-- Bootstrap -->	13	<!-- Bootstrap -->
14	<link href="assets/css/bootstrap.min.css" rel="stylesheet">	14	<link href="assets/css/bootstrap.min.css" rel="stylesheet">
15	<!-- Slick slider -->	15	<!-- Slick slider -->
16	<link href="assets/css/slick.css" rel="stylesheet">	16	<link href="assets/css/slick.css" rel="stylesheet">
17	<!-- Theme color -->	17	<!-- Theme color -->
18	<link id="switcher" href="assets/css/theme-color/default-theme.css" rel="stylesheet">	18	<link id="switcher" href="assets/css/theme-color/default-theme.css" rel="stylesheet">
19		19
20	<!-- Main Style -->	20	<!-- Main Style -->
21	<link href="style.css" rel="stylesheet">	21	<link href="style.css" rel="stylesheet">
22		22
23	<!-- Fonts -->	23	<!-- Fonts -->
24		24
25	<!-- Open Sans for body font -->	25	<!-- Open Sans for body font -->
26	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800" rel="stylesheet">	26	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800" rel="stylesheet">
27	<!-- Montserrat for title -->	27	<!-- Montserrat for title -->
28	<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">	28	<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
29		29
30		30
31		31
32	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->	32	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
33	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->	33	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
34	<!--[if lt IE 9]>	34	<!--[if lt IE 9]>
35	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>	35	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
36	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>	36	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
37	<![endif]-->	37	<![endif]-->
38	</head>	38	</head>
39	<body>	39	<body>
40		40
41	<!-- Start Header -->	41	<!-- Start Header -->
42	<header id="mu-hero" class="" role="banner">	42	<header id="mu-hero" class="" role="banner">
43	<!-- Start menu -->	43	<!-- Start menu -->
44	<nav class="navbar navbar-fixed-top navbar-default mu-navbar">	44	<nav class="navbar navbar-fixed-top navbar-default mu-navbar">
45	<div class="container">	45	<div class="container">
46	<!-- Brand and toggle get grouped for better mobile display -->	46	<!-- Brand and toggle get grouped for better mobile display -->
47	<div class="navbar-header">	47	<div class="navbar-header">
48	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">	48	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
49	<span class="sr-only">Toggle navigation</span>	49	<span class="sr-only">Toggle navigation</span>
50	<span class="icon-bar"></span>	50	<span class="icon-bar"></span>
51	<span class="icon-bar"></span>	51	<span class="icon-bar"></span>
52	<span class="icon-bar"></span>	52	<span class="icon-bar"></span>
53	</button>	53	</button>
54		54
55	<!-- Logo -->	55	<!-- Logo -->
56	<a class="navbar-brand" href="index.html">OPEN.</a>	56	<a class="navbar-brand" href="index.html">OPEN.</a>
57		57
58	</div>	58	</div>
59		59
60	<!-- Collect the nav links, forms, and other content for toggling -->	60	<!-- Collect the nav links, forms, and other content for toggling -->
61	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">	61	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
62	<ul class="nav navbar-nav mu-menu navbar-right">	62	<ul class="nav navbar-nav mu-menu navbar-right">
63	<li><a href="#mu-hero">Home</a></li>	63	<li><a href="#mu-hero">Home</a></li>
64	<li><a href="#mu-about">About Us</a></li>	64	<li><a href="#mu-about">About Us</a></li>
65	<li><a href="#mu-schedule">Schedule</a></li>	65	<li><a href="#mu-schedule">Schedule</a></li>
66	<li><a href="#mu-speakers">Speakers</a></li>	66	<li><a href="#mu-speakers">Speakers</a></li>
67	<li><a href="#mu-faq">FAQ</a></li>	67	<li><a href="#mu-faq">FAQ</a></li>
68	<li><a href="#mu-register">Register</a></li>	68	<li><a href="#mu-register">Register</a></li>
69	<li><a href="#mu-sponsors">Sponsors</a></li>	69	<li><a href="#mu-sponsors">Sponsors</a></li>
70	<li><a href="#mu-contact">Contact</a></li>	70	<li><a href="#mu-contact">Contact</a></li>
71	</ul>	71	</ul>
72	</div><!-- /.navbar-collapse -->	72	</div><!-- /.navbar-collapse -->
73	</div><!-- /.container-fluid -->	73	</div><!-- /.container-fluid -->
74	</nav>	74	</nav>
75	<!-- End menu -->	75	<!-- End menu -->
76		76
77	<div class="mu-hero-overlay">	77	<div class="mu-hero-overlay">
78	<div class="container">	78	<div class="container">
79	<div class="mu-hero-area">	79	<div class="mu-hero-area">
80		80
81	<!-- Start hero featured area -->	81	<!-- Start hero featured area -->
82	<div class="mu-hero-featured-area">	82	<div class="mu-hero-featured-area">
83	<!-- Start center Logo -->	83	<!-- Start center Logo -->
84	<div class="mu-logo-area">	84	<div class="mu-logo-area">
85	<!-- text based logo -->	85	<!-- text based logo -->
86	<a class="mu-logo" href="#">OPEN.</a>	86	<!-- <a class="" href="#">OPEN.</a> -->
87	<!-- image based logo -->	87	<!-- image based logo -->
88	<!-- <a class="mu-logo" href="#"><img src="assets/images/logo.jpg" alt="logo img"></a> -->	88	<a class="mu-logo" href="#"><img src="assets/images/open_Dot.jpg" alt="logo img" style="width: 150px"></a>
89	</div>	89	</div>
90	<!-- End center Logo -->	90	<!-- End center Logo -->
91		91
92	<div class="mu-hero-featured-content">	92	<div class="mu-hero-featured-content">
93		93
94	<h1>HELLO! WELCOME TO OPEN.</h1>	94	<h1>HELLO! WELCOME TO OPEN.</h1>
95	<h2>The Biggest International IT Professional Conference</h2>	95	<h2>An initiative: Serving to developer community</h2>
96	<p class="mu-event-date-line">17 - 18 March, 2018. Chandigarh, IND</p>	96	<p class="mu-event-date-line">17 - 18 March, 2018. Chandigarh, IND</p>
97		97
98	<div class="mu-event-counter-area">	98	<div class="mu-event-counter-area">
99	<div id="mu-event-counter">	99	<div id="mu-event-counter">
100		100
101	</div>	101	</div>
102	</div>	102	</div>
103		103
104	</div>	104	</div>
105	</div>	105	</div>
106	<!-- End hero featured area -->	106	<!-- End hero featured area -->
107		107
108	</div>	108	</div>
109	</div>	109	</div>
110	</div>	110	</div>
111	</header>	111	</header>
112	<!-- End Header -->	112	<!-- End Header -->
113		113
114	<!-- Start main content -->	114	<!-- Start main content -->
115	<main role="main">	115	<main role="main">
116	<!-- Start About -->	116	<!-- Start About -->
117	<section id="mu-about">	117	<section id="mu-about">
118	<div class="container">	118	<div class="container">
119	<div class="row">	119	<div class="row">
120	<div class="col-md-12">	120	<div class="col-md-12">
121	<div class="mu-about-area">	121	<div class="mu-about-area">
122	<!-- Start Feature Content -->	122	<!-- Start Feature Content -->
123	<div class="row">	123	<div class="row">
124	<div class="col-md-6">	124	<div class="col-md-6">
125	<div class="mu-about-left">	125	<div class="mu-about-left">
126	<img class="" src="assets/images/about.jpg" alt="Men Speaker">	126	<img class="imgabout" src="assets/images/OPENWEBBANNER.jpg" alt="Men Speaker" align="middle">
127	</div>	127	</div>
128	</div>	128	</div>
129	<div class="col-md-6">	129	<div class="col-md-6">
130	<div class="mu-about-right">	130	<div class="mu-about-right">
131	<h2>About The Event</h2>	131	<h2>About The Event</h2>
132	<p>In our country, we use a lot of open source projects but do not contribute back enough to them. We are experiencing a period where everyone is in a habit of taking from the surroundings and never desire to return in back.</p>	132	<p>In our country, we use a lot of open source projects but do not contribute back enough to them. We are experiencing a period where everyone is in a habit of taking from the surroundings and never desire to return in back.</p>
133	<p>OPEN. presented and organised by Viithiisys Technologies aims at bringing a change to the developer community by contributing to the multiple open source projects. It is just like a social cause with a solid and realistic support system for their long journey towards a unicorn. We are looking forward to welcome anyone who is willing to devote their knowledge and time. As the saying goes ‘Charity begins at home’. Hence, we will make an initiative to start from our city itself.</p>	133	<p>OPEN. presented and organised by Viithiisys Technologies aims at bringing a change to the developer community by contributing to the multiple open source projects. It is just like a social cause with a solid and realistic support system for their long journey towards a unicorn. We are looking forward to welcome anyone who is willing to devote their knowledge and time. As the saying goes ‘Charity begins at home’. Hence, we will make an initiative to start from our city itself.</p>
134		134
135	<p>OPEN. intent to encourage a passionate sharing culture among individuals in our city.	135	<p>OPEN. intent to encourage a passionate sharing culture among individuals in our city.
136	</p>	136	</p>
		137	<b>Some of the advantages one can get contributing towards open source:</b>
		138	<p><dl>
		139	<li>Opportunity to discuss & meet with project leads and authors.</li>
		140	<li>Widening up your vision towards the projects.</li>
		141	<li>Opportunity to speak at various International conferences, sharing your knowledge with the world.</li>
		142	<li>Awareness of latest technologies.</li>
		143	<li>Sense of responsibility and even grooming newcomers in community.</li>
		144	<li>Building & expanding networks with the community.</li>
		145	</dl></dd>
137		146
138	</div>	147	</div>
139	</div>	148	</div>
140	</div>	149	</div>
141	<!-- End Feature Content -->	150	<!-- End Feature Content -->
142		151
143	</div>	152	</div>
144	</div>	153	</div>
145	</div>	154	</div>
146	</div>	155	</div>
147	</section>	156	</section>
148	<!-- End About -->	157	<!-- End About -->
149		158
150	<!-- Start Video -->
151	<section id="mu-video">
152	<div class="mu-video-overlay">
153	<div class="container">
154	<div class="row">
155	<div class="col-md-12">
156	<div class="mu-video-area">
157	<h2>Watch Previous Event Video</h2>
158	<a class="mu-video-play-btn" href="#"><i class="fa fa-play" aria-hidden="true"></i></a>
159	</div>
160	</div>
161	</div>
162	</div>
163	</div>
164
165	<!-- Start Video content -->
166	<div class="mu-video-content">
167	<div class="mu-video-iframe-area">
168	<a class="mu-video-close-btn" href="#"><i class="fa fa-times" aria-hidden="true"></i></a>
169	<iframe width="854" height="480" src="https://www.youtube.com/embed/n9AVEl9764s" frameborder="0" allowfullscreen></iframe>
170	</div>
171	</div>
172	<!-- End Video content -->
173
174	</section>
175	<!-- End Video -->
176
177	<!-- Start Schedule -->	159	<!-- Start Schedule -->
178	<section id="mu-schedule">	160	<section id="mu-schedule">
179	<div class="container">	161	<div class="container">
180	<div class="row">	162	<div class="row">
181	<div class="colo-md-12">	163	<div class="colo-md-12">
182	<div class="mu-schedule-area">	164	<div class="mu-schedule-area">
183		165
184	<div class="mu-title-area">	166	<div class="mu-title-area">
185	<h2 class="mu-title">Schedule Detail</h2>	167	<h2 class="mu-title">Schedule Detail</h2>
186	<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis unde, ut sapiente et voluptatum facilis consectetur incidunt provident asperiores at necessitatibus nulla sequi voluptas libero quasi explicabo veritatis minima porro.</p> -->	168	<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis unde, ut sapiente et voluptatum facilis consectetur incidunt provident asperiores at necessitatibus nulla sequi voluptas libero quasi explicabo veritatis minima porro.</p> -->
187	</div>	169	</div>
188		170
189	<div class="mu-schedule-content-area">	171	<div class="mu-schedule-content-area">
190	<!-- Nav tabs -->	172	<!-- Nav tabs -->
191	<ul class="nav nav-tabs mu-schedule-menu" role="tablist">	173	<ul class="nav nav-tabs mu-schedule-menu" role="tablist">
192	<li role="presentation" class="active"><a href="#first-day" aria-controls="first-day" role="tab" data-toggle="tab">1 Day / 17 March</a></li>	174	<li role="presentation" class="active"><a href="#first-day" aria-controls="first-day" role="tab" data-toggle="tab">1 Day / 17 March</a></li>
193	<li role="presentation"><a href="#second-day" aria-controls="second-day" role="tab" data-toggle="tab">2 Day / 18 March</a></li>	175	<li role="presentation"><a href="#second-day" aria-controls="second-day" role="tab" data-toggle="tab">2 Day / 18 March</a></li>
194	<!-- <li role="presentation"><a href="#third-day" aria-controls="third-day" role="tab" data-toggle="tab">3 Day / 21 Feb</a></li> -->	176	<!-- <li role="presentation"><a href="#third-day" aria-controls="third-day" role="tab" data-toggle="tab">3 Day / 21 Feb</a></li> -->
195		177
196	</ul>	178	</ul>
197		179
198	<!-- Tab panes -->	180	<!-- Tab panes -->
199	<div class="tab-content mu-schedule-content">	181	<div class="tab-content mu-schedule-content">
200	<div role="tabpanel" class="tab-pane fade mu-event-timeline in active" id="first-day">	182	<div role="tabpanel" class="tab-pane fade mu-event-timeline in active" id="first-day">
201	<ul>	183	<ul>
202	<li>	184	<li>
203	<div class="mu-single-event">	185	<div class="mu-single-event">
204	<img src="assets/images/speaker-1.jpg" alt="event speaker">	186	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
205	<p class="mu-event-time">09:00AM-10:00AM</p>	187	<p class="mu-event-time">09:00AM-10:00AM</p>
206	<h3>Registeration and Networking</h3>	188	<h3>Registeration and Networking</h3>
207	</div>	189	</div>
208	</li>	190	</li>
209	<li>	191	<li>
210	<div class="mu-single-event">	192	<div class="mu-single-event">
211	<img src="assets/images/speaker-1.jpg" alt="event speaker">	193	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
212	<p class="mu-event-time">10:00AM-11:00AM</p>	194	<p class="mu-event-time">10:00AM-11:00AM</p>
213	<h3>Welcome #OPEN. and Introduction</h3>	195	<h3>Welcome #OPEN. and Introduction</h3>
214	<!-- <span>By Karl Groves</span> -->	196	<!-- <span>By Karl Groves</span> -->
215	</div>	197	</div>
216	</li>	198	</li>
217	<li>	199	<li>
218	<div class="mu-single-event">	200	<div class="mu-single-event">
219	<img src="assets/images/speaker-2.jpg" alt="event speaker">	201	<!-- <img src="assets/images/speaker-2.jpg" alt="event speaker"> -->
220	<p class="mu-event-time">11:00AM-12:30PM</p>	202	<p class="mu-event-time">11:00AM-12:30PM</p>
221	<h3>Learning Session #Open Source Community</h3>	203	<h3>Learning Session #Open Source Community</h3>
222	<!-- <span>By Sarah Dransner</span> -->	204	<!-- <span>By Sarah Dransner</span> -->
223	</div>	205	</div>
224	</li>	206	</li>
225	<li>	207	<li>
226	<div class="mu-single-event">	208	<div class="mu-single-event">
227	<img src="assets/images/speaker-3.jpg" alt="event speaker">	209	<!-- <img src="assets/images/speaker-3.jpg" alt="event speaker"> -->
228	<p class="mu-event-time">12.30PM-01:00PM</p>	210	<p class="mu-event-time">12.30PM-01:00PM</p>
229	<h3>Mentor Walkthrough</h3>	211	<h3>Mentor Walkthrough</h3>
230	<!-- <span>By Ned Stark</span> -->	212	<!-- <span>By Ned Stark</span> -->
231	</div>	213	</div>
232	</li>	214	</li>
233	<li>	215	<li>
234	<div class="mu-single-event">	216	<div class="mu-single-event">
235	<img src="assets/images/speaker-1.jpg" alt="event speaker">	217	<!-- <img src="assets/images/lunch-break.png" alt="event speaker"> -->
236	<p class="mu-event-time">01:00PM onwards</p>	218	<p class="mu-event-time">01:00PM onwards</p>
237	<h3>Lunch</h3>	219	<h3>Lunch</h3>
238	</div>	220	</div>
239	</li>	221	</li>
240	<li>	222	<li>
241	<div class="mu-single-event">	223	<div class="mu-single-event">
242	<img src="assets/images/speaker-1.jpg" alt="event speaker">	224	<!-- <img src="assets/images/brain.jpg" alt="event speaker"> -->
243	<p class="mu-event-time">02:00PM-02:30PM</p>	225	<p class="mu-event-time">02:00PM-02:30PM</p>
244	<h3>Brainstrom Session</h3>	226	<h3>Brainstrom Session</h3>
245	</div>	227	</div>
246	</li>	228	</li>
247	<li>	229	<li>
248	<div class="mu-single-event">	230	<div class="mu-single-event">
249	<img src="assets/images/speaker-1.jpg" alt="event speaker">	231	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
250	<p class="mu-event-time">02:30PM onwards</p>	232	<p class="mu-event-time">02:30PM onwards</p>
251	<h3>Dev Sprint 1</h3>	233	<h3>Dev Sprint 1</h3>
252	</div>	234	</div>
253	</li>	235	</li>
254	<li>	236	<li>
255	<div class="mu-single-event">	237	<div class="mu-single-event">
256	<img src="assets/images/speaker-1.jpg" alt="event speaker">	238	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
257	<p class="mu-event-time">03:45PM-04:15PM</p>	239	<p class="mu-event-time">03:45PM-04:15PM</p>
258	<h3>Mentor Walkthrough</h3>	240	<h3>Mentor Walkthrough</h3>
259	</div>	241	</div>
260	</li>	242	</li>
261	<li>	243	<li>
262	<div class="mu-single-event">	244	<div class="mu-single-event">
263	<img src="assets/images/speaker-1.jpg" alt="event speaker">	245	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
264	<p class="mu-event-time">5:45PM-6:15PM</p>	246	<p class="mu-event-time">5:45PM-6:15PM</p>
265	<h3>Coffee/Tea Break</h3>	247	<h3>Coffee/Tea Break</h3>
266	</div>	248	</div>
267	</li>	249	</li>
268	<li>	250	<li>
269	<div class="mu-single-event">	251	<div class="mu-single-event">
270	<img src="assets/images/speaker-1.jpg" alt="event speaker">	252	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
271	<p class="mu-event-time">07:00PM onwards</p>	253	<p class="mu-event-time">07:00PM onwards</p>
272	<h3>Dev Sprint 2</h3>	254	<h3>Dev Sprint 2</h3>
273	</div>	255	</div>
274	</li>	256	</li>
275	<li>	257	<li>
276	<div class="mu-single-event">	258	<div class="mu-single-event">
277	<img src="assets/images/speaker-1.jpg" alt="event speaker">	259	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
278	<p class="mu-event-time">08:00PM-0835PM</p>	260	<p class="mu-event-time">08:00PM-0835PM</p>
279	<h3>Dinner</h3>	261	<h3>Dinner</h3>
280	</div>	262	</div>
281	</li>	263	</li>
282	<li>	264	<li>
283	<div class="mu-single-event">	265	<div class="mu-single-event">
284	<img src="assets/images/speaker-1.jpg" alt="event speaker">	266	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
285	<p class="mu-event-time">08:45PM-09:00PM</p>	267	<p class="mu-event-time">08:45PM-09:00PM</p>
286	<h3>Brainstrom Session</h3>	268	<h3>Brainstrom Session</h3>
287	</div>	269	</div>
288	</li>	270	</li>
289	<li>	271	<li>
290	<div class="mu-single-event">	272	<div class="mu-single-event">
291	<img src="assets/images/speaker-1.jpg" alt="event speaker">	273	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
292	<p class="mu-event-time">09:00PM onwards</p>	274	<p class="mu-event-time">09:00PM onwards</p>
293	<h3>Dev Sprint 2 continues..</h3>	275	<h3>Dev Sprint 2 continues..</h3>
294	</div>	276	</div>
295	</li>	277	</li>
296	</ul>	278	</ul>
297	</div>	279	</div>
298	<div role="tabpanel" class="tab-pane fade mu-event-timeline" id="second-day">	280	<div role="tabpanel" class="tab-pane fade mu-event-timeline" id="second-day">
299	<ul>	281	<ul>
300	<li>	282	<li>
301	<div class="mu-single-event">	283	<div class="mu-single-event">
302	<img src="assets/images/speaker-1.jpg" alt="event speaker">	284	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
303	<p class="mu-event-time">08:30AM-09:30AM</p>	285	<p class="mu-event-time">08:30AM-09:30AM</p>
304	<h3>Breakfast</h3>	286	<h3>Breakfast</h3>
305	</div>	287	</div>
306	</li>	288	</li>
307	<li>	289	<li>
308	<div class="mu-single-event">	290	<div class="mu-single-event">
309	<img src="assets/images/speaker-1.jpg" alt="event speaker">	291	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
310	<p class="mu-event-time">09:30AM-10:30AM</p>	292	<p class="mu-event-time">09:30AM-10:30AM</p>
311	<h3>Registeration and Networking</h3>	293	<h3>Registeration and Networking</h3>
312	</div>	294	</div>
313	</li>	295	</li>
314	<li>	296	<li>
315	<div class="mu-single-event">	297	<div class="mu-single-event">
316	<img src="assets/images/speaker-1.jpg" alt="event speaker">	298	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
317	<p class="mu-event-time">10:30AM-11:00AM</p>	299	<p class="mu-event-time">10:30AM-11:00AM</p>
318	<h3>Mentor Walkthrough</h3>	300	<h3>Mentor Walkthrough</h3>
319	</div>	301	</div>
320	</li>	302	</li>
321	<li>	303	<li>
322	<div class="mu-single-event">	304	<div class="mu-single-event">
323	<img src="assets/images/speaker-1.jpg" alt="event speaker">	305	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
324	<p class="mu-event-time">11:15AM onwards</p>	306	<p class="mu-event-time">11:15AM onwards</p>
325	<h3>Dev Sprint 3</h3>	307	<h3>Dev Sprint 3</h3>
326	</div>	308	</div>
327	</li>	309	</li>
328	<li>	310	<li>
329	<div class="mu-single-event">	311	<div class="mu-single-event">
330	<img src="assets/images/speaker-1.jpg" alt="event speaker">	312	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
331	<p class="mu-event-time">02:00PM-02:35PM</p>	313	<p class="mu-event-time">02:00PM-02:35PM</p>
332	<h3>Lunch</h3>	314	<h3>Lunch</h3>
333	</div>	315	</div>
334	</li>	316	</li>
335	<li>	317	<li>
336	<div class="mu-single-event">	318	<div class="mu-single-event">
337	<img src="assets/images/speaker-1.jpg" alt="event speaker">	319	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
338	<p class="mu-event-time">04:00PM onwards</p>	320	<p class="mu-event-time">04:00PM onwards</p>
339	<div style="overflow: hidden">	321	<div style="overflow: hidden">
340	<h3>Wrapup</h3>	322	<h3>Wrapup</h3>
341	<h3>Finalization of the results</h3>	323	<h3>Finalization of the results</h3>
342	<h3>Winner selection and Prize distribution</h3>	324	<h3>Winner selection and Prize distribution</h3>
343	<h3>Thanks giving session</h3>	325	<h3>Thanks giving session</h3>
344	</div>	326	</div>
345	</div>	327	</div>
346	</li>	328	</li>
347	</ul>	329	</ul>
348	</div>	330	</div>
349	<div role="tabpanel" class="tab-pane fade mu-event-timeline" id="third-day">	331	<div role="tabpanel" class="tab-pane fade mu-event-timeline" id="third-day">
350	<ul>	332	<ul>
351	<li>	333	<li>
352	<div class="mu-single-event">	334	<div class="mu-single-event">
353	<p class="mu-event-time">9.00 AM</p>	335	<p class="mu-event-time">9.00 AM</p>
354	<h3>Breakfast</h3>	336	<h3>Breakfast</h3>
355	</div>	337	</div>
356	</li>	338	</li>
357	<li>	339	<li>
358	<div class="mu-single-event">	340	<div class="mu-single-event">
359	<img src="assets/images/speaker-1.jpg" alt="event speaker">	341	<!-- <img src="assets/images/speaker-1.jpg" alt="event speaker"> -->
360	<p class="mu-event-time">10.00 AM</p>	342	<p class="mu-event-time">10.00 AM</p>
361	<h3>Advanced SVG Animations</h3>	343	<h3>Advanced SVG Animations</h3>
362	<span>By Karl Groves</span>	344	<span>By Karl Groves</span>
363	</div>	345	</div>
364	</li>	346	</li>
365	<li>	347	<li>
366	<div class="mu-single-event">	348	<div class="mu-single-event">
367	<img src="assets/images/speaker-2.jpg" alt="event speaker">	349	<!-- <img src="assets/images/speaker-2.jpg" alt="event speaker"> -->
368	<p class="mu-event-time">11.00 AM</p>	350	<p class="mu-event-time">11.00 AM</p>
369	<h3>Presenting Work with Confidence</h3>	351	<h3>Presenting Work with Confidence</h3>
370	<span>By Sarah Dransner</span>	352	<span>By Sarah Dransner</span>
371	</div>	353	</div>
372	</li>	354	</li>
373	<li>	355	<li>
374	<div class="mu-single-event">	356	<div class="mu-single-event">
375	<img src="assets/images/speaker-3.jpg" alt="event speaker">	357	<!-- <img src="assets/images/speaker-3.jpg" alt="event speaker"> -->
376	<p class="mu-event-time">12.00 AM</p>	358	<p class="mu-event-time">12.00 AM</p>
377	<h3>Keynote on UX & UI Design</h3>	359	<h3>Keynote on UX & UI Design</h3>
378	<span>By Ned Stark</span>	360	<span>By Ned Stark</span>
379	</div>	361	</div>
380	</li>	362	</li>
381	<li>	363	<li>
382	<div class="mu-single-event">	364	<div class="mu-single-event">
383	<p class="mu-event-time">1.00 PM</p>	365	<p class="mu-event-time">1.00 PM</p>
384	<h3>The End</h3>	366	<h3>The End</h3>
385	</div>	367	</div>
386	</li>	368	</li>
387	</ul>	369	</ul>
388	</div>	370	</div>
389		371
390	</div>	372	</div>
391		373
392	</div>	374	</div>
393		375
394	</div>	376	</div>
395	</div>	377	</div>
396	</div>	378	</div>
397	</div>	379	</div>
398	</section>	380	</section>
399	<!-- End Schedule -->	381	<!-- End Schedule -->
400		382
401	<!-- Start Speakers -->	383	<!-- Start Speakers -->
402	<section id="mu-speakers">	384	<!-- <section id="mu-speakers">
403	<div class="container">	385	<div class="container">
404	<div class="row">	386	<div class="row">
405	<div class="col-md-12">	387	<div class="col-md-12">
406	<div class="mu-speakers-area">	388	<div class="mu-speakers-area">
407		389
408	<div class="mu-title-area">	390	<div class="mu-title-area">
409	<h2 class="mu-title">Our Speakers</h2>	391	<h2 class="mu-title">Our Speakers</h2> -->
410	<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis unde, ut sapiente et voluptatum facilis consectetur incidunt provident asperiores at necessitatibus nulla sequi voluptas libero quasi explicabo veritatis minima porro.</p> -->	392	<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis unde, ut sapiente et voluptatum facilis consectetur incidunt provident asperiores at necessitatibus nulla sequi voluptas libero quasi explicabo veritatis minima porro.</p> -->
411	</div>	393	<!-- </div> -->
412		394
413	<!-- Start Speakers Content -->	395	<!-- Start Speakers Content -->
414	<div class="mu-speakers-content">	396	<!-- <div class="mu-speakers-content">
415		397
416	<div class="mu-speakers-slider">	398	<div class="mu-speakers-slider">
417		399	-->
418	<!-- Start single speaker -->	400	<!-- Start single speaker -->
419	<div class="mu-single-speakers">	401	<!-- <div class="mu-single-speakers">
420	<img src="assets/images/gaurav_saini.jpg" alt="speaker img">	402	<img src="assets/images/gaurav_saini.jpg" alt="speaker img">
421	<div class="mu-single-speakers-info">	403	<div class="mu-single-speakers-info">
422	<h3>Gaurav Saini</h3>	404	<h3>Gaurav Saini</h3>
423	<p>Director Viithiisys</p>	405	<p>Director Viithiisys</p>
424	<ul class="mu-single-speakers-social">	406	<ul class="mu-single-speakers-social">
425	<li><a href="https://www.facebook.com/gauravsaini03"><i class="fa fa-facebook"></i></a></li>	407	<li><a href="https://www.facebook.com/gauravsaini03"><i class="fa fa-facebook"></i></a></li>
426	<li><a href="https://twitter.com/gauravsaini03?lang=en"><i class="fa fa-twitter"></i></a></li>	408	<li><a href="https://twitter.com/gauravsaini03?lang=en"><i class="fa fa-twitter"></i></a></li>
427	<li><a href="https://in.linkedin.com/in/gauravsaini03"><i class="fa fa-linkedin"></i></a></li>	409	<li><a href="https://in.linkedin.com/in/gauravsaini03"><i class="fa fa-linkedin"></i></a></li>
428	</ul>	410	</ul>
429	</div>	411	</div>
430	</div>	412	</div> -->
431	<!-- End single speaker -->	413	<!-- End single speaker -->
432		414
433	<!-- Start single speaker -->	415	<!-- Start single speaker -->
434	<div class="mu-single-speakers">	416	<!-- <div class="mu-single-speakers">
435	<img src="assets/images/speaker-2.jpg" alt="speaker img">	417	<img src="assets/images/speaker-2.jpg" alt="speaker img">
436	<div class="mu-single-speakers-info">	418	<div class="mu-single-speakers-info">
437	<h3>Sarah Dransner</h3>	419	<h3>Sarah Dransner</h3>
438	<p>Business Consultant</p>	420	<p>Business Consultant</p>
439	<ul class="mu-single-speakers-social">	421	<ul class="mu-single-speakers-social">
440	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	422	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
441	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	423	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
442	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	424	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
443	</ul>	425	</ul>
444	</div>	426	</div>
445	</div>	427	</div> -->
446	<!-- End single speaker -->	428	<!-- End single speaker -->
447		429
448		430
449	<!-- Start single speaker -->	431	<!-- Start single speaker -->
450	<div class="mu-single-speakers">	432	<!-- <div class="mu-single-speakers">
451	<img src="assets/images/speaker-3.jpg" alt="speaker img">	433	<img src="assets/images/speaker-3.jpg" alt="speaker img">
452	<div class="mu-single-speakers-info">	434	<div class="mu-single-speakers-info">
453	<h3>Ned Stark</h3>	435	<h3>Ned Stark</h3>
454	<p>UI/UX Specialist</p>	436	<p>UI/UX Specialist</p>
455	<ul class="mu-single-speakers-social">	437	<ul class="mu-single-speakers-social">
456	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	438	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
457	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	439	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
458	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	440	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
459	</ul>	441	</ul>
460	</div>	442	</div>
461	</div>	443	</div> -->
462	<!-- End single speaker -->	444	<!-- End single speaker -->
463		445
464		446
465	<!-- Start single speaker -->	447	<!-- Start single speaker -->
466	<div class="mu-single-speakers">	448	<!-- <div class="mu-single-speakers">
467	<img src="assets/images/speaker-4.jpg" alt="speaker img">	449	<img src="assets/images/speaker-4.jpg" alt="speaker img">
468	<div class="mu-single-speakers-info">	450	<div class="mu-single-speakers-info">
469	<h3>Michaela Lehr </h3>	451	<h3>Michaela Lehr </h3>
470	<p>Digital Marketer</p>	452	<p>Digital Marketer</p>
471	<ul class="mu-single-speakers-social">	453	<ul class="mu-single-speakers-social">
472	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	454	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
473	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	455	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
474	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	456	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
475	</ul>	457	</ul>
476	</div>	458	</div>
477	</div>	459	</div> -->
478	<!-- End single speaker -->	460	<!-- End single speaker -->
479		461
480	<!-- Start single speaker -->	462	<!-- Start single speaker -->
481	<div class="mu-single-speakers">	463	<!-- <div class="mu-single-speakers">
482	<img src="assets/images/speaker-1.jpg" alt="speaker img">	464	<img src="assets/images/speaker-1.jpg" alt="speaker img">
483	<div class="mu-single-speakers-info">	465	<div class="mu-single-speakers-info">
484	<h3>Karl Groves</h3>	466	<h3>Karl Groves</h3>
485	<p>Digital Artist</p>	467	<p>Digital Artist</p>
486	<ul class="mu-single-speakers-social">	468	<ul class="mu-single-speakers-social">
487	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	469	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
488	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	470	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
489	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	471	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
490	</ul>	472	</ul>
491	</div>	473	</div>
492	</div>	474	</div> -->
493	<!-- End single speaker -->	475	<!-- End single speaker -->
494		476
495	<!-- Start single speaker -->	477	<!-- Start single speaker -->
496	<div class="mu-single-speakers">	478	<!-- <div class="mu-single-speakers">
497	<img src="assets/images/speaker-2.jpg" alt="speaker img">	479	<img src="assets/images/speaker-2.jpg" alt="speaker img">
498	<div class="mu-single-speakers-info">	480	<div class="mu-single-speakers-info">
499	<h3>Sarah Dransner</h3>	481	<h3>Sarah Dransner</h3>
500	<p>Business Consultant</p>	482	<p>Business Consultant</p>
501	<ul class="mu-single-speakers-social">	483	<ul class="mu-single-speakers-social">
502	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	484	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
503	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	485	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
504	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	486	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
505	</ul>	487	</ul>
506	</div>	488	</div>
507	</div>	489	</div> -->
508	<!-- End single speaker -->	490	<!-- End single speaker -->
509		491
510		492
511	<!-- Start single speaker -->	493	<!-- Start single speaker -->
512	<div class="mu-single-speakers">	494	<!-- <div class="mu-single-speakers">
513	<img src="assets/images/speaker-3.jpg" alt="speaker img">	495	<img src="assets/images/speaker-3.jpg" alt="speaker img">
514	<div class="mu-single-speakers-info">	496	<div class="mu-single-speakers-info">
515	<h3>Ned Stark</h3>	497	<h3>Ned Stark</h3>
516	<p>UI/UX Specialist</p>	498	<p>UI/UX Specialist</p>
517	<ul class="mu-single-speakers-social">	499	<ul class="mu-single-speakers-social">
518	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	500	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
519	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	501	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
520	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	502	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
521	</ul>	503	</ul>
522	</div>	504	</div>
523	</div>	505	</div> -->
524	<!-- End single speaker -->	506	<!-- End single speaker -->
525		507
526		508
527	<!-- Start single speaker -->	509	<!-- Start single speaker -->
528	<div class="mu-single-speakers">	510	<!-- <div class="mu-single-speakers">
529	<img src="assets/images/speaker-4.jpg" alt="speaker img">	511	<img src="assets/images/speaker-4.jpg" alt="speaker img">
530	<div class="mu-single-speakers-info">	512	<div class="mu-single-speakers-info">
531	<h3>Michaela Lehr </h3>	513	<h3>Michaela Lehr </h3>
532	<p>Digital Marketer</p>	514	<p>Digital Marketer</p>
533	<ul class="mu-single-speakers-social">	515	<ul class="mu-single-speakers-social">
534	<li><a href="#"><i class="fa fa-facebook"></i></a></li>	516	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
535	<li><a href="#"><i class="fa fa-twitter"></i></a></li>	517	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
536	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>	518	<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
537	</ul>	519	</ul>
538	</div>	520	</div>
539	</div>	521	</div> -->
540	<!-- End single speaker -->	522	<!-- End single speaker -->
541	</div>	523	<!-- </div>
542	</div>	524	</div> -->
543	<!-- End Speakers Content -->	525	<!-- End Speakers Content -->
544		526
545	</div>	527	<!-- </div>
546	</div>	528	</div>
547	</div>	529	</div>
548	</div>	530	</div>
549	</section>	531	</section> -->
550	<!-- End Speakers -->	532	<!-- End Speakers -->
551		533
552	<!-- Start Venue -->	534	<!-- Start Venue -->
553	<section id="mu-venue">	535	<section id="mu-venue">
554	<div class="mu-venue-area">	536	<div class="mu-venue-area">
555	<div class="row">	537	<div class="row">
556		538
557	<div class="col-md-6">	539	<div class="col-md-6">
558	<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=SCO%2050-51%2C%203rd%20Floor%2C%20Sector%2034A%2C%20Sub.%20City%20Center%2C%20Chandigarh%2C%20160022&key=AIzaSyB_WETOVwJC46DAId1CKs64QrEbbZLWUZI" allowfullscreen></iframe>	540	<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=SCO%2050-51%2C%203rd%20Floor%2C%20Sector%2034A%2C%20Sub.%20City%20Center%2C%20Chandigarh%2C%20160022&key=AIzaSyB_WETOVwJC46DAId1CKs64QrEbbZLWUZI" allowfullscreen></iframe>
559	</div>	541	</div>
560		542
561	<div class="col-md-6">	543	<div class="col-md-6">
562	<div class="mu-venue-address">	544	<div class="mu-venue-address">
563	<h2>VENUE <i class="fa fa-chevron-right" aria-hidden="true"></i></h2>	545	<h2>VENUE <i class="fa fa-chevron-right" aria-hidden="true"></i></h2>
564	<h3>Spacejam</h3>	546	<h3>Spacejam</h3>
565	<h4>SCO 50-51, 3rd Floor, Sector 34A, Sub. City Center, Chandigarh, 160022</h4>	547	<h4>SCO 50-51, 3rd Floor, Sector 34A, Sub. City Center, Chandigarh, 160022</h4>
566	<p>SpaceJam is the coworking space in Chandigarh you have always wanted. We all have ideas and concepts, but it takes more than sheer will to transform them in to products that the World can enjoy. SpaceJam provides you with a shared office space that allows you to co-work with like-minded creative individuals and transform your ideas in to tangible products! With high-speed business Internet, world-class meeting room, ergonomic seating, optimum work-lighting and the best location in Chandigarh, SpaceJam is the go to coworking space in the Tricity!</p>	548	<p>SpaceJam is the coworking space in Chandigarh you have always wanted. We all have ideas and concepts, but it takes more than sheer will to transform them in to products that the World can enjoy. SpaceJam provides you with a shared office space that allows you to co-work with like-minded creative individuals and transform your ideas in to tangible products! With high-speed business Internet, world-class meeting room, ergonomic seating, optimum work-lighting and the best location in Chandigarh, SpaceJam is the go to coworking space in the Tricity!</p>
567	</div>	549	</div>
568	</div>	550	</div>
569	</div>	551	</div>
570	</div>	552	</div>
571	</section>	553	</section>
572	<!-- End Venue -->	554	<!-- End Venue -->
573	<!-- Start FAQ -->	555	<!-- Start FAQ -->
574	<section id="mu-faq">	556	<section id="mu-faq">
575	<div class="container">	557	<div class="container">
576	<div class="row">	558	<div class="row">
577	<div class="col-md-12">	559	<div class="col-md-12">
578	<div class="mu-faq-area">	560	<div class="mu-faq-area">
579		561
580	<div class="mu-title-area">	562	<div class="mu-title-area">
581	<h2 class="mu-title">FAQ</h2>	563	<h2 class="mu-title">FAQ</h2>
582	<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint assumenda ut molestias doloremque ipsam, fugit laborum totam, pariatur est cumque at, repudiandae officia ex dolores quas minus optio, iusto soluta?</p> -->	564	<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint assumenda ut molestias doloremque ipsam, fugit laborum totam, pariatur est cumque at, repudiandae officia ex dolores quas minus optio, iusto soluta?</p> -->
583	</div>	565	</div>
584		566
585	<div class="mu-faq-content">	567	<div class="mu-faq-content">
586		568
587	<div class="panel-group" id="accordion">	569	<div class="panel-group" id="accordion">
588	<!-- collapseone start -->	570	<!-- collapseone start -->
589	<div class="panel panel-default">	571	<div class="panel panel-default">
590	<div class="panel-heading">	572	<div class="panel-heading">
591	<h4 class="panel-title">	573	<h4 class="panel-title">
592	<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true">	574	<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true">
593	<span class="fa fa-angle-down"></span> Who all can participate?	575	<span class="fa fa-angle-down"></span> Who all can participate?
594	</a>	576	</a>
595	</h4>	577	</h4>
596	</div>	578	</div>
597	<div id="collapseOne" class="panel-collapse collapse in">	579	<div id="collapseOne" class="panel-collapse collapse in">
598	<div class="panel-body">	580	<div class="panel-body">
599	Developers both professionals as well as students, any age.	581	Developers both professionals as well as students, any age.
600	</div>	582	</div>
601	</div>	583	</div>
602	</div>	584	</div>
603	<!-- collapseone end -->	585	<!-- collapseone end -->
604	<!-- collapseTwo start -->	586	<!-- collapseTwo start -->
605	<div class="panel panel-default">	587	<div class="panel panel-default">
606	<div class="panel-heading">	588	<div class="panel-heading">
607	<h4 class="panel-title">	589	<h4 class="panel-title">
608	<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">	590	<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
609	<span class="fa fa-angle-up"></span> What is the event about?	591	<span class="fa fa-angle-up"></span> What is the event about?
610	</a>	592	</a>
611	</h4>	593	</h4>
612	</div>	594	</div>
613	<div id="collapseTwo" class="panel-collapse collapse">	595	<div id="collapseTwo" class="panel-collapse collapse">
614	<div class="panel-body">	596	<div class="panel-body">
615	The event is all about contributing to the open source community from where most of us use open source projects to save time, money and energy. and building a sharing culture in the society.	597	The event is all about contributing to the open source community from where most of us use open source projects to save time, money and energy. and building a sharing culture in the society.
616	</div>	598	</div>
617	</div>	599	</div>
618	</div>	600	</div>
619	<!-- collapseTwo End -->	601	<!-- collapseTwo End -->
620	<!-- collapseThree start -->	602	<!-- collapseThree start -->
621	<div class="panel panel-default">	603	<div class="panel panel-default">
622	<div class="panel-heading">	604	<div class="panel-heading">
623	<h4 class="panel-title">	605	<h4 class="panel-title">
624	<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">	606	<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
625	<span class="fa fa-angle-up"></span> How will the developers contribute?	607	<span class="fa fa-angle-up"></span> How will the developers contribute?
626	</a>	608	</a>
627	</h4>	609	</h4>
628	</div>	610	</div>
629	<div id="collapseThree" class="panel-collapse collapse">	611	<div id="collapseThree" class="panel-collapse collapse">
630	<div class="panel-body">	612	<div class="panel-body">
631	Developers will have to work on different bugs/tasks spread across multiple open source projects.	613	Developers will have to work on different bugs/tasks spread across multiple open source projects.
632	</div>	614	</div>
633	</div>	615	</div>
634	</div>	616	</div>
635	<!-- collapseThree End -->	617	<!-- collapseThree End -->
636	<!-- collapseFour start -->	618	<!-- collapseFour start -->
637	<div class="panel panel-default">	619	<div class="panel panel-default">
638	<div class="panel-heading">	620	<div class="panel-heading">
639	<h4 class="panel-title">	621	<h4 class="panel-title">
640	<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">	622	<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
641	<span class="fa fa-angle-up"></span> Is this an overnight event?	623	<span class="fa fa-angle-up"></span> Is this an overnight event?
642	</a>	624	</a>
643	</h4>	625	</h4>
644	</div>	626	</div>
645	<div id="collapseFour" class="panel-collapse collapse">	627	<div id="collapseFour" class="panel-collapse collapse">
646	<div class="panel-body">	628	<div class="panel-body">
647	Yes, the event shall takes place for entire night. Developers can work on the bugs overnight.	629	Yes, the event shall takes place for entire night. Developers can work on the bugs overnight.
648	</div>	630	</div>
649	</div>	631	</div>
650	</div>	632	</div>
651	<!-- collapseFour End -->	633	<!-- collapseFour End -->
652	<!-- collapseFive start -->	634	<!-- collapseFive start -->
653	<div class="panel panel-default">	635	<div class="panel panel-default">
654	<div class="panel-heading">	636	<div class="panel-heading">
655	<h4 class="panel-title">	637	<h4 class="panel-title">
656	<a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">	638	<a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">
657	<span class="fa fa-angle-up"></span> How will the winners be chosen?	639	<span class="fa fa-angle-up"></span> How will the winners be chosen?
658	</a>	640	</a>
659	</h4>	641	</h4>
660	</div>	642	</div>
661	<div id="collapseFive" class="panel-collapse collapse">	643	<div id="collapseFive" class="panel-collapse collapse">
662	<div class="panel-body">	644	<div class="panel-body">
663	The team which solves the maximum number of assigned bugs in the given time interval will be chosen as the winner of the event.	645	The team which solves the maximum number of assigned bugs in the given time interval will be chosen as the winner of the event.
664	</div>	646	</div>
665	</div>	647	</div>
666	</div>	648	</div>
667	<!-- collapseFive End -->	649	<!-- collapseFive End -->
668	<!-- collapseSix start -->	650	<!-- collapseSix start -->
669	<div class="panel panel-default">	651	<div class="panel panel-default">
670	<div class="panel-heading">	652	<div class="panel-heading">
671	<h4 class="panel-title">	653	<h4 class="panel-title">
672	<a data-toggle="collapse" data-parent="#accordion" href="#collapseSix">	654	<a data-toggle="collapse" data-parent="#accordion" href="#collapseSix">
673	<span class="fa fa-angle-up"></span> Can teams/groups apply ?	655	<span class="fa fa-angle-up"></span> Can teams/groups apply ?
674	</a>	656	</a>
675	</h4>	657	</h4>
676	</div>	658	</div>
677	<div id="collapseSix" class="panel-collapse collapse">	659	<div id="collapseSix" class="panel-collapse collapse">
678	<div class="panel-body">	660	<div class="panel-body">
679	Yes, teams/group of max. three people, can apply in the event.	661	Yes, teams/group of max. three people, can apply in the event.
680	</div>	662	</div>
681	</div>	663	</div>
682	</div>	664	</div>
683	<!-- collapseSix End -->	665	<!-- collapseSix End -->
684	<!-- collapseSeven start -->	666	<!-- collapseSeven start -->
685	<div class="panel panel-default">	667	<div class="panel panel-default">
686	<div class="panel-heading">	668	<div class="panel-heading">
687	<h4 class="panel-title">	669	<h4 class="panel-title">
688	<a data-toggle="collapse" data-parent="#accordion" href="#collapSeven">	670	<a data-toggle="collapse" data-parent="#accordion" href="#collapSeven">
689	<span class="fa fa-angle-up"></span> How will I be notified for further process and any updates?	671	<span class="fa fa-angle-up"></span> How will I be notified for further process and any updates?
690	</a>	672	</a>
691	</h4>	673	</h4>
692	</div>	674	</div>
693	<div id="collapSeven" class="panel-collapse collapse">	675	<div id="collapSeven" class="panel-collapse collapse">
694	<div class="panel-body">	676	<div class="panel-body">
695	We will send you emails regarding all the updates on your registered mail Ids and you'll be notified on a regular basis. You can also follow our page on facebook. /open for regular notifications and updates.	677	We will send you emails regarding all the updates on your registered mail Ids and you'll be notified on a regular basis. You can also follow our page on facebook. /open for regular notifications and updates.
696	</div>	678	</div>
697	</div>	679	</div>
698	</div>	680	</div>
699	<!-- collapseSeven End -->	681	<!-- collapseSeven End -->
700	<!-- collapseEight start -->	682	<!-- collapseEight start -->
701	<div class="panel panel-default">	683	<div class="panel panel-default">
702	<div class="panel-heading">	684	<div class="panel-heading">
703	<h4 class="panel-title">	685	<h4 class="panel-title">
704	<a data-toggle="collapse" data-parent="#accordion" href="#collapseEight">	686	<a data-toggle="collapse" data-parent="#accordion" href="#collapseEight">
705	<span class="fa fa-angle-up"></span> What are the key dates ?	687	<span class="fa fa-angle-up"></span> What are the key dates ?
706	</a>	688	</a>
707	</h4>	689	</h4>
708	</div>	690	</div>
709	<div id="collapseEight" class="panel-collapse collapse">	691	<div id="collapseEight" class="panel-collapse collapse">
710	<div class="panel-body">	692	<div class="panel-body">
711	Feburary 12 - Online registrations	693	Feburary 12 - Online registrations
712	Feburary 10- Applications closed	694	Feburary 10- Applications closed
713	</div>	695	</div>
714	</div>	696	</div>
715	</div>	697	</div>
716	<!-- collapseEight End -->	698	<!-- collapseEight End -->
717	</div>	699	</div>
718	</div>	700	</div>
719	</div>	701	</div>
720	</div>	702	</div>
721	</div>	703	</div>
722	</section>	704	</section>
723	<!-- End FAQ -->	705	<!-- End FAQ -->
724		706
725	<!-- Start Register -->	707	<!-- Start Register -->
726	<section id="mu-register">	708	<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScuQ6uEd9DzCzJhmCulr5Z4clp1mzhfItiuVfri3Fo1QA5FKQ/viewform?embedded=true" width="1280" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
727	<div class="container">
728	<div class="row">
729	<div class="col-md-12">
730	<div class="mu-register-area">
731
732	<div class="mu-title-area">
733	<h2 class="mu-title">Register Form</h2>
734	<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis unde, ut sapiente et voluptatum facilis consectetur incidunt provident asperiores at necessitatibus nulla sequi voluptas libero quasi explicabo veritatis minima porro.</p> -->
735	</div>
736
737	<div class="mu-register-content">
738	<form class="mu-register-form">
739
740	<div class="row">
741	<div class="col-md-6">
742	<div class="form-group">
743	<input type="text" class="form-control" placeholder="Your Full Name" id="name" name="name" required="">
744	</div>
745	</div>
746
747	<div class="col-md-6">
748	<div class="form-group">
749	<input type="email" class="form-control" placeholder="Enter Your Email" id="email" name="email" required="">
750	</div>
751	</div>
752	</div>
753
754	<div class="row">
755	<div class="col-md-6">
756	<div class="form-group">
757	<input type="text" class="form-control" placeholder="Your Phone Number" id="telephone" name="telephone" required="">
758	</div>
759	</div>
760	<div class="col-md-6">
761
762	<div class="form-group">
763	<select class="form-control" name="Background" id="Background">
764	<option value="" disabled selected>Background</option>
765	<option value="0">Student</option>
766	<option value="1">Working</option>
767	</select>
768	</div>
769	</div>
770	</div>
771
772	<button type="submit" class="mu-reg-submit-btn">SUBMIT</button>
773
774	</form>
775	</div>
776
777	</div>
778	</div>
779	</div>
780	</div>
781	</section>
782	<!-- End Register -->	709	<!-- End Register -->
783		710
784		711
785		712
786	<!-- Start Sponsors -->	713	<!-- Start Sponsors -->
787	<section id="mu-sponsors">	714	<!-- <section id="mu-sponsors">
788	<div class="container">	715	<div class="container">
789	<div class="row">	716	<div class="row">
790	<div class="col-md-12">	717	<div class="col-md-12">
791	<div class="mu-sponsors-area">	718	<div class="mu-sponsors-area">
792		719
793	<div class="mu-title-area">	720	<div class="mu-title-area">
794	<h2 class="mu-title">Our Sponsors</h2>	721	<h2 class="mu-title">Our Sponsors</h2> -->
795	<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint assumenda ut molestias doloremque ipsam, fugit laborum totam, pariatur est cumque at, repudiandae officia ex dolores quas minus optio, iusto soluta?</p> -->	722	<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint assumenda ut molestias doloremque ipsam, fugit laborum totam, pariatur est cumque at, repudiandae officia ex dolores quas minus optio, iusto soluta?</p> -->
796	</div>	723	<!-- </div> -->
797		724
798	<!-- Start spnonsors brand logo -->	725	<!-- Start spnonsors brand logo -->
799	<div class="mu-sponsors-content">	726	<!-- <div class="mu-sponsors-content">
800	<div class="row">	727	<div class="row">
801		728
802	<div class="col-md-2 col-sm-4 col-xs-4">	729	<div class="col-md-2 col-sm-4 col-xs-4">
803	<div class="mu-sponsors-single">	730	<div class="mu-sponsors-single">
804	<img src="assets/images/sponsor-logo-1.png" alt="Brand Logo">	731	<img src="assets/images/sponsor-logo-1.png" alt="Brand Logo">
805	</div>	732	</div>
806	</div>	733	</div>
807		734
808	<div class="col-md-2 col-sm-4 col-xs-4">	735	<div class="col-md-2 col-sm-4 col-xs-4">
809	<div class="mu-sponsors-single">	736	<div class="mu-sponsors-single">
810	<img src="assets/images/sponsor-logo-2.jpg" alt="Brand Logo">	737	<img src="assets/images/sponsor-logo-2.jpg" alt="Brand Logo">
811	</div>	738	</div>
812	</div>	739	</div>
813		740
814	<div class="col-md-2 col-sm-4 col-xs-4">	741	<div class="col-md-2 col-sm-4 col-xs-4">
815	<div class="mu-sponsors-single">	742	<div class="mu-sponsors-single">
816	<img src="assets/images/sponsor-logo-3.png" alt="Brand Logo">	743	<img src="assets/images/sponsor-logo-3.png" alt="Brand Logo">
817	</div>	744	</div>
818	</div>	745	</div>
819		746
820	<div class="col-md-2 col-sm-4 col-xs-4">	747	<div class="col-md-2 col-sm-4 col-xs-4">
821	<div class="mu-sponsors-single">	748	<div class="mu-sponsors-single">
822	<img src="assets/images/sponsor-logo-4.png" alt="Brand Logo">	749	<img src="assets/images/sponsor-logo-4.png" alt="Brand Logo">
823	</div>	750	</div>
824	</div>	751	</div>
825		752
826	<div class="col-md-2 col-sm-4 col-xs-4">	753	<div class="col-md-2 col-sm-4 col-xs-4">
827	<div class="mu-sponsors-single">	754	<div class="mu-sponsors-single">
828	<img src="assets/images/sponsor-logo-5.png" alt="Brand Logo">	755	<img src="assets/images/sponsor-logo-5.png" alt="Brand Logo">
829	</div>	756	</div>
830	</div>	757	</div>
831		758
832	<div class="col-md-2 col-sm-4 col-xs-4">	759	<div class="col-md-2 col-sm-4 col-xs-4">
833	<div class="mu-sponsors-single">	760	<div class="mu-sponsors-single">
834	<img src="assets/images/sponsor-logo-6.png" alt="Brand Logo">	761	<img src="assets/images/sponsor-logo-6.png" alt="Brand Logo">
835	</div>	762	</div>
836	</div>	763	</div>
837	</div>	764	</div>
838	</div>	765	</div> -->
839	<!-- End spnonsors brand logo -->	766	<!-- End spnonsors brand logo -->
840		767
841	</div>	768	<!-- </div>
842	</div>	769	</div>
843	</div>	770	</div>
844	</div>	771	</div>
845	</section>	772	</section> -->
846	<!-- End Sponsors -->	773	<!-- End Sponsors -->
847		774
848		775
849	<!-- Start Contact -->	776	<!-- Start Contact -->
850	<section id="mu-contact">	777	<!-- <section id="mu-contact">
851	<div class="container">	778	<div class="container">
852	<div class="row">	779	<div class="row">
853	<div class="col-md-12">	780	<div class="col-md-12">
854	<div class="mu-contact-area">	781	<div class="mu-contact-area">
855		782
856	<div class="mu-title-area">	783	<div class="mu-title-area">
857	<h2 class="mu-heading-title">Contact Us</h2>	784	<h2 class="mu-heading-title">Contact Us</h2> -->
858	<!-- <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</p> -->	785	<!-- <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</p> -->
859	</div>	786	<!-- </div> -->
860		787
861	<!-- Start Contact Content -->	788	<!-- Start Contact Content -->
862	<div class="mu-contact-content">	789	<!-- <div class="mu-contact-content">
863	<div class="row">	790	<div class="row">
864		791
865	<div class="col-md-12">	792	<div class="col-md-12">
866	<div class="mu-contact-form-area">	793	<div class="mu-contact-form-area">
867	<div id="form-messages"></div>	794	<div id="form-messages"></div>
868	<form id="ajax-contact" method="post" action="mailer.php" class="mu-contact-form">	795	<form id="ajax-contact" method="post" action="mailer.php" class="mu-contact-form">
869	<div class="form-group">	796	<div class="form-group">
870	<input type="text" class="form-control" placeholder="Name" id="name" name="name" required>	797	<input type="text" class="form-control" placeholder="Name" id="name" name="name" required>
871	</div>	798	</div>
872	<div class="form-group">	799	<div class="form-group">
873	<input type="email" class="form-control" placeholder="Enter Email" id="email" name="email" required>	800	<input type="email" class="form-control" placeholder="Enter Email" id="email" name="email" required>
874	</div>	801	</div>
875	<div class="form-group">	802	<div class="form-group">
876	<textarea class="form-control" placeholder="Message" id="message" name="message" required></textarea>	803	<textarea class="form-control" placeholder="Message" id="message" name="message" required></textarea>
877	</div>	804	</div>
878	<button type="submit" class="mu-send-msg-btn"><span>SUBMIT</span></button>	805	<button type="submit" class="mu-send-msg-btn"><span>SUBMIT</span></button>
879	</form>	806	</form>
880	</div>	807	</div>
881	</div>	808	</div>
882	</div>	809	</div>
883	</div>	810	</div> -->
884	<!-- End Contact Content -->	811	<!-- End Contact Content -->
885	</div>	812	<!-- </div>
886	</div>	813	</div>
887	</div>	814	</div>
888	</div>	815	</div>
889	</section>	816	</section> -->
890	<!-- End Contact -->	817	<!-- End Contact -->
891		818
892	</main>	819	</main>
893		820
894	<!-- End main content -->	821	<!-- End main content -->
895		822
896		823
897	<!-- Start footer -->	824	<!-- Start footer -->
898	<footer id="mu-footer" role="contentinfo">	825	<footer id="mu-footer" role="contentinfo">
899	<div class="container">	826	<div class="container">
900	<div class="mu-footer-area">	827	<div class="mu-footer-area">
901	<div class="mu-footer-top">	828	<div class="mu-footer-top">
902	<div class="mu-social-media">	829	<div class="mu-social-media">
903	<a href="#"><i class="fa fa-facebook"></i></a>	830	<a href="#"><i class="fa fa-facebook"></i></a>
904	<a href="#"><i class="fa fa-twitter"></i></a>	831	<a href="#"><i class="fa fa-twitter"></i></a>
905	<a href="#"><i class="fa fa-google-plus"></i></a>	832	<a href="#"><i class="fa fa-google-plus"></i></a>
906	<a href="#"><i class="fa fa-linkedin"></i></a>	833	<a href="#"><i class="fa fa-linkedin"></i></a>
907	<a href="#"><i class="fa fa-youtube"></i></a>	834	<a href="#"><i class="fa fa-youtube"></i></a>
908	</div>	835	</div>
909	</div>	836	</div>
910	<div class="mu-footer-bottom">	837	<div class="mu-footer-bottom">
911	<p class="mu-copy-right">© Copyright <a rel="nofollow" href="http://markups.io">markups.io</a>. All right reserved.</p>	838	<p class="mu-copy-right">© Copyright <a rel="nofollow" href="http://www.viithiisys.com">Viithiisys Technologies</a>. All right reserved.</p>
912	</div>	839	</div>
913	</div>	840	</div>
914	</div>	841	</div>
915		842
916	</footer>	843	</footer>
917	<!-- End footer -->	844	<!-- End footer -->
918		845
919		846
920		847
921	<!-- jQuery library -->	848	<!-- jQuery library -->
922	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>	849	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
923	<!-- Include all compiled plugins (below), or include individual files as needed -->	850	<!-- Include all compiled plugins (below), or include individual files as needed -->
924	<!-- Bootstrap -->	851	<!-- Bootstrap -->
925	<script src="assets/js/bootstrap.min.js"></script>	852	<script src="assets/js/bootstrap.min.js"></script>
926	<!-- Slick slider -->	853	<!-- Slick slider -->
927	<script type="text/javascript" src="assets/js/slick.min.js"></script>	854	<script type="text/javascript" src="assets/js/slick.min.js"></script>
928	<!-- Event Counter -->	855	<!-- Event Counter -->
929	<script type="text/javascript" src="assets/js/jquery.countdown.min.js"></script>	856	<script type="text/javascript" src="assets/js/jquery.countdown.min.js"></script>
930	<!-- Ajax contact form -->	857	<!-- Ajax contact form -->
931	<script type="text/javascript" src="assets/js/app.js"></script>	858	<script type="text/javascript" src="assets/js/app.js"></script>
932		859
933		860

style.css

Diff comments View file @423cebd

 /*
 Template Name: Eventoz
 Author: MarkUps
 Author URI: http://www.markups.io/
 Version: 1.0
 */
 /* Table of Content
 ==================================================
 #BASIC TYPOGRAPHY
 #HEADER
 #MENU
 #ABOUT US
 #VIDEO
 #SCHEDULE
 #SPEAKERS
 #VENUE
 #PRICING PLANS
 #REGISTER FORM
 #FAQ
 #OUR
 #CONTACT US
 #FOOTER
 #RESPONSIVE STYLE
 */
 /*--------------------*/
 /* BASIC TYPOGRAPHY */
 /*--------------------*/
 body,
 html {
 	overflow-x:hidden;
 }
 body {
 	font-family: 'Open Sans', sans-serif;
 	font-size: 15px;
 	letter-spacing: 0.5px;
 	line-height: 1.5;
 	color: #1c1b1b;
 }
 ul {
 	padding: 0;
 	margin: 0;
 }
 ul li {
 	list-style: disc;
 	font-size: 17px;
 	line-height: 1.59;
 }
 a {
 	text-decoration: none;
 	color: #2f2f2f;
 }
 a:hover,
 a:focus {
 	outline: none;
 	text-decoration: none;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	font-family: 'Montserrat', sans-serif;
 	font-weight: 700;
 	margin-top: 0;
 }
 h1 {
 	font-size: 38px;
 }
 h2 {
 	font-size: 32px;
 	line-height: 1.13;
 }
 h3 {
 	font-size: 26px;
 }
 h4 {
 	font-size: 22px;
 }
 h5 {
 	font-size: 20px;
 }
 h6 {
 	font-size: 18px;
 }
 img {
 	border: none;
 	max-width: 100%;
 }
+.imgabout {
+	border: none;
+	max-width: 100%;
+	padding: 169px 0px 55px 9px;
+}
 code {
 	background-color: #ee6e73;
 	border-radius: 2px;
 	color: #fff;
 	padding: 2px 4px;
 }
 pre {
 	background-color: #f8f8f8;
 	border: 1px solid #eee;
 	border-radius: 4px;
 	padding: 10px;
 }
 pre code {
 	background-color: transparent;
 	color: #333;
 }
 del{
 	text-decoration-color: #ee6e73;
 }
 kbd {
 	background-color: #ddd;
 	padding: 4px 6px;
 	border-radius: 2px;
 	color: ;
 }
 address {
 	line-height: 1.5;
 	padding-left: 10px;
 }
 dl dt {
 	font-weight: 700;
 }
 dl dd {
 	margin-left: 0;
 }
 blockquote {
 	background-color: #f8f8f8;
 	border-radius: 0 4px 4px 0;
 	padding: 5px 15px;
 }
 blockquote p {
 	margin-top: 10px;
 }
 button {
 	padding: 5px 15px;
 	border: none;
 }
 button:focus {
 	outline: none;
 	border: none;
 }
 /* ========= BUTTON =========*/
 .mu-primary-btn {
 	background-color: transparent;
 	border-radius: 4px;
 	border: 2px solid #ffffff;
 	color: #fff;
 	display: inline-block;
 	font-size: 14px;
 	font-weight: 700;
 	letter-spacing: 1.5px;
 	padding: 12px 35px;
 	-webkit-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-primary-btn:hover,
 .mu-primary-btn:focus {
 	background-color: #fff;
 }
 .mu-send-msg-btn {
 	color: #555;
 	font-size: 13px;
 	font-weight: 600;
 	letter-spacing: 1px;
 	text-align: center;
 	padding: 14px 24px;
 	margin-top: 10px;
 	-webkit-transition: all 0.5s;
 	transition: all 0.5s;
 	width: 250px;
 	color: #fff;
 	border-radius: 5px;
 }
 .mu-send-msg-btn:hover,
 .mu-send-msg-btn:focus {
 	background-color: #fff;
 }
 /*--------------------*/
 /* HEADER */
 /*--------------------*/
 #mu-hero {
 	background-image: url("assets/images/head-featured-bg.jpg");
 	display: inline;
 	float: left;
 	width: 100%;
 	background-position: center center;
 	background-attachment: fixed;
 	-webkit-background-size: cover;
 	background-size: cover;
 }
 .mu-hero-overlay {
 	display: inline;
 	float: left;
-	opacity: 0.94;
+	/*opacity: 0.94;*/
 	width: 100%;
 }
 .mu-logo-area {
 	display: inline;
 	float: left;
 	text-align: center;
 	width: 100%;
 }
 .mu-logo {
 	font-size: 35px;
 	font-family: 'Montserrat', sans-serif;
 	display: inline-block;
 	font-weight: 600;
 	background: #fff;
 	padding: 5px 20px;
 	margin-bottom: 30px;
 }
 .mu-menu-btn {
 	position: fixed;
 	right: 15%;
 	top: 50px;
 	color: #fff;
 	font-size: 25px;
 	border: 2px solid #fff;
 	padding: 5px 14px;
 	z-index: 999;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-menu-btn:hover,
 .mu-menu-btn:focus {
 	border: 2px solid #fff;
 }
 /*=== Featured section ===*/
 .mu-hero-featured-area {
 	display: inline;
 	float: left;
 	padding: 60px 0 150px;
 	width: 100%;
 }
 .mu-hero-featured-content {
 	display: inline;
 	float: right;
 	margin-top: 50px;
 	text-align: center;
 	width: 100%;
 }
 .mu-hero-featured-content h1 {
 	font-size: 45px;
 	color: #fff;
 	font-weight: 300;
 	margin-bottom: 15px;
 }
 .mu-hero-featured-content h2 {
 	color: #fff;
 	font-size: 25px;
 	font-weight: 300;
 }
 .mu-event-date-line {
 	background-color: #fff;
 	color: #333;
 	padding: 5px 10px;
 	display: inline-block;
 	margin-top: 10px;
 	font-weight: 600;
 }
 .mu-event-counter-area {
 	display: inline;
 	float: left;
 	margin-top: 50px;
 	width: 100%;
 }
 #mu-event-counter{
 	display: inline;
 	float: left;
 	width: 100%;
 	text-align: center;
 }
 .mu-event-counter-block {
 	border: 2px solid #fff;
 	border-radius: 50%;
 	display: inline-block;
 	height: 180px;
 	width: 180px;
 	text-align: center;
 	font-size: 22px;
 	color: #fff;
 	margin: 0 20px;
 	font-weight: 300;
 }
 .mu-event-counter-block span {
 	display: block;
 	font-size: 40px;
 	font-weight: 700;
 	padding-top: 56px;
 	line-height: 40px;
 }
 /*--------------------*/
 /* MENU */
 /*--------------------*/
 #mu-hero .navbar-default {
 	background-color: #fff;
 	border-color: #e7e7e7;
 	padding: 5px 0;
 }
 .mu-navbar {
 	top: -150px;
 	transition: all 0.5s;
 }
 .mu-nav-show {
 	top: 0px;
 }
 #mu-hero .navbar-default .navbar-brand {
 	padding: 15px 15px;
 	font-size: 28px;
 	line-height: 20px;
 }
 .mu-navbar .mu-menu li a {
 	color: #333;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:focus,
 .navbar-default .navbar-nav > .active > a:hover {
 	color: #fff;
 }
 /*--------------------*/
 /* ABOUT US */
 /*--------------------*/
 #mu-about {
 	background-color: #fff;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-about-area {
 	display: inline;
 	float: left;
 	padding: 100px 0;
 	width: 100%;
 }
 .mu-title-area {
 	display: inline;
 	float: left;
 	text-align: center;
 	padding: 0 120px;
 	width: 100%;
 }
 .mu-title {
 	color: #1c1b1b;
 	margin-bottom: 15px;
 	padding: 0;
 	z-index: 10;
 	text-transform: capitalize;
 }
 .mu-about-left {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-about-right {
 	display: inline;
 	float: left;
 	margin-top: 30px;
 	width: 100%;
 }
 /*--------------------*/
 /* VIDEO */
 /*--------------------*/
 #mu-video {
 	background-image: url("assets/images/about-video-bg.jpg");
 	background-attachment: fixed;
 	background-position: center center;
 	-webkit-background-size: cover;
 	background-size: cover;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-video-overlay {
 	display: inline;
 	float: left;
 	opacity: 0.85;
 	width: 100%;
 }
 .mu-video-area {
 	display: inline;
 	float: left;
 	padding: 200px 0;
 	text-align: center;
 	width: 100%;
 }
 .mu-video-area h2 {
 	color: #fff;
 }
 .mu-video-content {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-video-play-btn,
 .mu-video-close-btn {
 	color: #fff;
 	font-size: 22px;
 	border: 2px solid #fff;
 	border-radius: 50%;
 	width: 60px;
 	display: inline-block;
 	height: 60px;
 	line-height: 55px;
 	text-align: center;
 	margin-top: 100px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-video-play-btn:hover,
 .mu-video-play-btn:focus {
 	color: #fff;
 	-webkit-transform: scale(1.2);
 	        transform: scale(1.2);
 }
 .mu-video-close-btn {
 	border-radius: 50%;
 	color: #fff;
 	font-size: 18px;
 	border: 2px solid #fff;
 	position: absolute;
 	top: 0;
 	right: 15%;
 	display: inline-block;
 	height: 50px;
 	line-height: 45px;
 	text-align: center;
 	margin-top: 100px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 	width: 50px;
 }
 .mu-video-close-btn:hover,
 .mu-video-close-btn:focus {
 	color: #fff;
 	-webkit-transform: scale(1.2);
 	        transform: scale(1.2);
 }
 .mu-video-iframe-area {
 	background-color: rgba(0,0,0,0.84);
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	padding: 12% 0;
 	text-align: center;
 	z-index: 9999;
 	display: none;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-video-iframe-display {
 	display: block;
 }
 .mu-video-iframe-area iframe {
 }
 /*--------------------*/
 /* EVENT SCHEDULE */
 /*--------------------*/
 #mu-schedule {
 	background-color: #f8f8f8;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-schedule-area {
 	display: inline;
 	float: left;
 	padding: 100px 0;
 	width: 100%;
 }
 .mu-schedule-content-area  {
 	display: inline;
 	float: left;
 	margin-top: 50px;
 	width: 100%;
 }
 .mu-schedule-menu {
 	text-align: center;
 	border: none;
 }
 .mu-schedule-menu li {
 	float: none;
 	display: inline-block;
 }
 .mu-schedule-menu li a {
 	border-radius: 0;
 	margin: 0 10px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-schedule-menu li a:hover,
 .mu-schedule-menu li a:focus,
 .mu-schedule-menu li.active a,
 .mu-schedule-menu li.active a:hover,
 .mu-schedule-menu li.active a:focus {
 	color: #fff;
 }
 .mu-schedule-content{
 	margin-top: 50px;
 }
 .mu-event-timeline ul li {
 	list-style-type: none;
 	position: relative;
 	width: 2px;
 	margin: 0 auto;
 	padding-top: 50px;
 	background-color: #ddd;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-event-timeline ul li::after {
 	content: '';
 	position: absolute;
 	left: 50%;
 	top: 70px;
 	transform: translateX(-50%);
 	height: 24px;
 	width: 24px;
 	border-radius: 50%;
 	background: inherit;
 }
 .mu-event-timeline ul li .mu-single-event {
 	background-color: #fff;
 	-webkit-box-shadow: 0 0 16px 0 rgba(32,32,47,0.16);
 	-moz-box-shadow: 0 0 16px 0 rgba(32,32,47,0.16);
 	box-shadow: 0 0 16px 0 rgba(32,32,47,0.16);
 	position: relative;
 	top: 0;
 	width: 400px;
 	padding: 15px;
 	text-align: left;
 }
 .mu-event-timeline ul li:nth-child(2n) .mu-single-event {
 	left: 50px;
 }
 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event {
 	left: -450px;
 	text-align: right;
 }
 .mu-event-timeline ul li .mu-single-event img {
 	height: 60px;
 	width: 60px;
 	float: left;
 	border-radius: 50%;
 	margin-right: 15px;
 }
 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event img {
 	float: right;
 	margin-right: 0;
 	margin-left: 15px;
 }
 .mu-event-timeline ul li .mu-single-event::before {
 	content: '';
 	position: absolute;
 	top: 23px;
 	width: 0;
 	height: 0;
 	border-style: solid;
 }
 .mu-event-timeline ul li:nth-child(2n+1) .mu-single-event::before {
 	right: -15px;
 	border-width: 8px 0 8px 16px;
 	border-color: transparent transparent transparent #fff;
 }
 .mu-event-timeline ul li:nth-child(2n) .mu-single-event::before {
 	left: -16px;
 	border-width: 8px 16px 8px 0;
 	border-color: transparent #fff transparent transparent;
 }
 .mu-event-timeline ul li .mu-single-event h3 {
 	margin-bottom: 5px;
 	font-size: 14px;
 }
 .mu-event-timeline ul li .mu-single-event p {
 	margin-bottom: 5px;
 }
 .mu-event-timeline ul li .mu-single-event span {
 	font-size: 12px;
 }
 /*--------------------*/
 /* SPEAKERS */
 /*--------------------*/
 #mu-speakers {
 	background-color: #fff;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-speakers-area {
 	display: inline;
 	float: left;
 	padding: 100px 0;
 	width: 100%;
 }
 .mu-speakers-content{
 	display: inline;
 	float: left;
 	margin-top: 50px;
 	width: 100%;
 }
 .mu-single-speakers {
 	padding: 0 10px;
 	outline: none;
 	text-align: center;
 	-webkit-transition: all 0.3s ease 0s;
 	transition: all 0.3s ease 0s;
 }
 .mu-speakers-slider .slick-next {
 	right: -60px;
 }
 .mu-speakers-slider .slick-prev {
 	left: -60px;
 }
 .mu-single-speakers-info {
 	display: inline;
 	float: left;
 	margin-top: 20px;
 	width: 100%;
 }
 .mu-single-speakers-info h3 {
 	margin-bottom: 4px;
 	font-size: 22px;
 }
 .mu-single-speakers-info p {
 	margin-bottom: 5px;
 }
 .mu-single-speakers-social {
 }
 .mu-single-speakers-social li {
 	display: inline-block;
 }
 .mu-single-speakers-social li a {
 	display: inline-block;
 	margin-right: 5px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 /*--------------------*/
 /* VENUE */
 /*--------------------*/
 #mu-venue {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-venue-area {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-venue-map {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-venue-map iframe {
 	margin-bottom: -8px;
 }
 .mu-venue-address {
 	display: inline;
 	float: left;
 	width: 100%;
 	padding: 10% 5%;
 	color: #fff;
 }
 .mu-venue-address h2 i {
 	margin-top: -4px;
 	font-size: 22px;
 	display: inline-block;
 	vertical-align: middle;
 }
 .mu-venue-address h3 {
 	margin-top: 15px;
 	margin-bottom: 0px;
 }
 .mu-venue-address h4 {
 	font-size: 18px;
 	font-weight: 300;
 	margin-top: 10px;
 	margin-bottom: 25px;
 }
 /*--------------------*/
 /* PRICING */
 /*--------------------*/
 /*#mu-pricing {
 	background-color: #fff;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-pricing-area {
 	display: inline;
 	float: left;
 	padding: 100px 0;
 	width: 100%;
 }
 .mu-pricing-conten {
 	display: inline;
 	float: left;
 	margin-top: 50px;
 	width: 100%;
 }
 .mu-single-price {
 	background-color: #f8f8f8;
 	display: inline;
 	float: left;
 	text-align: center;
 	position: relative;
 	width: 100%;
 	padding: 15px;
 	overflow: hidden;
 }
 .mu-single-price-head {
 	color: #555;
 	display: inline;
 	float: left;
 	width: 100%;
 	margin-bottom: 10px;
 	margin-top: 10px;
 }
 .mu-single-price-head .mu-currency {
 	font-weight: bold;
 	font-size: 30px;
 }
 .mu-single-price-head .mu-rate {
 	font-size: 60px;
 	font-weight: bold;
 	line-height: 0.9;
 	letter-spacing: 3px;
 }
 .mu-single-price-head .mu-time {
 	font-size: 16px;
 	font-weight: 300;
 	line-height: 0;
 	font-style: italic;
 }
 .mu-single-price .mu-price-title {
 	color: #555;
 	font-size: 22px;
 	padding: 10px 0;
 }
 .mu-single-price ul {
 	list-style: none;
 }
 .mu-single-price ul li{
 	list-style: none;
 	color: #555;
 }
 .mu-register-btn {
 	background-color: #fff;
 	border: 1px solid #555;
 	color: #555;
 	margin-top: 20px;
 	padding: 10px 40px;
 	text-align: center;
 	display: inline-block;
 	margin-bottom: 20px;
 	text-transform: uppercase;
 	letter-spacing: 1.5px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-register-btn:hover,
 .mu-register-btn:focus,
 .mu-popular-price .mu-register-btn {
 	color: #fff;
 }
 .mu-popular-price .mu-price-tag {
 	color: #fff;
 	display: inline-block;
 	position: absolute;
 	top: 15px;
 	left: -62px;
 	padding: 10px 60px;
 	font-size: 15px;
 	text-transform: uppercase;
 	letter-spacing: 1.5px;
 	font-weight: 700;
 	transform: rotate(-45deg);
 	text-align: center;
 }*/
 /*--------------------*/
 /* REGISTER */
 /*--------------------*/
 #mu-register {
 	background-image: url("assets/images/register-bg.jpg");
 	background-position: center center;
 	background-size: cover;
 	background-attachment: fixed;
 	display: inline;
 	float: left;
 	position: relative;
 	width: 100%;
 }
 #mu-register::before {
 	background: rgba(0,0,0,0.9);
 	bottom: 0;
 	content: '';
 	left: 0;
 	top: 0;
 	right: 0;
 	position: absolute;
 	opacity: 0.9;
 }
 .mu-register-area {
 	display: inline;
 	float: left;
 	padding: 150px 0;
 	width: 100%;
 }
 .mu-register-area .mu-title,
 .mu-register-area p {
 	color: #fff;
 }
 .mu-register-content {
 	display: inline;
 	float: left;
 	width: 100%;
 	text-align: center;
 	padding: 0 200px;
 	margin-top: 50px;
 }
 .mu-register-form .form-group {
 	margin-bottom: 25px;
 }
 .mu-register-form .form-control {
 	height: 50px;
 	color: #fff;
 	background-color: transparent;
 	border: 2px solid #fff;
 }
 .mu-register-form select.form-control option{
 	color: #333;
 }
 .mu-register-form .form-control::-webkit-input-placeholder {
 	color: #fff;
 	font-size: 15px;
 }
 .mu-register-form .form-control:-moz-placeholder { /* Firefox 18- */
 	color: #fff;
 	font-size: 15px;
 }
 .mu-register-form .form-control::-moz-placeholder {  /* Firefox 19+ */
 	color: #fff;
 	font-size: 15px;
 }
 .mu-register-form .form-control:-ms-input-placeholder {
 	color: #fff;
 	font-size: 15px;
 }
 .mu-reg-submit-btn {
 	background-color: transparent;
 	border: 2px solid #fff;
 	color: #fff;
 	padding: 12px 75px;
 	margin-top: 20px;
 	letter-spacing: 1px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 /*--------------------*/
 /* SPONSORS */
 /*--------------------*/
 #mu-sponsors {
 	background-color: #fff;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-sponsors-area {
 	display: inline;
 	float: left;
 	padding: 100px 0;
 	width: 100%;
 }
 .mu-sponsors-content {
 	display: inline;
 	float: left;
 	margin-top: 50px;
 	width: 100%;
 }
 .mu-sponsors-single {
 	background: #eee;
 	display: inline;
 	float: left;
 	margin-top: 10px;
 	margin-bottom: 15px;
 	width: 100%;
 }
 /*--------------------*/
 /* FAQ */
 /*--------------------*/
 #mu-faq {
 	background-color: #f8f8f8;
 	display: inline;
 	float: left;
 	position: relative;
 	width: 100%;
 }
 .mu-faq-area {
 	display: inline;
 	float: left;
 	padding: 150px 0;
 	width: 100%;
 }
 .mu-faq-content {
 	display: inline;
 	float: left;
 	width: 100%;
 	text-align: center;
 	padding: 0 150px;
 	margin-top: 50px;
 }
 .mu-faq-content .panel-default {
 	border-radius: 0;
 	border-color: #fff;
 	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.06);
 }
 .mu-faq-content .panel-default > .panel-heading {
 	color: #333;
 	background-color: #fff;
 	border-color: #ddd;
 	padding: 0;
 }
 .mu-faq-content .panel-default > .panel-heading + .panel-collapse > .panel-body {
 	text-align: left;
 }
 .mu-faq-content .panel-title {
 	text-align: left;
 	font-weight: 300;
 }
 .mu-faq-content .panel-title a {
 	display: block;
 	padding: 12px 15px;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 .mu-faq-content .panel-title a>span {
 	margin-right: 5px;
 }
 /*--------------------*/
 /* CONTACT US */
 /*--------------------*/
 #mu-contact {
 	background-color: #f8f8f8;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-contact-area {
 	display: inline;
 	float: left;
 	padding: 100px 0 50px;
 	width: 100%;
 }
 .mu-contact-header {
 	display: inline;
 	float: left;
 	text-align: center;
 	width: 100%;
 	padding: 0 120px;
 }
 .mu-contact-content{
 	display: inline;
 	float: left;
 	margin-top: 50px;
 	padding: 0 20%;
 	width: 100%;
 }
 .mu-contact-form-area {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-contact-form {
 	text-align: center;
 }
 .mu-contact-form .form-group input {
 	background: transparent;
 	border-radius: 5px;
 	color: #333;
 	font-size: 15px;
 	border: 1px solid #888;
 	height: 45px;
 	margin-bottom: 24px;
 }
 .mu-contact-form .form-group textarea {
 	background: transparent;
 	border: 1px solid #888;
 	border-radius: 5px;
 	color: #333;
 	font-size: 18px;
 	padding: 10px;
 	height: 190px;
 }
 .mu-contact-form .form-control:focus {
 	background-color: #fff;
     outline: 0;
     box-shadow: none;
 }
 .mu-contact-form .form-control::-webkit-input-placeholder {
 	color: #888;
 	font-size: 15px;
 }
 .mu-contact-form .form-control:-moz-placeholder { /* Firefox 18- */
 	color: #888;
 	font-size: 15px;
 }
 .mu-contact-form .form-control::-moz-placeholder {  /* Firefox 19+ */
 	color: #888;
 	font-size: 15px;
 }
 .mu-contact-form .form-control:-ms-input-placeholder {
 	color: #888;
 	font-size: 15px;
 }
 .mu-contact-form .button-default::after,
 .mu-contact-form .button-default > span {
 	padding: 12px 40px;
 }
 #form-messages {
 	margin-bottom: 10px;
     background-color: #fff;
 }
 .success {
 	padding: 1em;
 	margin-bottom: 0.75rem;
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 	color: #468847;
 	background-color: #dff0d8;
 	border: 1px solid #d6e9c6;
 	-webkit-border-radius: 4px;
 	 -moz-border-radius: 4px;
 	      border-radius: 4px;
 }
 .error {
 	padding: 1em;
 	margin-bottom: 0.75rem;
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 	color: #b94a48;
 	background-color: #f2dede;
 	border: 1px solid rgba(185, 74, 72, 0.3);
 	-webkit-border-radius: 4px;
 	 -moz-border-radius: 4px;
 	      border-radius: 4px;
 }
 /*--------------------*/
 /* FOOTER */
 /*--------------------*/
 #mu-footer {
 	background-color: #f8f8f8;
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-footer-area{
 	display: inline;
 	float: left;
 	padding: 30px 0;
 	text-align: center;
 	width: 100%;
 }
 .mu-footer-top {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-social-media {
 	display: inline;
 	float: left;
 	padding: 10px 0;
 	width: 100%;
 }
 .mu-social-media a {
 	border: 1px solid #19191a;
 	border-radius: 50px;
 	color: #19191a;
 	display: inline-block;
 	font-size: 12px;
 	margin-right: 10px;
 	text-align: center;
 	text-decoration: none;
 	transition: all 0.2s ease-in-out 0s;
 	width: 35px;
 	height: 35px;
 	line-height: 35px;
 	font-size: 15px;
 }
 .mu-footer-bottom {
 	display: inline;
 	float: left;
 	width: 100%;
 }
 .mu-copy-right {
 	margin-bottom: 0;
 }
 .mu-copy-right a {
 	font-weight: 600;
 	-webkit-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }
 /*--------------------*/
 /* RESPONSIVE STYLE */
 /*--------------------*/
 @media (max-width: 1199px) {
 	.mu-register-content {
 		padding: 0 150px;
 	}
 	.mu-video-iframe-area {
 		padding: 16% 0;
 	}
 	.mu-video-close-btn {
 		top: 5%;
 		right: 5%;
 		margin-top: 0;
 	}
 	.mu-apps-screenshot-slider .slick-prev {
 		left: -25px;
 	}
 	.mu-apps-screenshot-slider .slick-next {
 		right: -25px;
 	}
 }
 @media (max-width: 991px) {
 	.mu-primary-btn {
 		font-size: 14px;
 		padding: 12px 22px;
 	}
 	.mu-navbar .mu-menu {
 		margin-top: 5px;
 	}
 	.mu-navbar .mu-menu li a {
 		font-size: 15px;
 		padding: 10px 6px;
 	}
 	.mu-hero-featured-content h1 {
 		font-size: 35px;
 	}
 	.mu-hero-featured-content h2 {
 		font-size: 18px;
 	}
 	.mu-event-date-line {
 		font-size: 14px;
 	}
 	.mu-event-counter-block {
 		height: 130px;
 		width: 130px;
 		font-size: 16px;
 		margin: 0 10px;
 	}
 	.mu-event-counter-block span {
 		font-size: 30px;
 		padding-top: 32px;
 		line-height: 32px;
 	}
 	.mu-event-timeline ul li {
 		margin-left: 15%;
 	}
 	.mu-event-timeline ul li:nth-child(2n+1) .mu-single-event {
 		left: 50px;
 		text-align: left;
 	}
 	.mu-event-timeline ul li:nth-child(2n+1) .mu-single-event::before {
 		right: auto;
 		left: -16px;
 		border-width: 8px 16px 8px 0;
 		border-color: transparent #fff transparent transparent;
 	}
 	.mu-event-timeline ul li:nth-child(2n+1) .mu-single-event img {
 		float: left;
 		margin-right: 15px;
 		margin-left: 0;
 	}
 	.mu-video-iframe-area {
 		padding: 16% 5%;
 	}
 	.mu-video-iframe-area iframe {
 		width: 100%;
 	}
 	.mu-title-area {
 		padding: 0 50px;
 	}
 	.mu-faq-content {
 		padding: 0;
 	}
 	.mu-contact-right {
 		margin-top: 50px;
 	}
 	.mu-menu-btn {
 		right: 5%;
 	}
 	.mu-speakers-slider .slick-next {
 		right: 0;
 	}
 	.mu-speakers-slider .slick-prev {
 		left: 0;
 	}
 	.mu-speakers-slider .slick-next,
 	.mu-speakers-slider .slick-prev {
 		width: 40px;
 		height: 40px;
 	}
 	.mu-speakers-slider .slick-prev::before,
 	.mu-speakers-slider .slick-next::before {
 		font-size: 18px;
 	}
 	.mu-single-speakers-info h3 {
 		font-size: 18px;
 	}
 	.mu-pricing-conten {
 		padding: 0 5%;
 	}
 	.mu-single-price {
 		margin-bottom: 30px;
 	}
 }
 @media (max-width: 767px) {
 	.mu-logo img {
 		width: 150px;
 	}
 	.mu-navbar .navbar-toggle .icon-bar {
 		background-color: #fff;
 	}
 	.mu-navbar .mu-menu {
 		padding: 0 15px;
 	}
 	.mu-video-close-btn {
 		font-size: 16px;
 		height: 40px;
 		line-height: 35px;
 		width: 40px;
 	}
 }
 @media (max-width: 640px){
 	.mu-event-counter-block {
 		height: 100px;
 		width: 100px;
 		font-size: 15px;
 	}
 	.mu-event-counter-block span {
 		font-size: 22px;
 		padding-top: 22px;
 		line-height: 25px;
 	}
 	.mu-title-area {
 		padding: 0;
 	}
 	.mu-video-iframe-area {
 		padding: 5% 5%;
 	}
 	.mu-video-iframe-area iframe {
 		width: 100%;
 		height: 100%;
 	}
 	.mu-register-content {
 		padding: 0 100px;
 	}
 	.mu-contact-content {
 		padding: 0 10%;
 	}
 }
 @media (max-width: 480px) {
 	body {
 		font-size: 14px;
 	}
 	.mu-logo {
 		margin-bottom: 10px;
 		font-size: 30px;
 	}
 	.mu-hero-featured-area {
 		padding: 60px 0 60px;
 	}
 	.mu-hero-featured-content {
 		margin-top: 20px;
 	}
 	.mu-hero-featured-content h1 {
 		font-size: 25px;
 	}
 	.mu-hero-featured-content h2 {
 		font-size: 14px;
 	}
 	.mu-event-date-line {
 		font-size: 12px;
 	}
 	.mu-event-counter-area {
 		margin-top: 20px;
 	}
 	.mu-event-counter-block span {
 		font-size: 18px;
 		padding-top: 16px;
 		line-height: 20px;
 	}
 	.mu-event-counter-block {
 		height: 75px;
 		width: 75px;
 		font-size: 12px;
 		margin: 0 5px;
 	}
 	.mu-video-close-btn {
 		top: 2%;
 		right: 5%;
 		height: 40px;
 		line-height: 35px;
 		width: 40px;
 	}
 	.mu-menu-close-btn {
 		right: 5%;
 		top: 30px;
 	}
 	.mu-video-area {
 		padding: 100px 0;
 	}
 	.mu-video-iframe-area {
 		padding: 10% 5%;
 	}
 	.mu-video-iframe-area iframe {
 		height: 250px;
 	}
 	h2 {
 		font-size: 28px;
 	}
 	h3 {
 		font-size: 24px;
 	}
 	h4 {
 		font-size: 20px;
 	}
 	.mu-schedule-content {
 		margin-top: 30px;
 	}
 	.mu-schedule-menu li {
 		margin-bottom: 15px;
 	}
 	.mu-schedule-menu li a {
 		font-size: 15px;
 	}
 	.mu-event-timeline ul li {
 		margin-left: 5%;
 	}
 	.mu-event-timeline ul li .mu-single-event,
 	.mu-event-timeline ul li:nth-child(2n+1) .mu-single-event,
 	.mu-event-timeline ul li:nth-child(2n) .mu-single-event {
 		left: 30px;
 		width: 350px;
 	}
 	.mu-event-timeline ul li .mu-single-event h3 {
 		margin-bottom: 5px;
 		font-size: 14px;
 	}
 	.mu-venue-address h4 {
 		font-size: 16px;
 	}
 	.mu-register-content,
 	.mu-contact-content {
 		padding: 0 5%;
 	}
 	.mu-faq-content .panel-title {
 		font-size: 14px;
 	}
 }
 @media (max-width: 360px) {
 	.mu-logo img {
 		width: 120px;
 	}
 	.mu-hero-featured-area {
 		padding: 30px 0 30px;
 	}
 	.mu-event-counter-block {
 		height: 56px;
 		width: 56px;
 		font-size: 10px;
 	}
 	.mu-event-counter-block span {
 		font-size: 16px;
 		padding-top: 10px;
 		line-height: 16px;
 	}
 	.mu-video-area {
 		padding: 50px 0;
 	}
 	.mu-video-iframe-area {
 		padding: 15% 5%;
 	}
 	.mu-video-play-btn, .mu-video-close-btn {
 		font-size: 18px;
 		width: 50px;
 		height: 50px;
 		line-height: 46px;
 		margin-top: 50px;
 	}
 	h2 {
 		font-size: 25px;
 	}
 	.mu-event-timeline ul li .mu-single-event,
 	.mu-event-timeline ul li:nth-child(2n+1) .mu-single-event,
 	.mu-event-timeline ul li:nth-child(2n) .mu-single-event {
 		left: 30px;
 		width: 280px;
 	}
 }
 @media (max-width: 320px) {
 	.mu-video-iframe-area {
 		padding: 30% 5%;
 	}
 	.mu-event-timeline ul li .mu-single-event,
 	.mu-event-timeline ul li:nth-child(2n+1) .mu-single-event,
 	.mu-event-timeline ul li:nth-child(2n) .mu-single-event {
 		left: 30px;
 		width: 250px;
 	}
 	h2 {
 		font-size: 22px;
 	}
 }