.intro:after,
.registration-form .row:after {
	content: " ";
	display: block;
	clear: both;
}

.social,
.main-nav,
.main-nav ul,
.aside-nav ul,
.footer-cols .links,
.footer-cols .date-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	margin: 0;
	color: #424242;
	background: #fff;
	font: 15px/28px "Open Sans", "Arial", "Helvetica", sans-serif;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}

* {
	max-height: 1000000px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
	display: block;
}

img {
	border-style: none;
	max-width: 100%;
	height: auto;
}

a {
	text-decoration: none;
	color: #5d227d;
}

a:hover {
	text-decoration: underline;
}

hr {
	border: none;
    background-color: #d9d9d9;
    color: #d9d9d9;
    height: 1px;
}

input,
textarea,
select {
	font: 100% "Open Sans", "Arial", "Helvetica", sans-serif;
	color: #000;
	vertical-align: middle;
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	margin: 0;
	padding: 4px 7px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border: 1px solid #999;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #4d4d4d;
}

textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
	line-height: 1.2em;
	margin: 0 0 1.2em;
}

p {
	margin: 0 0 1.0em;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: "";
	content: none;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	padding: 10px;
}

@font-face {
	font-family: fontello;
	src: url("../fonts/fontello.eot");
	src: url("../fonts/fontello.eot?#iefix") format("embedded-opentype"), url("../fonts/fontello.woff") format("woff"), url("../fonts/fontello.woff2") format("woff2"), url("../fonts/fontello.ttf") format("truetype"), url("../fonts/fontello.svgfontello") format("svg");
	font-weight: normal;
	font-style: normal;
}


 .demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
}

.icon-facebook:before {
	content: "\e800";
}

.icon-instagram:before {
	content: "\e801";
}

.icon-youtube:before {
	content: "\e801";
}

.icon-twitter-1:before {
	content: "\e802";
}

.icon-linkedin:before {
	content: "\e803";
}

.icon-pinterest:before {
	content: "\e804";
}

.icon-rss:before {
	content: "\e805";
}

.icon-down-dir:before {
	content: "\e806";
}

.icon-right-dir:before {
	content: "\e807";
}

.icon-up-dir:before {
	content: "\e808";
}

#wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.header-holder {
	padding: 28px 28px 15px;
	overflow: hidden;
	margin: 0 auto;
	max-width: 1024px;
}

.logo {
	margin: 2px 0 0;
	float: left;
	width: 300px;
	height: 135px;
}

.logo img {
	display: block;
	width: 100%;
}

.top-area {
	float: right;
	width: 51.3%;
}

.top-area .holder {
	overflow: hidden;
	margin: 0 0 10px;
}

.social {
	float: left;
	font-size: 25px;
	line-height: 26px;
	padding: 2px 21px 0 22px;
	max-width: 250px;
}

.social li {
	margin: 0 4px 10px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
}

.social a {
	display: block;
	color: #424242;
}

.social a:hover {
	color: #6dcde3;
	text-decoration: none;
}

.social a.icon-twitter-1 {
	font-size: 21px;
}

.social a.icon-youtube {
	font-size: 26px;
}

.social a.icon-pinterest {
	font-size: 22px;
}

.social a.icon-rss {
	font-size: 30px;
}

.btn-default.registry {
	margin: 0;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	padding: 1px 10px 2px;
	min-width: 138px;
	max-width: 138px;
	font-size: 15px;
}

.language-google {
	line-height: 22px;
	float: right;
	width: auto;
	color: #fff;
}
.language-google a {
	text-decoration: none;
}

.langauge-form {
	line-height: 22px;
	float: right;
	width: 83px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.langauge-form .jcf-select {
	background: #8b8c8c;
	color: #fff;
	width: 83px;
	overflow: hidden;
	min-width: inherit;
	height: 31px;
	padding: 2px 0 0;
	margin: 0;
}

.langauge-form .jcf-select .jcf-select-text {
	margin: 0 20px 0 7px;
	line-height: 24px;
}

.langauge-form .jcf-select .jcf-select-opener {
	color: #fff;
	top: 2px;
}

.date-holder {
	overflow: hidden;
	color: #fff;
	text-transform: capitalize;
	max-height: 62px;
	font-size: 17px;
	font-weight: 300;
}

.date-holder .dates {
	background: #112b4c;
	padding: 6px 15px 6px 16px;
	float: left;
	width: 51.8%;
}

.date-holder .dates.green {
	background: #8acdac;
	position: relative;
	z-index: 2;
	width: 48.2%;
	padding-left: 11px;
}

.date-holder .dates.green:before {
	position: absolute;
	top: -15px;
	bottom: -15px;
	left: -9px;
	right: auto;
	background: #8acdac;
	content: "";
	width: 30px;
	transform: rotate(-17deg);
	-moz-transform: rotate(-17deg);
	-ms-transform: rotate(-17deg);
	-o-transform: rotate(-17deg);
	-webkit-transform: rotate(-17deg);
	z-index: -1;
}

.date-holder .title {
	display: block;
	line-height: 22px;
	max-height: 22px;
	overflow: hidden;
	font-size: 18px;
	font-weight: 700;
}

.date-holder p {
	margin: 0;
}

#nav {
	background: #e3e4e4;
	font-weight: 700;
}

#nav .opener {
	display: none;
	width: 73px;
	padding: 0 0 0 31px;
	position: relative;
	color: #424242;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
}

#nav .opener:after,
#nav .opener:before {
	content: "";
	background: #424242;
	width: 18px;
	height: 4px;
	left: 0;
	top: 6px;
	position: absolute;
	border-radius: 3px;
}

#nav .opener:after {
	top: 12px;
}

#nav .opener span:before {
	content: "";
	background: #424242;
	width: 18px;
	height: 4px;
	left: 0;
	top: 18px;
	position: absolute;
	border-radius: 3px;
}

#nav .opener:hover {
	text-decoration: none;
	opacity: .9;
}

.main-nav {
	text-transform: capitalize;
	margin: 0 auto -28px;
	padding: 6px 0px 0 0px;
	/*padding: 6px 24px 0 18px;*/
	max-width: 1024px;
	text-align: justify;
	font-size: 14px;
}

.main-nav:after {
	display: inline-block;
	width: 100%;
	content: "";
	height: 0;
	font-size: 0;
	line-height: 0;
}

.main-nav > li {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 7px;
	position: relative;
}

.main-nav > li.active > a {
	color: #5d227d;
}

.main-nav > li > a {
	color: #424242;
}

.main-nav > li > a:hover {
	text-decoration: none;
	color: #5d227d;
}

.main-nav ul {
	background: #6dcde3;
	text-transform: uppercase;
	display: none;
	position: relative !important;
	width: 186px !important;
	text-align: center;
	font-size: 13px;
	line-height: 13px;
	padding: 3px 0;
}

.main-nav ul:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(149, 192, 73, 0);
	border-bottom-color: #6dcde3;
	border-width: 7px;
	margin-left: -7px;
}

.main-nav ul li {
	border: 1px solid #d5d9dd;
	border-width: 1px 0 0;
	display: table;
	height: 41px;
	width: 100%;
	padding: 0 20px;
}

.main-nav ul li:first-child {
	border: none;
}

.main-nav ul a {
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}

.main-nav ul a:hover {
	color: #424242;
	text-decoration: none;
}

.drop-slide-wrapper {
	width: 186px !important;
	top: 35px !important;
	margin: 0 0 0 -94px !important;
	left: 50% !important;
	z-index: 10;
}

.slideshow {
	color: #fff;
	position: relative;
	margin: 0 0 40px;
}

.slideshow .slide {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
}

.slideshow .slide.active {
	z-index: 2;
}

.slideshow .slide img {
	width: 100%;
}

.slideshow img {
	display: block;
}

.slideshow .text-holder {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
}

.slideshow .text {
	margin: 0 auto;
	max-width: 1024px;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.slideshow .heading {
	float: left;
	width: 440px;
	padding: 66px 10px 0 78px;
	max-height: 190px;
	overflow: hidden;
}

.slideshow .heading:before {
	width: 496px;
	z-index: -1;
	background: url(/images/bg-main-navy.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	content: "";
}

.slideshow h1 {
	margin: 0 0 6px;
	line-height: 28px;
	font-size: 28px;
	font-weight: 300;
}

.slideshow h1 strong {
	/*display: block;
	text-transform: capitalize;
	font-weight: 700;*/
}

.slideshow .heading-attendees {
	font-weight:600;
	line-height: 21px;
}

.slideshow .green-img {
	position: absolute;
	left: 374px;
	bottom: 0;
	z-index: -2;
}

.slideshow .dates {
	/*background: url(/images/bg-orange01.png) no-repeat;*/
	background: url(/images/bg-slant-1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	font-size: 20px;
	padding: 44px 118px 22px 91px;
	overflow: hidden;
	max-width: 500px;
	max-height: 105px;
	bottom: 0;
}

/*.slideshow .blue {
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	right: 118px;
	overflow: hidden;
	max-height: 300px;
	font-size: 22px;
	line-height: 28px;
	background: url(/images/bg-blue01.png) no-repeat;
	background-size: 100% 100%;
	width: 457px;
	padding: 19px 57px 17px;
}*/

.slideshow .blue {
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	right: 295px;
	overflow: hidden;
	max-height: 150px;
	min-height: 80px;
	font-size: 20px;
	line-height: 28px;
	/*background: url(/images/bg-blue01.png) no-repeat;*/
	background: url(/images/bg-slant-2.png) no-repeat;
	background-size: 100% 100%;
	width: 257px;
	padding: 30px 35px 17px;
}

.slideshow .blue a {
	color:#FFFFFF;
	text-decoration: none;
}

.slideshow .orange-slant {
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	right: 55px;
	overflow: hidden;
	max-height: 100px;
	font-size: 18px;
	line-height: 28px;
	background: url(/images/bg-orange-slant.png) no-repeat;
	background-size: 100% 100%;
	width: 277px;
	padding: 19px 35px 17px;
}
.slideshow .orange-slant a {
	color:#FFFFFF;
	text-decoration: none;
}


/* green slant */
.slideshow .green-slant {
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	right: 55px;
	overflow: hidden;
	max-height: 100px;
	font-size: 18px;
	line-height: 28px;
	bg
	background-size: 100% 100%;
	width: 277px;
	padding: 19px 35px 17px;
}
.slideshow .green-slant a {
	color:#FFFFFF;
	text-decoration: none;
}




.main-holder {
	margin: 0 auto;
	max-width: 1024px;
}

.box-area {
	text-transform: uppercase;
	letter-spacing: -6px;
	font-size: 15px;
	line-height: 24px;
	padding: 0 12px 12px;
	border: 1px solid #e3e2e2;
	border-width: 0 0 1px;
}

.box-area .box {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	width: 33%;
	padding: 0 16px 20px;
}

.box-area .box.purple .title {
	background: #5d227d;
}

.box-area .box.purple-light .title {
	background: #8acdac;
}

.box-area .box.box1 .title {
	background: #6dcde3;
}
.box-area .box.box2 .title {
	background: #112b4c;
}
.box-area .box.box3 .title {
	background: #8acdac;
}
.box-area .box.box4 .title {
	background: #112b4c;
}


.box-area .box.blue .title {
	background: #006193;
}

.box-area .box.orange .title {
	background: #dd5633;
}

.box-area .box.green .title {
	background: #30B8E8;
}

.box-area a {
	color: #fff;
	display: block;
}

.box-area a:hover {
	text-decoration: none;
	box-shadow: 0 0 5px rgba(22, 22, 23, .75);
}

.box-area .title {
	width: 100%;
	height: 69px;
	padding: 5px 10px 12px;
	display: table;
	text-align: center;
}

.box-area .title span {
	display: table-cell;
	vertical-align: middle;
}

.box-area img {
	display: block;
	width: 100%;
}

.subscribe-bar {
	background: #37a1e1;
	line-height: 40px;
	color: #fff;
	font-size: 30px;
	font-weight: 300;
}

.subscribe-bar .holder {
	margin: 0 auto;
	max-width: 1024px;
	letter-spacing: -6px;
	padding: 16px 26px 21px;
}

.subscribe-bar .subscribe,
.subscribe-bar .text {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0;
}

.subscribe-bar .text {
	width: 68.4%;
	padding: 0 10px 0 0;
}

.subscribe-bar .text strong {
	font-weight: 700;
}

.subscribe-bar .text span {
	display: block;
}

.subscribe-bar p {
	margin: 0;
}

.btn-default {
	margin: 8px 0 0;
	padding: 4px 10px;
	text-transform: uppercase;
	max-width: 304px;
	min-width: 304px;
	text-align: center;
	color: #fff;
	background: #112b4c;
	font-size: 18px;
	font-weight: 700;
}

.btn-default:hover {
	text-decoration: none;
	background: #6dcde3;
}

.intro {
	border: 1px solid #e3e2e2;
	border-width: 0 0 1px;
	padding: 33px 0 21px 28px;
	font-size: 20px;
}

.intro .text {
	float: left;
	width: 40%;
	padding: 32px 0 0;
	position: relative;
	z-index: 2;
}

.intro p {
	margin: 0 0 39px;
}

.intro h1 {
	margin: 0 0 34px;
	text-transform: capitalize;
	color: #5d227c;
	line-height: 40px;
	font-size: 36px;
	font-weight: 300;
}

.intro h1 strong {
	display: block;
	font-weight: 700;
}

.intro .mac-holder {
	float: right;
	margin: 0 -19% 0 -14.6%;
	width: 92.6%;
	position: relative;
}

.intro .video-holder {
	position: absolute;
	right: 25.2%;
	top: 4.4%;
	width: 48.4%;
}


.intro img {
	display: block;
	width: 100%;
}

.btn-default.guide {
	padding: 7px 11px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	max-width: inherit;
	margin: 0;
	text-transform: inherit;
	font-size: 18px;
	font-weight: 400;
}

.btn-blue {
	margin: 0 0 0;
	padding: 4px 10px;
	text-transform: uppercase;
	max-width: 304px;
	min-width: 304px;
	text-align: center;
	color: #fff;
	background: #62a1e2;
	font-size: 18px;
	font-weight: 700;
}
.btn-blue:hover {
	text-decoration: none;
	background: #5d227d;
}
.btn-blue.volunteer {
	padding: 7px 11px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	max-width: inherit;
	margin: 0;
	text-transform: inherit;
	font-size: 18px;
	font-weight: 400;
}

.box-holder {
	overflow: hidden;
	padding: 72px 14px 70px;
}

.box-holder .box {
	float: left;
	width: 50%;
	padding: 0 14px;
}

.box-holder .photo {
	border: 1px solid #d7d6d8;
	position: relative;
}

.box-holder .photo h2 {
	margin: 0;
	text-transform: capitalize;
	padding: 25px 40px 27px 32px;
	max-height: 320px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	line-height: 36px;
	background: url(/images/bg-purple02.png) no-repeat;
	background-size: 100% 100%;
	font-size: 30px;
	font-weight: 300;
}

.box-holder .green-img {
	position: absolute;
	left: 0;
	top: 0;
}

.box-holder img {
	display: block;
	width: 100%;
}

.box-holder .image-holder {
	border: 1px solid #d3d2d3;
	margin: 0 0 32px;
}

.box-holder .image-holder a {
	display: block;
}

.box-holder .image-holder a:hover {
	box-shadow: 0 0 5px rgba(22, 22, 23, .46);
}

.box-holder .orange-box {
	padding: 13px 21px 18px 23px;
	background: #cc7d30;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
}

.box-holder .orange-box .logo {
	float: right;
	margin: 7px 0 0;
	width: 160px;
	height: 45px;
}

.box-holder .orange-box h2 {
	margin: 0 0 17px;
	text-transform: capitalize;
	line-height: 36px;
	font-size: 26px;
	font-weight: 300;
}

.box-holder .text {
	padding: 0 10px 0 0;
}

.box-holder p {
	margin: 0;
}

.visual {
	position: relative;
	background: #5d227c;
	z-index: 2;
}

.visual:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 40%;
	background: #6dcde3;
	z-index: -1;
}

.visual .img-holder {
	float: right;
}

.visual img {
	display: block;
}

.visual .orange-img {
	position: absolute;
	top: 0;
	bottom: auto;
	left: 5px;
	right: auto;
}

.visual .yellow-img {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 111px;
	right: auto;
}

.visual .heading {
	background: url(/images/bg-blue02.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: auto;
	padding: 10px 70px 10px 92px;
	width: 473px;
	height: 159px;
	white-space: nowrap;
}

.visual .heading:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0;
	width: 1px;
	margin: 0 0 0 -5px;
	height: 100%;
	overflow: hidden;
}

.visual .heading .holder {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0;
	white-space: normal;
}

.visual h1 {
	margin: 0;
	color: #fff;
	line-height: 36px;
	font-size: 30px;
	font-weight: 300;
}

.visual h1 strong {
	font-weight: 700;
	display: block;
}

.visual-holder {
	margin: 0 auto;
	padding: 0 18px;
	max-width: 1024px;
	position: relative;
	overflow: hidden;
}

.visual-holder:after {
	position: absolute;
	top: -95px;
	bottom: -35px;
	left: auto;
	right: -134px;
	background: #6dcde3;
	content: "";
	width: 200px;
	transform: rotate(-24deg);
	-moz-transform: rotate(-24deg);
	-ms-transform: rotate(-24deg);
	-o-transform: rotate(-24deg);
	-webkit-transform: rotate(-24deg);
}

#two-columns {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	max-width: 1024px;
	padding: 30px 27px 144px;
}

#content {
	padding: 12px 0 0;
	float: right;
	width: 74.2%;
}

#content .header {
	margin: 0 0 30px;
	/*max-width: 450px;*/
}

#content .header h1 {
	margin: 0 0 13px;
	text-transform: capitalize;
	color: #5d227d;
	line-height: 36px;
	font-size: 36px;
	font-weight: 300;
}

#content .header h2 {
	margin: 0;
	color: #6dcde3;
	line-height: 28px;
	font-size: 26px;
	font-weight: 600;
}

#content p {
	margin: 0 0 28px;
}

#content ol {
	counter-reset: item;
	margin: 0 0 22px;
	padding: 0 0 43px;
	overflow: hidden;
	border: 1px solid #d5d9dd;
	border-width: 0 0 1px;
}

#content ol li {
	margin: 0 0 28px;
}

#content ol li:before {
	content: counters(item, ".", decimal) ".";
	margin: 0 4px 0 0;
	counter-increment: item;
	font-weight: 700;
}

#content ol strong {
	text-transform: uppercase;
}

#content ol a {
	text-decoration: underline;
	color: #5d227d;
}

#content ol a:hover {
	text-decoration: none;
}

.registration-form {
	margin: 0 0 -23px;
	max-width: 470px;
}

.registration-form .row {
	margin: 0 0 20px;
}

.registration-form label {
	float: left;
	/*width: 145px;*/
	width:100%;
	margin: 0 20px 0 0;
	color: #3b3b3b;
	text-transform: capitalize;
}

.registration-form label span {
	color: #9f0303;
}

.registration-form .col {
	float: left;
	width: 305px;
}

.registration-form input[type="text"],
.registration-form input[type="password"],
.registration-form input[type="tel"],
.registration-form input[type="email"] {
	width: 100%;
	height: 30px;
	border: 1px solid #aeaeae;
	color: #3b3b3b;
	font-size: 14px;
	margin: 0 0 10px;
	outline: none;
	line-height: 22px;
}

.registration-form input[type="text"]:focus,
.registration-form input[type="password"]:focus,
.registration-form input[type="tel"]:focus,
.registration-form input[type="email"]:focus {
	box-shadow: inset 0 0 4px -2px rgba(22, 21, 22, .75);
}

.registration-form input[type="submit"] {
	border: none;
	min-width: 166px;
	max-width: inherit;
	width: 166px;
	height: 39px;
	font-size: 16px;
}

.secure-code-holder {
	border: 1px solid #aeaeae;
	margin: 0 0 33px;
}

.secure-code-holder img {
	display: block;
	margin: 0 auto;
}

.required-fields {
	display: block;
	color: #a90b0b;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 24px;
}

/* custom select styles */

.jcf-select {
	color: #6d6e76;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 0 10px;
	border: 1px solid #aeaeae;
	background: #fff;
	width: 138px;
	height: 30px;
}

.jcf-select.jcf-select-add {
	margin: 0 0 10px;
	text-transform: uppercase;
	width: 100%;
}

.jcf-select.jcf-select-add .jcf-select-opener {
	right: 16px;
}

.jcf-select.jcf-drop-active .jcf-select-opener:after {
	content: "\e808";
}

.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}

.jcf-select .jcf-select-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 14px;
	line-height: 26px;
	margin: 0 35px 0 9px;
}

.jcf-select .jcf-select-opener {
	position: absolute;
	right: 10px;
	top: -1px;
	color: #919191;
	font-size: 15px;
	font-weight: bold;
}

.jcf-select .jcf-select-opener:after {
	content: "\e806";
	font-family: "fontello";
}

body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}

.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #aeaeae;
}

/* multiple select styles */

.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
}

/* select options styles */

.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	line-height: 22px;
	font-size: 14px;
	width: 100%;
}

.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}

.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jcf-list ul li {
	overflow: hidden;
	display: block;
}

.jcf-list .jcf-overflow {
	overflow: auto;
}

.jcf-list .jcf-option {
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 0 9px;
	color: #747476;
	height: 1%;
}

.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #e3e4e4;
	color: #747476;
}

.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}

.jcf-option.jcf-option-hideme {
	display: none;
}

#sidebar {
	float: left;
	width: 20.7%;
}

#sidebar .guide-holder {
	padding: 21px 30px 36px;
}

#sidebar .guide-holder:before {
	height: 196px;
}

#sidebar .guide-holder strong {
	font-size: 20px;
	line-height: 21px;
	display: block;
}

#sidebar .guide-holder strong span {
	font-size: 27px;
	line-height: 27px;
}

#sidebar .guide-holder .img-holder {
	padding: 0 7px 23px;
	margin: 0;
}

.aside-nav {
	text-transform: uppercase;
	line-height: 24px;
	margin: 0 0 60px;
}

.aside-nav .opener {
	display: block;
	font-weight: 700;
	color: #fff;
	background: #6dcde3;
	padding: 12px 11px 14px;
}

.aside-nav .opener:hover {
	text-decoration: none;
	opacity: .9;
}

.aside-nav ul a {
	color: #787878;
}

.aside-nav ul a:hover {
	text-decoration: none;
	color: #6dcde3;
}

.aside-nav li {
	border: 1px solid #d5d9dd;
	border-width: 1px 0 0;
	padding: 10px 2px 13px 11px;
}

.ad-holder {
	background: #0d1643;
	line-height: 18px;
	color: #fff;
	text-align: center;
	border: 1px solid #d3d2d3;
	margin: 0 0 46px;
	font-size: 18px;
	font-weight: 300;
}

.ad-holder img {
	display: block;
}

.ad-holder .ad-text {
	padding: 12px 20px 23px;
	display: block;
}

#footer {
	margin: 0 auto;
	max-width: 1024px;
	line-height: 24px;
	padding: 66px 14px 40px;
}

#footer .logo {
	width: 164px;
	height: 74px;
	margin: 0 0 21px;
	float: none;
}

#footer a {
	color: #424242;
}

#footer a:hover {
	text-decoration: none;
	color: #5d227d;
}

#footer p {
	margin: 0;
}

#footer p span {
	display: block;
}

.footer-cols {
	letter-spacing: -6px;
	margin: 0 0 33px;
}

.footer-cols .col {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	width: 25%;
	padding: 0 14px;
}

.footer-cols .col.add {
	padding-top: 49px;
}

.footer-cols address {
	font-style: normal;
}

.footer-cols address span {
	line-height: 30px;
	display: block;
	margin: 0 0 32px;
}

.footer-cols .mail {
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	margin: 0 0 7px;
}

.footer-cols dl {
	overflow: hidden;
	margin: 0;
}

.footer-cols dt {
	float: left;
	margin: 0 4px 0 0;
}

.footer-cols dd {
	overflow: hidden;
	margin: 0 0 5px;
}

.footer-cols h2 {
	margin: 0 0 4px;
	text-transform: capitalize;
	color: #5d227d;
	line-height: 24px;
	font-size: 20px;
}

.footer-cols .links {
	text-transform: capitalize;
	padding: 18px 0 0;
}

.footer-cols .links li {
	margin: 0 0 12px;
}

.footer-cols .dates {
	word-spacing: -1px;
}

.footer-cols .date-list li {
	margin: 0 -10px 32px 0;
}

.guide-holder {
	position: relative;
	background: #5d227d;
	color: #fff;
	text-align: center;
	overflow: hidden;
	z-index: 2;
	padding: 21px 10px 36px;
}

.guide-holder:before {
	content: "";
	position: absolute;
	left: -100px;
	top: -55px;
	right: -30px;
	background: #6dcde3;
	height: 210px;
	transform: rotate(-34deg);
	-moz-transform: rotate(-34deg);
	-ms-transform: rotate(-34deg);
	-o-transform: rotate(-34deg);
	-webkit-transform: rotate(-34deg);
	z-index: -1;
}

.guide-holder .img-holder {
	margin: 0 0 29px;
}

.guide-holder .img-holder a {
	display: inline-block;
	vertical-align: top;
	box-shadow: 0 0 9px rgba(22, 21, 22, .75);
}

.guide-holder img {
	display: block;
	width: 100%;
}

.guide-holder strong {
	font-size: 22px;
}

.guide-holder strong span {
	display: block;
	line-height: 30px;
	font-size: 30px;
	font-weight: 300;
}

.copyright {
	text-align: center;
	font-size: 12px;
}

@media only screen and (min-width: 1025px) {
	.speaker-box	{
		width:47% ;
		float:left;
	}
	.fax,
	.tel {
		cursor: default;
		pointer-events: none;
	}
}

@media only screen and (max-width: 1400px) {
	.speaker-box	{
		width:47% ;
		float:left;
	}
	.main-nav > li:first-child .drop-slide-wrapper {
		margin: 0 0 0 -49px !important;
	}

	.main-nav > li:first-child ul:before {
		margin-left: -50px;
	}

	.slideshow .heading {
		padding: 25px 10px 0 78px;
	}

	.slideshow h1 {
		/*line-height: 22px;*/
	}

	.slideshow .dates {
		/*padding: 34px 118px 12px 83px;*/
		padding: 34px 50px 12px 50px;
		max-height: 92px;
	}

	.slideshow .blue {
		max-height: 220px;
	}
}

@media only screen and (max-width: 1023px) {
	.speaker-box	{
		width:100% ;
		float:left;
	}
	.header-holder {
		padding: 19px 24px 24px 22px;
	}
	.sponsor {
		font-size:11px;
		line-height: 10px;
	}

	.logo {
		width: 186px;
		height: 84px;
		margin: 3px 0 0;
	}

	.btn-default.registry {
		font-size: 12px;
		min-width: 105px;
		max-width: 105px;
		padding: 0 10px;
		line-height: 24px;
	}

	.langauge-form {
		font-size: 10px;
		line-height: 20px;
		width: 63px;
	}

	.langauge-form .jcf-select {
		width: 63px;
		height: 23px;
	}

	.langauge-form .jcf-select .jcf-select-text {
		font-size: 10px;
		line-height: 16px;
		margin: 0 20px 0 5px;
	}

	.langauge-form .jcf-select .jcf-select-opener {
		right: 8px;
		top: 0;
		font-size: 12px;
	}

	.top-area {
		width: 51.6%;
	}

	.top-area .holder {
		margin: 0 0 5px;
	}

	.social {
		padding: 0 17px 0 16px;
		max-width: 200px;
		font-size: 19px;
		line-height: 22px;
	}

	.social li {
		margin: 0 3px 10px;
	}

	.social a.icon-twitter-1 {
		font-size: 16px;
	}

	.social a.icon-youtube {
		font-size: 18px;
		margin: 0 0 0 1px;
	}

	.social a.icon-pinterest {
		font-size: 18px;
		margin: 0 -1px 0 -2px;
	}

	.social a.icon-rss {
		font-size: 22px;
	}

	.date-holder {
		font-size: 13px;
		line-height: 20px;
		max-height: 47px;
	}

	.date-holder .dates {
		width: 52.5%;
		padding: 6px 5px 6px 11px;
	}

	.date-holder .dates.green {
		width: 47.5%;
		padding-left: 5px;
	}

	.date-holder .title {
		font-size: 14px;
		line-height: 16px;
		max-height: 17px;
	}

	.main-nav {
		font-size: 12px;
		padding: 6px 20px 0;
	}

	.main-nav > li {
		padding: 0 5px 7px;
	}

	.main-nav > li:first-child .drop-slide-wrapper {
		margin: 0 0 0 -43px !important;
	}

	.main-nav > li:last-child .drop-slide-wrapper {
		margin: 0 0 0 -96px !important;
	}

	.main-nav ul {
		font-size: 12px;
		width: 161px !important;
	}

	.main-nav ul li {
		padding: 0 10px;
	}

	.drop-slide-wrapper {
		width: 161px !important;
		margin: 0 0 0 -80px !important;
	}

	.slideshow .slide-frame,
	.slideshow .slide-holder {
		left: 50%;
		position: relative;
		width: 100%;
		min-width: 1185px;
	}

	.slideshow .slide-frame {
		left: -50%;
	}

	.slideshow .heading {
		padding: 21px 10px 0 50px;
		width: 350px;
		max-height: 150px;
	}

	.slideshow .heading:before {
		left: 31px;
		width: 393px;
	}

	.slideshow h1 {
		line-height: 28px;
		font-size: 24px;
	}

	.heading-attendees {
		font-size: 16px;
		line-height: 21px;
	}

	.slideshow .dates {
		font-size: 16px;
		padding: 31px 95px 15px 72px;
		left: 24px;
		max-width: 460px;
	}

	.slideshow .blue {
		font-size: 18px;
		line-height: 22px;
		padding: 34px 40px 15px 40px;
		width: 223px;
		max-height: 237px;
		right: auto;
		left: 386px;
	}

	.slideshow .orange-slant {
		font-size: 16px;
		line-height: 22px;
		padding: 14px 50px 15px 45px;
		width: 223px;
		max-height: 237px;
		right: auto;
		left: 580px;
	}


	.slideshow .green-slant {
		font-size: 16px;
		line-height: 22px;
		padding: 14px 50px 15px 45px;
		width: 223px;
		max-height: 237px;
		right: auto;
		left: 580px;
	}


	.slideshow .green-img {
		left: 282px;
	}

	.slideshow .text {
		padding: 0 24px;
	}

	.box-area {
		font-size: 14px;
		line-height: 18px;
		padding: 0 12px 21px;
	}

	.box-area .box {
		padding: 0 12px 20px;
	}

	.box-area .title {
		height: 51px;
		padding: 4px 10px 8px;
	}

	.intro {
		font-size: 16px;
		padding: 31px 0 38px 23px;
	}

	.intro h1 {
		font-size: 28px;
		line-height: 36px;
		margin: 0 0 14px;
	}

	.intro .text {
		padding: 5px 0 0;
		width: 42%;
	}

	.intro .mac-holder {
		margin: 0 -18.3% 0 -18.4%;
		width: 93.7%;
	}

	.intro p {
		margin: 0 0 33px;
	}

	.btn-default.guide {
		font-size: 12px;
		padding: 5px 9px;
	}

	.box-holder {
		padding: 42px 12px 39px;
	}

	.box-holder .photo h2 {
		font-size: 22px;
		line-height: 27px;
		padding: 18px 32px 19px 22px;
		max-height: 238px;
	}

	.box-holder .box {
		padding: 0 12px;
	}

	.box-holder .orange-box {
		font-size: 10px;
		padding: 7px 16px 11px;
	}

	.box-holder .orange-box h2 {
		font-size: 19px;
		line-height: 27px;
		margin: 0 0 8px;
	}

	.box-holder .orange-box .logo {
		width: 119px;
		height: 34px;
	}

	.box-holder .green-img {
		width: 133px;
	}

	.box-holder .image-holder {
		margin: 0 0 23px;
	}

	.box-holder .text {
		padding: 2px 10px 0 0;
	}

	.subscribe-bar {
		font-size: 24px;
		line-height: 30px;
	}

	.subscribe-bar .holder {
		padding: 23px 17px 34px 38px;
	}

	.subscribe-bar .text {
		width: 67.7%;
	}

	.btn-default {
		padding: 8px 10px;
		margin: 14px 0 0;
		max-width: 225px;
		min-width: 225px;
	}

	#footer {
		line-height: 18px;
		padding: 42px 12px 37px;
	}

	#footer .logo {
		width: 122px;
		height: 54px;
		margin: 0 0 17px;
	}

	.footer-cols {
		font-size: 12px;
		margin: 0 0 24px;
	}

	.footer-cols address span {
		line-height: 22px;
		margin: 0 0 24px;
	}

	.footer-cols .mail {
		margin: 0 0 5px;
	}

	.footer-cols h2 {
		font-size: 14px;
		line-height: 18px;
		margin: 0 0 2px;
	}

	.footer-cols .links {
		padding: 13px 0 0;
	}

	.footer-cols .links li {
		margin: 0 0 9px;
	}

	.footer-cols .date-list li {
		margin: 0 -10px 24px 0;
	}

	.footer-cols dt {
		margin: 0 3px 0 0;
	}

	.footer-cols dd {
		margin: 0 0 4px;
	}

	.footer-cols .col {
		padding: 0 12px;
	}

	.footer-cols .col.add {
		padding-top: 37px;
	}

	.guide-holder {
		padding: 16px 27px 25px;
	}

	.guide-holder:before {
		top: -97px;
	}

	.guide-holder .img-holder {
		margin: 0;
		padding: 0 3px 22px;
	}

	.guide-holder strong {
		font-size: 16px;
		line-height: 17px;
	}

	.guide-holder strong span {
		font-size: 22px;
		line-height: 22px;
	}

	.copyright {
		font-size: 10px;
	}

	.visual .img-holder {
		margin: 0 -8px 0 0;
	}

	.visual .orange-img {
		left: 85px;
	}

	.visual .yellow-img {
		left: 191px;
	}

	.visual .heading {
		left: 72px;
	}

	.visual-holder {
		padding: 0;
	}

	.visual-holder:after {
		right: -160px;
	}

	#two-columns {
		padding: 21px 23px 61px;
	}

	#content {
		padding: 0;
		width: 65.5%;
		font-size: 14px;
		line-height: 24px;
	}

	#content .header {
		margin: 0 0 36px;
		max-width: 420px;
	}

	#content .header h1 {
		font-size: 30px;
	}

	#content .header h2 {
		font-size: 24px;
	}

	#content p {
		margin: 0 0 24px;
	}

	#content ol {
		padding: 0 0 26px;
	}

	#content ol li {
		margin: 0 0 24px;
	}

	.registration-form {
		margin: 0 0 23px;
	}

	.registration-form label {
		width: 125px;
		margin: 0 40px 0 0;
	}

	#sidebar {
		padding: 9px 0 0;
		width: 22.3%;
	}

	#sidebar .guide-holder strong {
		font-size: 16px;
		line-height: 17px;
	}

	#sidebar .guide-holder strong span {
		font-size: 22px;
		line-height: 22px;
	}

	#sidebar .guide-holder {
		padding: 15px 23px 28px;
	}

	.aside-nav {
		font-size: 13px;
		line-height: 19px;
		margin: 0 0 48px;
	}

	.aside-nav .opener {
		padding: 10px 9px 11px;
	}

	.aside-nav li {
		padding: 8px 9px 11px;
	}

	.ad-holder {
		font-size: 15px;
		line-height: 15px;
		margin: 0 0 39px;
	}

	.ad-holder .ad-text {
		padding: 8px 20px 19px;
	}

	.secure-code-holder {
		margin: 0 0 27px;
	}
}

@media only screen and (min-width: 768px) {
	#mobile-register {
		display:none;
	}
}

@media only screen and (max-width: 767px) {
	#header {
		position: relative;
		z-index: 10;
	}

	.header-holder {
		padding: 14px 10px 29px 14px;
	}

	.top-area {
		padding: 35px 0 0;
	}

	.social {
		text-align: right;
		max-width: inherit;
		float: right;
		padding: 0 4px;
		line-height: 25px;
		font-size: 21px;
	}

	.social a.icon-rss {
		font-size: 25px;
	}

	.social a.icon-pinterest {
		font-size: 21px;
	}

	.social a.icon-linkedin {
		font-size: 22px;
	}

	.social a.icon-youtube {
		font-size: 20px;
	}

	.social a.icon-twitter-1 {
		font-size: 18px;
	}

	.logo {
		width: 171px;
		height: 77px;
	}

	.langauge-form,
	/*.btn-default.registry,*/
	.date-holder {
		display: none;
	}

	#nav {
		position: relative;
		padding: 7px 15px 6px;
	}

	#nav.active .drop {
		max-height: 4000px;
	}

	#nav.active .main-nav {
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	#nav .opener {
		display: block;
	}

	#nav .drop {
		-webkit-transition: all .25s ease;
		transition: all .25s ease;
		overflow: hidden;
		max-height: 0;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
	}

	.main-nav {
		-webkit-transition: all .25s ease;
		transition: all .25s ease;
		transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		background: #e3e4e4;
		padding: 3px 15px 5px;
		margin: 0;
		text-align: left;
		font-size: 14px;
	}

	.main-nav:after {
		display: none;
	}

	.main-nav > li {
		border: 1px solid #fff;
		border-width: 1px 0 0;
		display: block;
		padding: 0;
	}

	.main-nav > li:first-child .drop-slide-wrapper,
	.main-nav > li:last-child .drop-slide-wrapper {
		margin: 0 !important;
	}

	.main-nav > li.drop-active .has-drop-down-a:after {
		content: "\e806";
	}

	.main-nav > li > a {
		display: block;
		padding: 4px 20px 7px;
		position: relative;
	}

	.main-nav ul {
		width: 100% !important;
	}

	.main-nav ul:before {
		display: none;
	}

	.main-nav ul br {
		display: none;
	}

	.has-drop-down-a:after {
		content: "\e807";
		position: absolute;
		right: 12px;
		margin-top: -14px;
		top: 50%;
		color: #fff;
		font-size: 15px;
		font-family: "fontello";
		font-weight: normal;
	}

	.drop-slide-wrapper {
		position: static !important;
		margin: 0 !important;
		width: 100% !important;
	}

	.slideshow {
		margin: 0 0 36px;
	}

	.slideshow .blue {
		display: none;
	}
	.slideshow .orange-slant {
		display: none;
	}
	.slideshow .green-slant {
		display: none;
	}


	.slideshow h1 {
		text-align: center;
		font-size: 24px;
		line-height: 32px;
	}

	.slideshow .slide-holder,
	.slideshow .slide-frame {
		min-width: 975px;
	}

	.slideshow .green-img {
		left: 50%;
		margin: 0 0 0 5px;
	}

	.slideshow .heading {
		max-height: 130px;
		width: 280px;
		margin: 0 auto;
		padding: 27px 10px 0;
		float: none;
	}

	.slideshow .heading:before {
		left: 50%;
		width: 351px;
		margin: 0 0 0 -170px;
	}

	.slideshow .dates {
		margin: 0 0 0 -154px;
		left: 50%;
		font-size: 14px;
		padding: 21px 81px 13px 55px;
		max-width: 82%;
		max-height: 76px;
	}

	.main-holder {
		padding: 0 14px;
	}

	.box-area {
		padding: 0 39px 14px;
	}

	.box-area .box {
		width: 50%;
		padding: 0 12px 18px;
	}

	.intro {
		font-size: 13px;
		padding: 36px 0 42px;
	}

	.intro .text {
		float: none;
		width: 100%;
		text-align: center;
		padding: 0 0 31px;
	}

	.intro h1 {
		font-size: 24px;
		line-height: 30px;
		margin: 0 0 11px;
	}

	.intro p {
		margin: 0 0 14px;
	}

	.intro .mac-holder {
		width: 154%;
		margin: 0 0 0 -28%;
		float: none;
	}

	.box-holder {
		padding: 36px 52px 51px;
	}

	.box-holder .box {
		float: none;
		width: 100%;
		padding: 0 0 15px;
	}

	.box-holder .orange-box .logo {
		margin: 7px 0 0;
	}

	.subscribe-bar {
		font-size: 20px;
		line-height: 30px;
		text-align: center;
	}

	.subscribe-bar .holder {
		padding: 21px 10px 25px;
	}

	.subscribe-bar .text {
		display: block;
		width: 100%;
		padding: 0 0 8px;
	}

	.btn-default {
		font-size: 16px;
	}

	#footer {
		padding: 56px 53px 14px;
	}

	#footer .logo {
		margin: -37px 0 18px;
	}

	.footer-cols {
		margin: 0 0 17px;
	}

	.footer-cols .col {
		width: 50%;
		padding: 0 12px 33px;
	}

	.footer-cols .col.add {
		padding-top: 0;
	}

	.guide-holder {
		margin: 4px 0 0;
		padding: 16px 27px 24px;
	}

	.guide-holder .img-holder {
		padding: 0 3px 20px;
	}

	.visual:after {
		display: none;
	}

	.visual .yellow-img {
		display: none;
	}

	.visual .heading {
		text-align: center;
		margin: 0 0 0 -215px;
		left: 50%;
		padding: 10px 70px 26px 26px;
	}

	.visual .heading .holder {
		overflow: hidden;
		max-height: 120px;
	}

	.visual .img-holder {
		margin: -6px 0 0;
		left: -50% !important;
		float: none;
		display: block;
	}

	.visual .img-holder,
	.visual .image-holder {
		left: 50%;
		width: 100%;
		position: relative;
		min-width: 600px;
	}

	.visual .orange-img {
		left: 38px;
		top: -6px;
	}

	.visual h1 {
		font-size: 24px;
		line-height: 30px;
	}

	.visual h1 strong {
		font-weight: 600;
	}

	.visual-holder:after {
		display: none;
	}

	#two-columns {
		padding: 95px 35px 45px;
	}

	#content {
		float: none;
		width: 100%;
		font-size: 12px;
		line-height: 20px;
	}

	#content .header {
		max-width: 350px;
		margin: 0 0 27px;
	}

	#content .header h1 {
		font-size: 26px;
		margin: 0 0 3px;
	}

	#content .header h2 {
		font-size: 20px;
	}

	#content p {
		margin: 0 0 20px;
	}

	#content ol {
		padding: 0 0 15px;
		margin: 0 0 19px;
	}

	#content ol li {
		margin: 0 0 20px;
	}

	.registration-form {
		margin: 0 2px 28px 0;
	}

	.registration-form label {
		width: 26%;
		margin: 0;
	}

	.registration-form .col {
		padding: 0 0 0 37px;
		width: 74%;
	}

	.registration-form input[type="text"],
	.registration-form input[type="password"],
	.registration-form input[type="tel"],
	.registration-form input[type="email"] {
		height: 26px;
		margin: 0 0 9px;
	}

	.registration-form input[type="submit"] {
		height: 34px;
		width: 145px;
		font-size: 14px;
		min-width: inherit;
	}

	.registration-form .row {
		margin: 0 0 17px;
	}

	.secure-code-holder {
		min-height: 61px;
		margin: 0 0 22px;
	}

	.required-fields {
		font-size: 11px;
		margin: 0 0 19px;
	}

	.jcf-select {
		width: 120px;
		height: 26px;
		padding: 2px 0 0;
	}

	.jcf-select .jcf-select-opener {
		font-size: 12px;
		top: 1px;
	}

	.jcf-select .jcf-select-text {
		font-size: 12px;
		line-height: 22px;
		margin: 0 25px 0 8px;
	}

	.jcf-list {
		font-size: 12px;
		line-height: 19px;
	}

	#sidebar {
		float: none;
		width: 290px;
		position: absolute;
		top: 19px;
		bottom: auto;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 0;
	}

	#sidebar .guide-holder {
		display: none;
	}

	.aside-nav {
		margin: 0;
	}

	.aside-nav.active .drop {
		max-height: 4000px;
	}

	.aside-nav.active ul {
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	.aside-nav .opener {
		padding: 6px 30px 6px 9px;
		font-size: 18px;
		color: #7ac142;
		border: 1px solid #aeaeae;
		background: #fff;
		position: relative;
	}

	.aside-nav .opener:after {
		content: "\e806";
		position: absolute;
		top: 50%;
		bottom: auto;
		left: auto;
		right: 10px;
		color: #aeaeae;
		margin-top: -10px;
		font-size: 17px;
		font-family: "fontello";
		font-weight: normal;
	}

	.aside-nav .drop {
		max-height: 0;
		overflow: hidden;
		-webkit-transition: all .25s ease;
		transition: all .25s ease;
	}

	.aside-nav ul {
		background: #fff;
		border: 1px solid #aeaeae;
		border-width: 0 1px 1px;
		-webkit-transition: all .25s ease;
		transition: all .25s ease;
		transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
	}

	.aside-nav ul a {
		display: block;
		padding: 8px 9px 11px;
	}

	.aside-nav li {
		padding: 0;
	}

	.aside-nav li:first-child {
		border: none;
	}

	.ad-holder {
		display: none;
	}

	#mobile-register {
		text-align: center;
	}
	.sponsored-by {
		display:none;
	}
}

@media only screen and (max-width: 479px) {
	.header-holder {
		padding: 10px;
	}

	.social {
		padding: 0;
	}

	.social li {
		margin: 0 1px;
	}

	.logo {
		width: 141px;
		height: auto;
	}

	.top-area {
		padding: 25px 0 0;
	}

	.slideshow {
		margin: 0 0 24px;
	}

	.slideshow .dates {
		max-width: 97%;
		padding: 8px 71px 0 25px;
		max-height: 37px;
	}

	.slideshow .heading:before {
		width: 280px;
		margin: 0 0 0 -135px;
	}

	.main-holder {
		padding: 0;
	}

	.box-area {
		padding: 0 12px 6px;
	}

	.box-area .title {
		padding: 4px 3px;
	}

	.intro {
		padding: 20px 0;
	}

	.intro .text {
		padding: 0 10px 20px;
	}

	.box-holder {
		padding: 30px 10px 15px;
	}

	.box-holder .orange-box {
		padding: 7px 10px;
	}

	.box-holder .orange-box .logo {
		margin: 7px 0 0 -40px;
	}

	#footer {
		padding: 56px 12px 14px;
	}

	.footer-cols address br {
		display: none;
	}

	.guide-holder {
		padding: 16px 8px 24px;
	}

	.visual .heading {
		width: 320px;
		margin: 0 0 0 -160px;
		padding: 10px 44px 10px 25px;
	}

	#two-columns {
		padding: 95px 10px 45px;
	}

	.registration-form label {
		width: inherit;
		margin: 0 0 10px;
	}

	.registration-form .row {
		margin: 0 0 5px;
	}

	.registration-form .col {
		padding: 0;
		width: 100%;
	}
}






/*  CUSTOM  */
.error {
	color: #b94a5c;
	background-color: #f2dede;
	border: 1px solid #dbbfbf;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;  
	width: 100%;
 	padding: 10px 0 10px 0px;
 	margin-bottom: 15px;
 	text-align: center;
}
.success {
	color: #468847;
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;  
	width: 100%;
 	padding: 10px 0 10px 0px;
 	margin-bottom: 15px;
 	text-align: center;
}
.success a {
	color: #468847;
	text-decoration: underline;
	font-weight: bold;
}
.notification {
	color: #3d89ae;
	background-color: #d9edf7;
	border: 1px solid #bce8f1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;  
	width: 100%;
 	padding: 10px 0 10px 0px;
 	margin-bottom: 15px;
 	text-align: center;
}
.notification a {
	color: #3d89ae;
	text-decoration: underline;
	font-weight: bold;
}
.bordered table, .bordered td, .bordered th {
    border: 1px solid #e7e7e7;
    padding:4px;
    vertical-align: top;
}
.table-output table, .table-output th, .table-output td {
   border: 1px solid #d5d9dd; padding: 0 5px 0 5px;
}



/* form steps */
* {
    box-sizing: border-box;
}

#progress {
    padding: 0;
    list-style-type: none;
    font-family: arial;
    font-size: 12px;
    clear: both;
    line-height: 1em;
    margin: 0 -1px;
    text-align: center;
}

#progress li {
    float: left;
    padding: 10px 30px 10px 40px;
    background: #333;
    color: #fff;
    position: relative;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    width: 24%;
    margin: 0 1px;
}

#progress li:before {
    content: '';
    border-left: 16px solid #fff;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    
}
#progress li:after {
    content: '';
    border-left: 16px solid #333;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 20;
}

#progress li.active {
    background: #00a6e5;
}

#progress li.active:after {
    border-left-color: #00a6e5;
}