﻿/* Standard */
body { background: #fff; margin: 0 auto; overflow-x:hidden; }
form { font-family: Raleway; font-size: 0.9em; color: #311933; border:none; margin:0 auto; width:100%; line-height:140%; margin-top:0px; margin-bottom:10px; padding:0px; overflow-x:hidden; }
h1 { font-family: Raleway; font-size: 1.8em; color: #96000A; font-weight: normal; margin-top:16px; margin-bottom:20px; text-transform: none; line-height:1.3em; padding-bottom:0px; border-bottom: solid 1px #f4f4f4; }
h2 {  font-family: Raleway; font-size: 1.8em; color: #96000A; font-weight: normal; margin-top:24px; margin-bottom:20px; text-transform: none; line-height:1.3em; padding-bottom:0px; border-bottom: solid 1px #f4f4f4; }
h3 { font-family: Raleway; font-size: 1.4em; color: #96000A; font-weight: normal; margin-top:0px; margin-bottom:12px; text-transform: none; line-height:1.3em; }
a:link, a:active, a:visited { color: #222; transition:0.25s; }
a:link:hover, a:active:hover, a:visited:hover { color: #BC4567; }
input { font-family:Raleway; }
h2 a:link, h2 a:active, h2 a:visited { text-decoration:none; }

/* Login */
.logintitle { background: #000; border: none; color:#fff;  font-family:Raleway; font-size:1.4em; font-weight:bold; padding-top:14px; text-transform:uppercase; border-bottom: solid 10px #fff;  }
.input { font-family: Raleway; color: #444; margin-bottom:3px; margin-top:3px; padding: 3px 2px; font-size:1.0em; }
.input:disabled { opacity:0.5; }
.button { font-family: Raleway, Tahoma; margin-top:-2px; padding: 7px 20px 9px 20px; background: #000; color: #fff; font-size:1.0em; border: solid 1px #000; border-radius:0px; transition:0.25s; }
.button:hover { cursor: pointer; background: #96000A; border: solid 1px #96000A; }
.button:disabled { background: #ddd; border: solid 1px #ddd; }
.button:disabled:hover { cursor: default; background: #ddd; border: solid 1px #ddd; }

/* Header */
#header {margin:0; margin-top:0px; padding:0; border:0; height:118px; width:100%; position: relative; }
#header .logo { position: absolute; left:10px; top:10px; }
#header .sponsorlogo { position: absolute; right:10px; top:10px; overflow:visible; }
#header #strapline { color: #444; position: absolute; right:20px; bottom: 10px; }
#header a:link, #header a:active, #header a:visited { color: #96000A; text-decoration:none; transition:0.25s; font-weight:400; }
#header a:link:hover, #header a:active:hover, #header a:visited:hover { color: #ED0000; text-decoration:none; }

#menu { position: fixed; width:60px; height:100%; background: #fff; transition:0.25s; z-index:10; overflow:hidden; }
#menu:hover { width:220px; }
#menu ul { list-style-type:none; }
#menu li {  margin-left:-40px; display:block; }
#menu li a:link, #menu li a:active, #menu li a:visited { display:block; text-decoration:none; color: #ff0000; font-weight:500; transition:0.25s; background-color: #fff; padding:12px 0px 8px 0px; padding-left:60px; height:26px; width:160px; background-repeat:no-repeat; background-position:15px 8px; }
#menu li a:link:hover, #menu li a:active:hover, #menu li a:visited:hover { background-color: #FFE8E5; }
#menu .logo { text-align:center; margin-top:5px; margin-bottom:20px; }
#main { position: absolute; left:60px; top:0px; background: #f7f7f7; z-index:0; width:calc(100% - 60px); min-height:100%; }
#main2 { position: absolute; background: #f7f7f7; top:120px; width:100%; }
.voucher { width:420px; max-width:calc(100% - 20px); margin-bottom:20px; padding:10px; background: #eee; }

/* Header */
.headerphoto { width:100%; position: relative; z-index:10; }
.headerphoto img { width:100%; min-width:800px; position: relative; }
.headercaption { height:80px; background:url(/images/base/bg.png); margin-top:-80px; width:100%; position: relative; z-index:20; color: #fff; }
.headercaption .left { float:left; width:calc(50% - 20px);  padding:10px; }
.headercaption .right { float:right; width:calc(50% - 40px); text-transform:uppercase; padding:10px; padding-right:30px; text-align:right; }
.headercaption h1 { border-bottom:none; color: #fff; font-size:1.5em; margin-top:2px; margin-bottom:0px; font-weight:600; text-transform:uppercase; }
.headercaption h2 { border-bottom:none; color: #fff; font-size:1.5em; margin-top:0px; margin-bottom:0px; text-transform:uppercase; }
.headercaption .right h2 { font-family:Playfair; font-weight:bold; text-transform:capitalize; font-size:2.7em; margin-top:-12px; }
.headercaption h3 { border-bottom:none; color: #fff; font-size:1.5em; margin-top:0px; margin-bottom:0px; text-transform:uppercase; }

/* Categories */
.categories { padding: 20px; width:calc(100% - 40px); }
.categories h2 { text-decoration:underline; text-transform:uppercase; margin-bottom:20px; background: url(/images/base/arrow.png) no-repeat; background-position:0px 2px; padding-left:50px; text-decoration:none; font-size:1.6em; border-bottom:none; color: #222; height:36px; padding-top:4px; }
.categories .clear { height:20px; }
.categories .item { color: #aaa; margin-bottom:4px; margin-left:50px; }
.categories .value { color: #222; margin-left:50px; }

/* Previews */
.videopanel { margin-right:30px; margin-bottom:30px; width:calc(30% - 30px); min-width:250px; height:auto; background:Red; display:inline-block; vertical-align:top; }
.videopanel:hover { cursor: pointer; }
.videopanel img { width:100%; }
.videopanel .videolabel { padding: 10px; color: #fff; font-weight:600; transition:0.25s; }
.videopanel .videolabel:hover { background: #000; }

/* Search */
.search { padding: 20px; background: #eee; width:calc(100% - 40px); margin-bottom:20px; }
.search .searchtitle { display:inline-block; padding-top:5px; margin-right:10px; }
.search .searchbox { display:inline-block; margin-right:10px; }
.search .searchbutton { display:inline-block; }
.search .searchbutton .input { background: #666; padding: 5px 15px; border: solid 0px #666; border-radius:2px; color: #fff; transition:0.25s; }
.search .searchbutton .input:hover { background: #000; cursor: pointer; }
.search .clear { height:0px; }

/* Categories */
.videocaption { width:calc(100% - 40px); height:240px; margin:20px; overflow:hidden; background:#000; }
.videocaption .videoframe { width:340px; float:left; height:240px; transition:0.25s; background:none; }
.videocaption .videoframe:hover { opacity:0.9; cursor: pointer; }
.videocaption .videotext { padding: 10px 20px; padding-left:40px; float:left; width:calc(100% - 400px); background:#fff; height:220px; position: relative;}
.videocaption .videotext .intro { height: 124px; overflow: hidden; }
.videocaption .videotext h2 { border-bottom:none; padding-bottom:0px; font-size:1.4em; color: #ff0000; margin-top:0px; margin-bottom:10px; }
.videocaption .videotext .details { position: absolute; bottom:10px; left:40px; width:200px; }
.videocaption .videotext .details a:link, .videocaption .videotext .details a:active, .videocaption .videotext .details a:visited { display: block; background: #ff0000; padding: 8px 20px; color: #fff; font-weight:bold; transition:0.25s; text-transform:uppercase; text-decoration:none; font-size:1.2em; letter-spacing:0.02em; text-align:center; }
.videocaption .videotext .details a:link:hover, .videocaption .videotext .details a:active:hover, .videocaption .videotext .details a:visited:hover { background: #000; }
.videocaption .videotext .testimonial { position: absolute; bottom:10px; right:20px; width:200px; }
.videocaption .videotext .testimonial a:link, .videocaption .videotext .testimonial a:active, .videocaption .videotext .testimonial a:visited { display: block; background: #ff0000; padding: 8px 20px; color: #fff; font-weight:bold; transition:0.25s; text-transform:uppercase; text-decoration:none; font-size:1.2em; letter-spacing:0.02em; text-align:center; }
.videocaption .videotext .testimonial a:link:hover, .videocaption .videotext .testimonial a:active:hover, .videocaption .videotext .testimonial a:visited:hover { background: #000; }
.videocaption .clear { clear:both; height:0px; }
.relatedvideos { margin-top:-20px; }

/* Details popup */
.popupbg { position: fixed; left:0px; top:0px; width:100%; height:100%; background: url(/images/base/popupbg.png); z-index:10000; }
.popup { position: relative; left:50%; top:50%; width:440px; height:260px; margin-top:-150px; margin-left:-240px;  background: #fff; padding:20px; }
.popup h2 { margin-top:0px; border-bottom:none; }
.popup .item { float:left; width:120px; margin-right:10px; padding-top:6px; }
.popup .value { float:left; width:calc(100% - 130px); }
.popup .clear { clear:both; height:10px; }
.popup .result { }
.popup .buttons { position: absolute; bottom:15px; right:20px; }
.popup .confirm { display:inline-block; margin-right:10px; }
.popup .cancel { display:inline-block; margin-right:0px; }
.popup .confirm .input { background: #ff0000; padding: 5px 20px 6px 20px; border: solid 0px #ff0000; border-radius:3px; color: #fff; font-size:1.2em; transition:0.25s; }
.popup .confirm .input:hover { background: #000; cursor: pointer; }
.popup .confirm .input:disabled { background: #ddd; opacity:1; } 
.popup .confirm .input:disabled:hover { background: #ddd; cursor:default; } 
.popup .cancel .input { background: #aaa; padding: 5px 20px 6px 20px; border: solid 0px #ff0000; border-radius:3px; color: #fff; font-size:1.2em; transition:0.25s; }
.popup .cancel .input:hover { background: #000; cursor: pointer; }
.popupdetails { position: relative; left:50%; top:50%; width:800px; height:calc(100% - 140px); top:50px; margin-left:-390px;  background: #fff; padding:20px; }
.popupdetails .scroll { height:calc(100% - 50px); overflow-y: auto; }
.popupdetails .close { display: block; background: #ff0000; padding: 8px 20px; color: #fff; font-weight:bold; transition:0.25s; text-transform:uppercase; text-decoration:none; font-size:1.2em; letter-spacing:0.02em; text-align:center; position: absolute; bottom:15px; left:20px; }
.popupdetails .close:hover { background: #000; cursor: pointer; }
.popupdetails2 { position: relative; left: 50%; margin-left:-400px; width:800px; top:50%; margin-top:-230px; height:450px; background:#fff; padding:10px; }
.popupdetails2 .close { display: block; background: #ff0000; padding: 8px 20px; color: #fff; font-weight:bold; transition:0.25s; text-transform:uppercase; text-decoration:none; font-size:1.2em; letter-spacing:0.02em; text-align:center; position: absolute; top:20px; right:20px; }
.popupdetails2 .close:hover { background: #000; cursor: pointer; }
.popupdetails2 .testimonial { margin-top:-42px; display:block; }
.popupdetails2 .testimonial2 { margin-top:-42px; display:none; }

/* Maintenance */
.maintenance { position: fixed; width:100%; height:100%; left:0px; top:0px; background: #000; display:none; }
.maintenance .message { position: absolute; left:50%; top:50%; margin-left:-220px; margin-top:-120px; width:400px; height:200px; padding:20px; background: #f4f4f4; }
.maintenance h2 { margin-top:0px; }

/* Video */
.product { padding:0px 0px; }
.video { margin-left:0px; }
.caption { width:calc(100% - 40px); padding:5px 20px; height:85px; background: #ff0000; color: #fff; }
.caption h1 { font-family:"Playfair Display"; text-transform:capitalize; font-size:2.7em; font-weight:700; margin-top:-5px; padding-bottom:0px; border-bottom:none; color: #fff; margin-top:0px; margin-bottom:0px; }
.caption h3 { border-bottom:none; color: #fff; font-size:1.5em; margin-top:0px; margin-bottom:0px; text-transform:uppercase; font-weight:300; }
.product { padding: 20px 20px 20px 70px; line-height:1.6em; }
.product .left { width:calc(50% - 30px); float:left; margin-right:80px; }
.product .right { width:calc(50% - 80px); float:left; margin-left:30px; }
.product .right li { margin-left:-20px; }
.product .clear { clear:both; height:60px; }
.product h2 { text-transform:uppercase; color: #222; font-size:1.4em; margin-left:-50px; padding-top:4px; padding-left:50px; background:url(/images/base/arrow.png) no-repeat; height:34px; margin-bottom:0px; }

.filter { margin-left:20px; float:left; width:225px; margin-right:25px; }
.filter h2 { margin-top:0px; text-transform: uppercase; color: #222; font-size:1.4em; border-bottom:none; margin-bottom:6px; font-weight:600; }
.filter h3 { margin-top:0px; text-transform: uppercase; color: #444; font-size:1.3em; border-bottom:none; margin-top:14px; transition:0.25s; padding-left:34px; background:url(/images/base/arrow2.png) no-repeat; }
.filter h3:hover { cursor: pointer; color: #aa0000; }
.filter .option { margin-left:30px; margin-bottom:5px; }
.filter .option input { width:1.2em; height:1.2em; vertical-align:middle; }
.filter .option label { padding-left:5px; vertical-align:middle; color: #aa0000; }
.categoryvideos { float:left; width:calc(100% - 300px); }
.categoryvideos .text { margin-top:-10px; margin-bottom:30px; }
.clear { clear:both; height:50px; }
.categoryvideo { width:250px; display:inline-block; vertical-align:top; margin-right:30px; margin-bottom:30px; background:#000; }
.categoryvideo img { width:100%; transition:0.25s; }
.categoryvideo img:hover { cursor: pointer; opacity:0.7; }
.categoryvideo .name { background: #ff0000; padding:5px 10px; color: #fff; width:calc(100% - 20px); height:40px; transition:0.25s; display:flex; justify-content: center; align-items: center; text-align:center; line-height:1.4em; }
.categoryvideo .name:hover { background:#aa0000; cursor: pointer; }

/* Caption Panel */
.captionpanel { width:1000px; margin-bottom:20px; background: #fff; height:240px; position: relative; }
.captionpanel .pic { float:left; width:360px; height:240px; }
.captionpanel .pic img { width:100%; }
.captionpanel .column1 { float:left; width: 320px; margin-right:0px; padding:20px; position: relative; height:calc(100% - 40px); }
.captionpanel .column2 { float:left; width:200px; padding:20px; }
.captionpanel ul { list-style-type: none; }
.captionpanel ul li { background: url(/images/base/point.png) no-repeat; padding: 2px 10px 4px 36px; margin-left:-10px; margin-bottom:4px; }
.captionpanel .column1 .link { position: absolute; bottom:20px; left:20px; }
.captionpanel .column1 .link a:link, .captionpanel .column1 .link a:active, .captionpanel .column1 .link a:visited { display: block; background: #ff0000; padding: 8px 20px; color: #fff; font-weight:bold; transition:0.25s; text-transform:uppercase; text-decoration:none; font-size:1.2em; letter-spacing:0.02em; }
.captionpanel .column1 .link a:link:hover, .captionpanel .column1 .link a:active:hover, .captionpanel .column1 .link a:visited:hover { background: #000; }

/* Register */
.register { left:50%; margin-left:-480px; width:960px; position: relative; padding: 50px 0px; }
.register .left { float:left; width:400px; margin-right:40px; }
.register .left .text { background: #fff; width:calc(100% - 40px); padding:20px; line-height:1.6em; }
.register .left .text ul { list-style-type:none; }
.register .left .text li { background: url(/images/base/arrow2.png) no-repeat; padding-left:36px; padding-bottom:10px; margin-left:-40px; }
.register .left h2 { text-transform:uppercase; color: #222; border-bottom:none; padding-bottom:0px; margin-top:0px; font-size:1.6em; font-weight:600; margin-bottom:10px; }
.register .left h3 { text-transform:uppercase; color: #ff0000; border-bottom:none; padding-bottom:0px; margin-top:0px; font-size:1.4em; font-weight:600; margin-bottom:10px; }
.register .right { float:left; width:calc(100% - 440px); }
.register  h1 { margin-top:0px; color: #ff0000; font-weight:bold; font-size:2.0em; }
.register .right .input { padding: 12px 10px; margin-right:10px; margin-bottom:10px; border: solid 1px #ddd; }
.register .right .input:focus { border: solid 1px #ff0000; outline:0; }
.register input[type="checkbox"] { width:1.5em; height:1.5em; vertical-align:middle; }
.register label { padding-left:10px; vertical-align:middle; }
.register .button { margin: 20px 0px; font-size:1.2em; }
.register .clear { clear:both; height:0px; }
.register .warning { color: #ff0000; font-weight:600; }
.register .item { float:left; width:190px; margin-right:10px; color: #888; }
.register .value { float:left; width:calc(100% - 200px); color: #222; }
.register .clear { clear:both; height:0px; padding-bottom:10px; border-bottom: solid 1px #e4e4e4; margin-bottom:10px; }
.register .diet { padding:19px; border: solid 1px #ddd; background: #fff; margin-bottom:20px; width:396px; }
.thankyou { font-size:1.2em;  background: #444; padding:20px 20px; margin:20px 0px; color: #fff; }
.thankyou a:link, .thankyou a:active, .thankyou a:visited { color: #eee; }
.thankyou a:link:hover, .thankyou a:active:hover, .thankyou a:visited:hover { color: #FFFC75; }

/* Subscribe */
.subscribe { margin: 30px 0px; }
.subscribe a:active, .subscribe a:link, .subscribe a:visited { padding: 10px 20px 12px 20px; background: #000; color: #fff; font-size:1.2em; text-decoration:none; transition:0.25s; }
.subscribe a:active:hover, .subscribe a:link:hover, .subscribe a:visited:hover { background: #96000A; }
.subscribemessage { background: #eee; color: #444; padding:5px 20px; margin:20px 0px; line-height:1.5em; }

/* Footer */
#main2 #footer { padding-left:70px; }
#footer { width:100%; background: #fff; padding: 50px 20px; }
#footer h3 { color: #222; text-transform:uppercase; margin-bottom:15px; border-bottom:none; font-size:1.3em; font-weight:600; }
#footer .column { width:200px; display: inline-block; margin-right:70px; vertical-align:top; line-height:1.8em; }
#footer a:link, #footer a:active, #footer a:visited { text-decoration:none; font-size:1.2em; color: #222; transition:0.25s; }
#footer a:link:hover, #footer a:active:hover, #footer a:visited:hover { color: #cc0000; }
#footer .copyright { font-size:0.9em; color: #222; }

/* AJAX Calendar */
.calendar .ajax__calendar_container { background: #d9d9d9; z-index:255; }
.calendar table { background: #fff; padding: 0; font-size: 0.9em; }
.calendar td { padding: 1px; }
.calendar .ajax__calendar_active { background: #018287; color: #fff; }
.calendar .ajax__calendar_other { background: #eee; color: #aaa; }
.calendar .ajax__calendar_day { margin: 1px; padding: 0; }
.calendar .ajax__calendar_day:hover { border: 1px solid #018287; margin: 0; }

@media only screen and (max-width: 736px)
{
	body {  }
	form { margin-top:0px; margin-bottom:0px; width:calc(100% - 20px); overflow-x:hidden; padding:0px 10px; }
	
	#header {margin:0; margin-top:-12px; padding:0; border:0; height:118px; width:100%; position: relative; overflow:hidden; }
	#header .logo { height:60px; left:50%; margin-left:-120px; }
	#header .logo img { height:100%; }
	#header .sponsorlogo { right:0px; left:50%; margin-left:-200px; width:400px; text-align:center; top:70px; height:40px; }
	#header .sponsorlogo img { height:100%; }
	
	.maintenance .message { position: relative; left:0px; top:0px; margin-left:0px; margin-top:0px; width:calc(100% - 40px); height:auto; padding:20px; background: #f4f4f4; }
	
	#menu { position: fixed; width:100%; height:60px; background: #fff; transition:0.25s; z-index:10;  top:0px; right:0px; text-align:right; padding-right:20px; }
	#menu .logo { position: absolute; top:10px; left:40px; }
	#menu:hover { width:100%; }
	#menu ul { list-style-type:none; position: absolute; top:0px; right:30px; }
	#menu li {  margin-left:0px; display:inline-block; }
	#menu li a:link, #menu li a:active, #menu li a:visited { display:inline-block; text-decoration:none; color: #ff0000; font-weight:500; transition:0.25s; background-color: #fff; padding:0px; padding-left:30px; margin-left:20px; width:0px; height:30px; overflow:hidden; background-repeat:no-repeat; background-position:0px 0px; transition:0.25s; }
	#menu li a:link:hover, #menu li a:active:hover, #menu li a:visited:hover { opacity:0.5; background:none; }
	#menu .logo { text-align:center; margin-top:5px; margin-bottom:20px; }
	
	#main { position: absolute; left:0px; top:60px; background: #fff; z-index:0; width:100%; min-height:100%; }
	#main2 { position: absolute; background: #f7f7f7; top:100px; width:100%; margin-left:-10px; }
	.headercaption { height:100px; background:#ee0000; margin-top:0px; width:100%; position: relative; z-index:20; color: #fff; }
	.categories .item {  margin-left:0px; }
	.categories .value { margin-left:0px; }
		
	.captionpanel { width:100%; background: #fff; height:auto;  }
	.captionpanel .pic { float:none; width:100%; height:auto; }
	.captionpanel .pic img { width:100%; }
	.captionpanel ul { margin-left:-30px; }
	.captionpanel .column1 { float:none; width: calc(100% - 40px); margin-right:0px; padding:20px; position: relative; height:auto; background: #f8f8f8;  }
	.captionpanel .column2 { float:none; width:calc(100% - 40px); padding:20px; padding-top:10px; background:#f8f8f8; margin-top:-15px; }
	.captionpanel .column1 .link { position: relative; bottom:0px; left:0px; margin-top:20px; width:150px; }
	.captionpanel .column1 .link a:link, .captionpanel .column1 .link a:active, .captionpanel .column1 .link a:visited { display: block; background: #ff0000; padding: 8px 20px; color: #fff; font-weight:bold; transition:0.25s; text-transform:uppercase; text-decoration:none; font-size:1.2em; letter-spacing:0.02em; }
	.captionpanel .column1 .link a:link:hover, .captionpanel .column1 .link a:active:hover, .captionpanel .column1 .link a:visited:hover { background: #000; }
	
	.caption { width:calc(100% - 82px); padding:5px 20px; height:85px; background: #ff0000; color: #fff; margin-left:21px; }
	.caption h1 { font-size:2.2em; }
	.product .left { width:100%; float:none; margin-right:0px; }
	.product .right { width:100%; float:none; margin-left:0px; margin-top:0px; }
	
	.filter { margin-left:0px; float:none; width:calc(100% - 40px); margin-right:0px; padding:0px 20px; margin-bottom:20px; font-size:0.85em; }
	.filtercategory { width:160px; margin-right:20px; display:inline-block; vertical-align:top; }
	.filtercategory h3 { height:24px; font-size:1.2em; text-transform:none; font-weight:bold; margin-bottom:10px; padding-top:1px; }
	.filter .option { margin-left:0px; margin-bottom:5px; }
	.categoryvideos { float:none; width:calc(100% - 10px); margin-right:0px; padding:20px 20px; margin-top:20px; }
	.categoryvideo { width:180px; display:inline-block; vertical-align:top; margin-right:15px; margin-bottom:15px; margin-left:0px; font-size:0.85em; }
	.search { width:calc(100% - 70px); }
	
	.videocaption { width:calc(100% - 40px); height:auto; margin:0px; overflow:hidden; background:#000; margin:20px; }
	.videocaption .videoframe { width:100%; float:none; height:auto; transition:0.25s; background:none; }
	.videocaption .videoframe img { width:100%; }
	.videocaption .videotext { padding: 20px 20px; float:none; width:calc(100% - 40px); background:#f8f8f8; height:auto; position: relative; }
	.videocaption .videotext .details { position: relative; bottom:0px; left:0px; width:200px; margin:10px 0px; display:inline-block; margin-right:10px; }
	.videocaption .videotext .testimonial { position: relative; bottom:0px; right:0px; width:200px; display:inline-block;}
	
	.popupdetails { position: relative; left:10px; top:70px; width:calc(100% - 60px); height:calc(100% - 120px); margin-left:0px;  background: #fff; padding:20px; }
	.popupdetails2 { position: relative; left: 50%; margin-left:-170px; width:320px; top:50%; margin-top:-110px; height:225px; background:#fff; padding:10px; }
	.popupdetails2 .testimonial { margin-top:0px; display:none; }
	.popupdetails2 .testimonial2 { margin-top:-15px; display:block; }
	.popupdetails2 .close { top:200px; right:10px; }
	
	.headercaption .right h2 { margin-top:-4px; }
	
	.register { left:0; margin-left:0px; width:calc(100% - 20px); position: relative; padding: 25px 10px; background:#fff; }
	.register .left { float:none; width:100%; margin-right:0px; }
	.register .left .text { width:calc(100% - 40px); line-height:1.6em; text-align:left; padding:20px 10px; }
	.register .left .video { margin-left:-20px; width:100%; overflow-x:hidden; }
	.register .right { float:none; width:calc(100% - 60px); padding:20px 10px; }
	.register .right .input { max-width:calc(100% - 40px); }
	.register .diet { padding:19px; border: solid 1px #ddd; background: #fff; margin-bottom:20px; width:calc(100% - 60px); }
	.register .clear { clear:both; height:0px; padding-bottom:10px; margin-bottom:10px; border-bottom: solid 1px #f4f4f4; width:calc(100% - 20px); }
	.register .item { float:none; width:100%; margin-right:0px; color: #888; margin-bottom:4px; }
	.register .value { float:none; width:100%; color: #222; margin-bottom:0px; }
	
	/* Footer */
	#main2 #footer { padding-left:0px; }
	#footer { width:100%; background: #f4f4f4; padding: 20px 10px; text-align:center; font-size:0.85em; margin-left:-10px; }
	#footer .column { width:100%; display: inline-block; margin-right:0px; vertical-align:top; line-height:1.8em; margin-bottom:20px; }
	#footer h3 { margin-bottom:5px; }
}

