@import '/src/css/nav.css';
#header { }
#contents { background-color: #F0EFEF }
#footer { }
body
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	color: #333333;
}
h1
{
	font-family: 'Montserrat', sans-serif;
	font-size: 64px;
	font-weight: bold;
	line-height: 78px;
}
h2
{
	color: #333333;
	font-family: Montserrat;
	font-size: 36px;
	font-weight: 600;
	line-height: 44px;
}
h3
{
	color: #333333;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 37px;
}
h4
{
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: 600px;
	text-transform: uppercase;
}
h5
{
	color: #333333;
	font-family: Montserrat;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4em;
	text-align: center;
}
h6
{
	color: #333333;
	font-family: Montserrat;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4em;
	text-align: center;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

iframe { max-width: 100%; }

#detailBox
{
	border: 1px solid #979797;
	background-color: #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
	width: 94%;
	margin: auto;
	max-width: 1180px;
	top: -150px;
	position: relative;
	overflow: hidden;margin-bottom:-100px
}
.carousel-control.left, .carousel-control.right { background: none !important;  filter: progid:none !important;
>
}
.topImage
{
	min-height: 725px;
	height: auto;
	padding-top: 300px;
	background-size: cover;
	background-position: center
}
.topImage h1, .topImage h2 { color: #ffffff; }
.white { color: #ffffff; }
.fullWidth { }
.optionBox
{
	border: 1px solid #D3D3D3;
	border-radius: 5px;
	background-color: rgba(153,153,153,0);
	margin: 20px 20px
}

.video-container {
	margin: 20px;
}

.responsive {
	max-width: 100%;
}
.optionBox li { margin-bottom: 15px }
.titleOption
{
	color: #FFFFFF;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	text-align: center;
	border-bottom: 1px solid #979797;
	background-color: #DD2211;
	padding: 20px 5px
}
.detailOption { padding: 28px 40px }
.btn, .btn-primary
{
	color: #DD2211;
	font-family: "Open Sans";
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
	border: 1px solid #DD2211;
	padding: 5px 30px;
	border-radius: 0px;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-ms-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	background-color: transparent !Important
}
.btn:hover, .btn-primary:hover
{
	background-color: #DD2211 !important;
	color: #ffffff;
}
#gallery .btn
{
	background-color: #DD2211 !important;
	color: #ffffff;
	margin: 20px auto;
}
#gallery .id_close { text-align: center }
a
{
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-ms-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	color: #1D80F6
}
a:focus, button:focus, input:focus { outline: none !important; }
.dateDetails
{
	background-color: #F2F2F2;
	text-align: center;
	padding: 40px 80px
}
.id_proceed
{
	text-align: center;
	padding: 20px
}
.padding25 { padding: 25px 0px }
.padding-bottom-25 { padding-bottom: 25px }
.padding35 { padding: 35px 0px }
.padding-top-title { padding-top: 30px }
.padding-right-35 { padding-right: 35px }
.sm
{
	font-size: 10px;
	line-height: 1.2em
}
.padding25 h4 { margin-bottom: 30px }
.col-md-12.mainRow { padding: 5px 0px }
.col-md-12.mainRow img
{
	width: 100%;
	max-width: 100%;
	height: auto
}
.col-md-12.mainRow .col-md-4 { padding: 0px 4px }
.galleryThumbs img
{
	cursor: pointer;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-ms-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}
.galleryThumbs img:hover { opacity: .8; }
#gallery { margin: 100px 0px }
#gallery img { margin: auto; }
.leftStack .dateDetails, .leftStack .id_proceed { display: none; }
#notfound { padding: 75px 0px }
/* ------------------------- */
.registerform input
{
	display: block;
	width: 100%;
	height: 3em;
	padding: 16px 8px !important;
	border: 0px !Important;
	border-radius: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3em;
	xbackground: rgba(255,255,255,0.97);
	background: transparent;
	color: #212121;
	border-bottom: 2px solid #DC1212 !important;
	outline: 0;
	appearance: none;
	transition: all 0.2s ease-in-out;
	box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
}
.registerform .field
{
	position: relative;
	min-height: 60px;
	overflow:hidden
}
.registerform .type_text label, .registerform .type_email label, .registerform .type_phone label
{
	position: absolute;
	top: 15px;
	left: 0px;
	color: #424242;
	font-family: "Open Sans";
	font-size: 20px;
	line-height: 27px;
	transform: translate3d(0, 0, 0);
	transition: all 0.2s ease-in-out;
	text-align: left !important;
	width: 100% !Important;
	font-weight: 400;
}
.widget_formbasic form .field label { text-align: left !important; }
.widget_formbasic form .field.name_logo label { text-align: center !important; }
.registerform .type_radio > label
{
	xdisplay: none !important;
	color: #424242;
	font-size: 12px;
}
.widget_formbasic .registerform .radiobox > label
{
	width: 39px !Important;
	height: 50px;
	text-align: center !important;
	margin-right: 10px;
	font-size: 20px;
	padding-top: 10px
}
.widget_formbasic .registerform .type_radio.name_sponsorship_level > label, .widget_formbasic .registerform .type_radio.name_payment_method > label
{
	display: block !important;
	margin-bottom: 20px;
	text-align: left !Important;
	padding-left: 0px !important;
	color: #333333;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4em;
}
.widget_formbasic .registerform .type_radio.name_sponsorship_level label, .widget_formbasic .registerform .type_radio.name_payment_method label
{
	text-align: left !Important;
	padding-left: 65px;
}
.thankyou
{
	text-align: center;
	padding: 50px;
	max-width: 800px;
	margin: auto;
}
.registerform input:focus
{
	padding: 22px 8px 10px;
	outline: 0;
	background: transparent;
}
.registerform .type_text label.doanimation, .registerform .type_email label.doanimation, .registerform .type_phone label.doanimation
{
	color: #424242;
	font-weight: 400;
	font-size: 12px;
	transform: translate3d(0, -20px, 0);
	padding-left: 8px
}
.registerform .col-sm-8, .registerform .col-md-6, .registerform .col-sm-4 { padding: 0px; }
.registerform .col-sm-4 { width: 100% !important; }
.registerform .col-sm-8 { width: 90% !important; }
.registerform .type_html label
{
	color: #424242;
	font-family: "Open Sans";
	font-size: 20px;
	font-weight: 600;
	line-height: 27px;
	text-align: left !important
}
.registerform .name_info label
{
	color: #3D3D3D;
	font-family: "Open Sans";
	font-size: 16px;
	line-height: 22px;
	padding: 20px 0px;
	font-weight: 400;
}
.type_submit
{
	text-align: center;
	padding: 40px 0px !important
}
.registerform
{
	width: 90%;
	margin: auto;
	max-width: 1000px;
}
.widget_formbasic form .group
{
	border: 0px solid #CCC;
	margin-bottom: 10px;
	padding: 10px;
}
.widget_formbasic form > .group { padding: 0px; }
.xradiobox label:before
{
	display: inline-block;
	xmargin-left: -19px;
	xpadding-left: 28px;
	background: url(/img/unfilled_and_filled_box.jpg) no-repeat 0 0;
	line-height: 24px;
	width: 33px;
	height: 33px;
	content: '';
}
.radiobox { position: relative; }
input[type="radio"]
{
	position : absolute;
	z-index: -1;
	xopacity: 0;
}
.radiobox label
{
	background-image: url('/img/unfilled_and_filled_box.jpg');
	background-repeat: no-repeat;
	background-position: top 0px left 0px
}
.radiobox label.active
{
	background-position: top -67px left 0px;
	color: #ffffff
}
.registerform .name_sponsorship_level .radiobox > label, .registerform .name_payment_method .radiobox > label
{
	width: 100% !Important;
	color: #3C3C3C;
	font-family: "Open Sans";
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 15px
}
.registerform .name_payment_method .radiobox > label { padding-top: 0px }
.xregisterform .name_sponsorship_level .radiobox input, .xregisterform .name_payment_method .radiobox input
{
	width: 50px !Important;
	display: inline-block !important;
	top: 5px;
	position: relative;
}
.registerform .btn, .widget_formbasic form .field.name_cheque { display: none; }
.widget_formbasic form .field.name_cheque.opt2 { display: block; }
.widget_formbasic form .field.name_cheque.opt2 label
{
	width: 80%;
	max-width: 50%;
	margin: auto;
	float: none;
	font-weight: 400;
}
.mainWrap
{
	display: block;
	margin-bottom: 25px
}
.mainWrap .time
{
	width: 70px;
	display: inline-block;
	vertical-align: top;
}
.mainWrap .details
{
	padding-left: 10px;
	display: inline-block;
	width: 70%;
	vertical-align: top;
}
/* ------------------------- */



/* ------------------------- */
#upgrade
{
	background-color: #FFC;
	padding: 8px;
	text-align: center;
	color: #000;
	font-size: 12px;
}
#innovasium
{
	display: block;
	margin: 0px 0px 0px;
	padding: 0 0 0 0;
}
#innovasium a
{
	display: inline-block;
	width: auto;
	height: 20px;
	background-image: url("/lib/img/logo_innovasium_16x16.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 24px;
	font-size: 11px;
	color: #333;
}
.loading
{
	background-image: url("/lib/img/loading/mozilla_blu.gif");
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 16px;
	min-width: 16px;
	cursor: wait;
}
form.loading fieldset { }
form.loading .form-group
{
	opacity: .2;
	-moz-opacity: .2;
	-webkit-opacity: .2;
}

.sponsors-slice h4 {
	color: #DD2211;
}

.sponsors-slice h5 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.flex-row {
	display: flex;
	min-height: 120px;
	margin-right: 15px;
	flex-wrap: wrap;
	justify-content: center;
}

.logo-cell {
	display: flex;
	justify-content: center;
	align-items: center;
}

.border-left {	border-left: 1px solid #E0E0E0; }
.border-right {	border-right: 1px solid #E0E0E0; }
.border-top {	border-top: 1px solid #E0E0E0; }
.border-bottom {	border-bottom: 1px solid #E0E0E0; }

.hide { display: none !important; }

#paymentsitebutton {
	cursor: pointer;
	_color: #1D80F6;
}
#paymentsitebutton:hover {
	text-decoration: underline;
}
#paymentsiteform form {
	display: none;
}