@charset "UTF-8";

/* ! Reset defaults & page base */

p, a, h1, h2, h3, h4, h5, h6, hr, ul, ul li, ol, ol li, table, td, tr, th, form, input, select {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	list-style-type: none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	text-decoration: none;
	color: inherit;
}

html, body {
	margin: 0;
	padding: 0;
}

body.front { background-color: #f2f2f2; }

body.not-front {
	background-image: -webkit-linear-gradient( top, rgba(255,255,255,1), rgba(255,255,255,0) ), url(../images/bg-texture1.jpg);
	background-image:    -moz-linear-gradient( top, rgba(255,255,255,1), rgba(255,255,255,0) ), url(../images/bg-texture1.jpg);
	background-image:     -ms-linear-gradient( top, rgba(255,255,255,1), rgba(255,255,255,0) ), url(../images/bg-texture1.jpg);
	background-image:         linear-gradient( top, rgba(255,255,255,1), rgba(255,255,255,0) ), url(../images/bg-texture1.jpg);
	background-size: auto 150px, auto;
	background-position: top, top;
	background-repeat: repeat-x, repeat;
}

nav,
section#home-body {
	position: relative;
	width: 887px;
	margin: 0 auto;
}

.clearfix::after { clear: both; }

.clearfix::before, .clearfix::after {
	content: "";
	display: table;
	border-collapse: collapse;
}

/* ! Fonts */

@font-face {
	font-family: 'Neutraface 2 Text Demi';
	src: url('../fonts/neutra2text-demi-webfont.eot');
	src: url('../fonts/neutra2text-demi-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neutra2text-demi-webfont.woff') format('woff'),
		 url('../fonts/neutra2text-demi-webfont.ttf') format('truetype'),
		 url('../fonts/neutra2text-demi-webfont.svg#neutraface_2_text_demiregular') format('svg');
}

@font-face {
 font-family: 'Neutraface 2 Text Book';
 src: url('../fonts/neutra2text-book.eot');
 src: url('../fonts/neutra2text-book.eot?#iefix') format('embedded-opentype'),
   url('../fonts/neutra2text-book.woff') format('woff'),
   url('../fonts/neutra2text-book.ttf') format('truetype'),
   url('../fonts/neutra2text-book.svg#neutraface_2_text_book') format('svg');
}

@font-face {
	font-family: 'Neutraface 2 Text Demi Italic';
	src: url('../fonts/neutra2text-demiitalic-webfont.eot');
	src: url('../fonts/neutra2text-demiitalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neutra2text-demiitalic-webfont.woff') format('woff'),
		 url('../fonts/neutra2text-demiitalic-webfont.ttf') format('truetype'),
		 url('../fonts/neutra2text-demiitalic-webfont.svg#neutraface_2_text_demiitalic') format('svg');
}

@font-face {
	font-family: 'Neutraface 2 Text Bold';
	src: url('../fonts/neutra2text-bold-webfont.eot');
	src: url('../fonts/neutra2text-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neutra2text-bold-webfont.woff') format('woff'),
		 url('../fonts/neutra2text-bold-webfont.ttf') format('truetype'),
		 url('../fonts/neutra2text-bold-webfont.svg#neutraface_2_text_boldregular') format('svg');
}

@font-face {
	font-family: 'Neutraface 2 Display Bold';
	src: url('../fonts/neutra2display-bold-webfont.eot');
	src: url('../fonts/neutra2display-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neutra2display-bold-webfont.woff') format('woff'),
		 url('../fonts/neutra2display-bold-webfont.ttf') format('truetype'),
		 url('../fonts/neutra2display-bold-webfont.svg#neutraface_2_display_boldRg') format('svg');
}

@font-face {
	font-family: 'Neutraface 2 Display Titling';
	src: url('../fonts/neutra2display-titling-webfont.eot');
	src: url('../fonts/neutra2display-titling-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neutra2display-titling-webfont.woff') format('woff'),
		 url('../fonts/neutra2display-titling-webfont.ttf') format('truetype'),
		 url('../fonts/neutra2display-titling-webfont.svg#neutraface_2_display_titlinRg') format('svg');
}

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

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

/* mcicons */
@font-face {
    font-family: 'mcicons';
    src:url('../fonts/mcicons/mcicons.eot?au1y6z');
    src:url('../fonts/mcicons/mcicons.eot?au1y6z#iefix') format('embedded-opentype'),
        url('../fonts/mcicons/mcicons.ttf?au1y6z') format('truetype'),
        url('../fonts/mcicons/mcicons.woff?au1y6z') format('woff'),
        url('../fonts/mcicons/mcicons.svg?au1y6z#mcicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-hand-o-right:before {
  content: "\f0a4";
}
.icon-left-arrow-key:before {
  content: "\e910";
}

.icon-download:before {
  content: "\f019";
}


.icon-play-circle:before {
  content: "\f01d";
}
.stop-audio {
    float: left;
    width: 12px;
    height: 12px;
    margin: 4px 0 0 18px;
    border: 1px solid rgba(0, 0, 0, .2);
    background: red;
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-invisible:before {
  content: "\e90e";
}
.icon-visible:before {
  content: "\e90f";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-facebook-f:before {
  content: "\f09a";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-sign-in:before {
  content: "\f090";
}
.icon-fill-arrow-down:before {
  content: "\e90d";
}
.icon-fill-arrow-up:before {
  content: "\e90c";
}
.icon-single:before {
  content: "\f007";
}
.icon-calendar-simple:before {
  content: "\f133";
}
.icon-arrow-upright:before {
  content: "\f14c";
}
.icon-pointer:before {
  content: "\f245";
}
.icon-checked:before {
  content: "\e903";
}
.icon-collapse:before {
  content: "\e904";
}
.icon-expand:before {
  content: "\e905";
}
.icon-fill-arrow:before {
  content: "\e906";
}
.icon-gear:before {
  content: "\e907";
}
.icon-grid:before {
  content: "\e908";
}
.icon-uncheck:before {
  content: "\e909";
}
.icon-keyboard_arrow_down:before {
  content: "\e10f";
}
.icon-keyboard_arrow_up:before {
  content: "\e112";
}
.icon-thinx:before {
  content: "\e90b";
}
.icon-cross:before {
  content: "\e900";
}
.icon-loop2:before {
  content: "\e901";
}
.icon-checkmark:before {
  content: "\e902";
}
.icon-lifebuoy:before {
  content: "\e939";
}
.icon-alert-badge:before {
  content: "\e90a";
  color: #e6a934; font-size: 18px;
}
.icon-check:before {
  content: "\f00c";
}
.icon-close:before {
  content: "\f00d";
}
.icon-trash-o:before {
  content: "\f014";
}
.icon-clock-o:before {
  content: "\f017";
}
.icon-refresh:before {
  content: "\f021";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-plus-circle:before {
  content: "\f055";
}
.icon-times-circle:before {
  content: "\f057";
}
.icon-check-circle:before {
  content: "\f058";
}
.icon-question-circle:before {
  content: "\f059";
}
.icon-info-circle:before {
  content: "\f05a";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-mail-forward:before {
  content: "\f064";
}
.icon-exclamation-circle:before {
  content: "\f06a";
}
.icon-eye:before {
  content: "\f06e";
}
.icon-exclamation-triangle:before {
  content: "\f071";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-phone:before {
  content: "\f095";
}
.icon-arrow-circle-right:before {
  content: "\f0a9";
}
.icon-chain:before {
  content: "\f0c1";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-trash:before {
  content: "\f1f8";
}
/* end icomoon */

/*#header-page-image{ display: none;}*/

/* ! Join a conference button */

.top-menu {
	float: right;
	margin-bottom: 20px;
}

.top-menu li {
	display: inline-block;
	margin-top: 3px;
	vertical-align: middle;
}

.top-menu li a {
	display: block;
	width: auto;
	padding: 0 11px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	border-radius: 40px;
	text-transform: uppercase;
	text-rendering: optimizelegibility;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8);
	transition: all 0.2s ease-out;
}

.top-menu li a:hover {
	color: #757575;
	background-color: #fff;
}

.not-front .top-menu li a {
	color: #228abe;
	box-shadow: 0 0 0 1px #228abe;
}

.not-front .top-menu li a:hover {
	color: #fff;
	background-color: #228abe;
}

/* ! Main Menu */

.mainmenu {
	position: relative;
	width: 887px;
	height: 63px;
	margin: 18px auto 0 auto;
	z-index: 999;
}

.front .mainmenu {
	position: absolute;
	left: 0;
	right: 0;
}

.front .menu.myaccount { display: none; }

#mainlogo {
	display: block;
	float: left;
	width: 191px;
	height: 77px;
	margin-top: -8px;
	background-image: url(../images/mc-logo-white.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.not-front #mainlogo { background-image: url(../images/mc-logo-blue.svg); }

.menu { float: right; }

.menu li {
	position: relative;
	float: left;
	margin-left: 5px !important;
}

.menu > li > a {
	display: block;
	width: auto;
	padding: 0 11px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 16px;
	line-height: 27px;
	color: #fff;
	border-radius: 40px;
	text-transform: uppercase;
	text-rendering: optimizelegibility;
	transition: box-shadow 0.2s ease-out;
}

.menu > li > a:hover { box-shadow: 0 0 0 1px rgba(255, 255, 255, .8); }

.not-front .menu > li > a { color: #228abe; }

.not-front .menu > li > a:hover { box-shadow: 0 0 0 1px #228abe; }

.menu > li.current > a {
	pointer-events: none;
	cursor: default;
	color: #fff;
	background-color: #228abe;
	box-shadow: 0 0 0 1px #228abe;
}

#mobilemenu { display: none; }

/* ! Submenu */

.menu li.submenu > a {
	cursor: pointer;
	padding-right: 7px;
}

.menu .down-icon {
	display: inline-block;
	margin: 5px 0 0 -3px;
	font-family: mcicons;
	font-size: 17px;
	line-height: 17px;
	vertical-align: top;
}

.menu li ul.submenu {
	display: none;
	position: absolute;
	right: 0;
	margin-top: 3px;
	padding: 5px 0;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.3);
	z-index: 999;
}

.menu li ul.submenu.visible {
	display: block;
}

.menu li ul.submenu li {
	float: none;
	margin: 0 !important;
}

.menu li ul.submenu a {
	display: inline-block;
	min-width: 170px;
	padding: 0 15px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 17px;
	line-height: 36px;
	color: #2b83b8;
}

.menu li ul.submenu a:hover { background-color: #f1f3f8; }

.not-front .menu .submenu.current > a,
.menu.myaccount .submenu.current > a {
	pointer-events: all;
	cursor: pointer;
}

/* ! Submenu Mobile */

@media screen and (max-width: 480px) {

	.menu .down-icon {
		float: right;
		margin: 0;
		font-size: 28px;
		line-height: 42px;
		vertical-align: middle;
	}
	
	.menu li.submenu.visible .down-icon {
		transform: scaleY(-1);
	}
	
	.menu li ul.submenu {
		position: relative;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background-color: transparent;
		box-shadow: none;
	}
	
	.menu li ul.submenu a {
		min-width: 0;
		padding: 0 19px 0 36px;
		font-family: "Neutraface 2 Text Bold";
		font-size: 22px;
		line-height: 43px;
		color: #e4e4e4;
	}
	
	.not-front .menu li ul.submenu a,
	.menu.myaccount li ul.submenu a {
		color: #e4e4e4;
	}
	
	.menu li ul.submenu a:hover,
	menu.myaccount li ul.submenu a:hover {
		color: #535353;
		background-color: #fff;
	}

}

/* ! Sticky Nav */

nav.sticky {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0px;
	width: 100%;
	height: 64px;
	background-color: #228abe;
	box-shadow: 0px 1px 3px 0px rgba(27, 36, 50, 0.35);
	-webkit-transform: translate3d(0, 0, 0); /* fix webkit position fixed bug */
	z-index: 999;
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}

@media screen and (max-width: 480px) {
	nav.sticky { display: none; }
}

body.logged-in nav.sticky,
body.page-user nav.sticky,
body.support nav.sticky,
body.purchase nav.sticky,
body.page-join nav.sticky {
	display: none;
}

nav.sticky.visible {
	opacity: 1;
	visibility: visible;
}

nav.sticky .container {
	margin: 0 auto;
	width: 887px;
	text-align: right;
}

nav.sticky .mainlogo {
	display: block;
	float: left;
	width: 118px;
	height: 47px;
	margin-top: 6px;
	background-image: url(../images/mc-logo-white.svg);
	background-size: cover;
}

nav.sticky p {
	display: inline-block;
	margin-right: 10px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 23px;
	line-height: 64px;
	letter-spacing: -0.02em;
	vertical-align: top;
	color: #fff;
	text-transform: uppercase;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

nav.sticky input[type="text"] {
	float: left;
	width: 175px;
	height: 37px;
	padding: 0 10px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 16px;
	letter-spacing: -0.02em;
	color: #67757d;
	background-color: #fff;
	border-radius: 4px;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

nav.sticky #signup3 {
	display: inline-block;
	margin-top: 13px;
}

nav.sticky #name3 {
	border-right: 1px solid #8ebde1;
	border-radius: 4px 0 0 4px;
}

nav.sticky #email3 { border-radius: 4px; }

nav.sticky ::-webkit-input-placeholder { color: #bec5c7 !important; }
nav.sticky      :-ms-input-placeholder { color: #bec5c7 !important; }
nav.sticky          ::-moz-placeholder { color: #bec5c7 !important; }
nav.sticky           :-moz-placeholder { color: #bec5c7 !important; }

nav.sticky input[type="submit"] {
	display: block;
	float: left;
	clear: none;
	height: auto;
	margin-left: 7px;
	padding: 0 15px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 18px;
	line-height: 36px;
	letter-spacing: -0.03em;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0px 1px rgba( 0, 0, 0, .22 );
	border: 1px solid #6c8e28;
	cursor: pointer;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	border-radius: 5px;
	background-image: -webkit-linear-gradient( top, #a0d23c, #95c438 );
	background-image:    -moz-linear-gradient( top, #a0d23c, #95c438 );
	background-image:     -ms-linear-gradient( top, #a0d23c, #95c438 );
	background-image:         linear-gradient( top, #a0d23c, #95c438 );
	box-shadow: inset 0 1px 0 0 rgba( 255, 255, 255, .28 );
}

nav.sticky input[type="submit"]:hover {
	background-image: -webkit-linear-gradient( top, #a9dd3f, #9fd13c );
	background-image:    -moz-linear-gradient( top, #a9dd3f, #9fd13c );
	background-image:     -ms-linear-gradient( top, #a9dd3f, #9fd13c );
	background-image:         linear-gradient( top, #a9dd3f, #9fd13c );
}

nav.sticky input[type="submit"]::-moz-focus-inner { /* fix extra height in Firefox */
    padding: 0;
    border: 0;
}

/* Form Errors */

nav.sticky input[type="text"].error {
	background-color:#e2e494;
	color: #e54439;
}

nav.sticky label.error { display: none !important; }

/* Main slider */

#home-top {
	position: relative;
	width: 100%;
}

.beacon { /* visibility beacon for view tracking */
	position: absolute;
	visibility: hidden;
	width: 1px;
	height: 1px;
	left: 50%;
}

.heading-container {
	position: absolute;
	pointer-events: none;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1;
}

.heading-container .button-big {
	display: block;
	pointer-events: all;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(50% - 30px);
	margin: 0 auto;
	width: 172px;
	padding: 0 27px;
	font-family: "Neutraface 2 Text Demi";
	line-height: 58px;
	border: none;
	border-radius: 100px;
	background-color: #06b659;
	background-image: none;
	box-shadow: none;
	text-transform: none;
	transition: background 0.2s ease-out;
}

.heading-container .button-big:hover {
	background-color: #149e55;
	background-image: none;
}

.main-slider {
	width: 100%;
	min-height: 711px;
}

@media (max-width: 479px) {
	.main-slider {
		min-height: auto;
		height: 590px;
	}
}

.main-slider .title-container {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	padding-top: 187px;
	text-align: center;
}

@media (max-width: 866px) {
	.main-slider .title-container {
		padding-top: 138px;
	}
}

@media (max-width: 479px) {
	.main-slider .title-container {
		padding-top: 87px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

.main-slider .tns-item img { visibility: hidden; }

.main-slider .tns-item {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}

.main-slider #tns1-item0 { background-image: url(../images/home-slider-training.jpg); }
.main-slider #tns1-item1 { background-image: url(../images/home-slider-authors.jpg); }
.main-slider #tns1-item2 { background-image: url(../images/home-slider-political.jpg); }
.main-slider #tns1-item3 { background-image: url(../images/home-slider-corp.jpg); }
.main-slider #tns1-item4 { background-image: url(../images/home-slider-breakouts.png); }
.main-slider #tns1-item5 { background-image: url(../images/home-slider-fundraising.png); background-size: 1501px; background-color: #fff; }

@media (max-width: 1176px) {
	.main-slider .tns-item {
		background-size: cover;
	}
}

.main-slider h1 {
	margin-bottom: 5px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 56px;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #fff;
}

@media (max-width: 479px) {
	.main-slider h1 {
		font-size: 40px;
	}
}

.main-slider .lead {
	font-family: "Neutraface 2 Text Book";
	font-size: 30px;
	line-height: 1.4;
	letter-spacing: -0.02em;
	color: #fff;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media (max-width: 479px) {
	.main-slider .lead {
		font-size: 21px;
	}
}

.main-slider img {
	width: auto;
	height: 711px;
}

@media (min-width: 1164px) {
	.main-slider img {
		width: 100%;
		height: auto;
	}
}

.tns-item { position: relative; }

.main-slider .quotation {
	position: absolute;
	box-sizing: border-box;
	width: 606px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 116px;
	font-family: "Neutraface 2 Text Demi Italic";
	font-size: 27px;
	line-height: 1.4;
	letter-spacing: -1px;
	text-align: center;
	color: #fff;
	z-index: 2;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main-slider .quotation.authors { width: 676px; }
.main-slider .quotation.political { width: 616px; }

@media (max-width: 479px) {
	.main-slider .quotation {
		bottom: 206px;
	}
}

@media (max-width: 640px) {
	.main-slider .quotation {
		width: 100% !important;
		padding: 0 20px;
		font-size: 22px;
	}
	
	.main-slider .quotation.corp br { display: none; }
}

.main-slider .quotation span {
	font-size: 17px;
	letter-spacing: -0.02em;
}

.main-slider .quotation a { text-decoration: underline; }
.main-slider .quotation a:hover { text-decoration: none; }

.slider-prev, .slider-next {
	position: absolute;
	pointer-events: all;
	opacity: .6;
	cursor: pointer;
	box-sizing: border-box;
	left: 50px;
	top: calc(50% - 43px);
	width: 80px;
	height: 80px;
	border-radius: 100px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all 0.2s ease-out;
}

@media (max-width: 479px) {
	.slider-prev, .slider-next {
		left: 10px;
		top: calc(50% - 25px);
		width: 50px;
		height: 50px;
	}
}

.slider-prev:hover, .slider-next:hover {
	opacity: 1;
	background-color: rgba(0, 0, 0, .3);
}

.slider-next {
	left: inherit;
	right: 50px;
	text-indent: 34px;
}

@media (max-width: 479px) {
	.slider-next {
		right: 10px;
	}
}

.slider-prev svg, .slider-next svg {
	width: 17px;
	margin: 17px 0 0 -6px;
}

@media (max-width: 479px) {
	.slider-prev svg, .slider-next svg {
		width: 11px;
		margin: 10px 0 0 -3px;
	}
}

.slider-next svg { margin: 17px 25px 0 0; }

@media (max-width: 479px) {
	.slider-next svg {
		margin: 10px 0 0 -29px;
	}
}

a.prepaid-promo-badge {
	position: absolute;
	pointer-events: all;
	top: 200px;
	right: 70px;
	width: 125px;
	height: 120px;
}

@media (max-width: 1217px) {
	a.prepaid-promo-badge {
		top: 310px;
		right: 144px;
	}
}

@media (max-width: 800px) {
	a.prepaid-promo-badge {
		display: none;
	}
}

.btn-interview {
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	bottom: 207px;
	width: 190px;
	height: 38px;
	margin: 0 auto;
	padding: 0 14px 0 7px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 18px;
	line-height: 38px;
	color: #fff;
	border: 1px solid rgba(255,255,255, .85);
	border-radius: 100px;
	background-color: rgba(0,0,0, .10);
	transition: background 0.2s ease-out;
	z-index: 1;
}

@media (max-width: 479px) {
	.btn-interview {
		display: none;
	}
}

.btn-interview:hover {
	background-color: rgba(0,0,0, .33);
}

.btn-interview span { /* play icon */
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: -4px 10px 0 0;
	vertical-align: middle;
	border-radius: 100px;
	background-color: rgba(255,255,255, .85);
}

.btn-interview span:before { /* play icon */
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin: 8px 0 0 10px;
	border-style: solid;
	border-width: 5px 0 5px 9px;
	border-color: transparent transparent transparent #686868;
}

.btn-interview.davebuck { width: 193px; }

/* Main slider nav */

.main-slider-nav {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	width: 111px;
	margin: 0 auto;
	z-index: 1;
}

@media (max-width: 479px) {
	.main-slider-nav  {
		bottom: 36px;
	}
}

.main-slider-nav div {
	opacity: .7;
	display: inline-block;
	cursor: pointer;
	outline: none;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	border-radius: 10px;
	box-shadow: inset 0 0 0 2px #fff;
	background-color: rgba(0, 0, 0, .2);
	transition: none;
}

.main-slider-nav div:hover { opacity: 1; }

.main-slider-nav .tns-nav-active { background-color: #fff; }

/* Main slider Fundraising 2 */

@media (max-width: 666px) {
	.main-slider #tns1-item5 {
		height: 820px;
		background-image: url(../images/home-slider-fundraising-mobile.png);
		background-size: 770px;
		background-position-y: -12px;
	}

	.main-slider.fundraising {
		height: 820px;
	}
}

.main-slider .title-container.fundraising2 {
	left: 0;
	right: 0;
	width: 887px;
	margin: 0 auto;
	text-align: left;
}

@media (max-width: 1176px) {
	.main-slider .title-container.fundraising2 {
		padding-top: 187px;
	}
}

@media (max-width: 666px) {
	.main-slider .title-container.fundraising2 {
		width: 100%;
		padding-top: 60px;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}
}

.main-slider .fundraising2 h1 {
	margin-bottom: 24px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 61px;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: #3a4c63;
}

@media (max-width: 666px) {
	.main-slider .fundraising2 h1 {
		margin-bottom: 327px;
	}
}

@media (max-width: 666px) {
	.main-slider .fundraising2 h1 span {
		font-size: 31px;
	}
}

.main-slider .fundraising2 .lead {
	width: 305px;
	margin-bottom: 38px;
	font-family: "Neutraface 2 Text Book";
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: -0.02em;
	color: #6d829c;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media (max-width: 666px) {
	.main-slider .fundraising2 .lead {
		width: 100%;

	}
}

.main-slider .fundraising2 .button-big {
	display: inline-block;
	top: calc(50% - 30px);
	margin: 0 auto;
	padding: 0 29px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 25px;
	line-height: 53px;
	border: none;
	border-radius: 100px;
	background-color: #f4666a;
	background-image: none;
	box-shadow: none;
	text-transform: none;
	transition: background 0.2s ease-out;
}

.main-slider .fundraising2 .button-big:hover { background-color: #f44c64; }

.main-slider-nav.fundraising div {
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .2);
	background-color: transparent;
}

.main-slider-nav.fundraising .tns-nav-active { box-shadow: inset 0 0 0 6px rgba(0, 0, 0, .2); }

/* Main slider - change colors on fundraising slide */

.mainmenu.fundraising .top-menu li a {
	color: #3a4c63;
	box-shadow: inset 0 0 0 1px rgba(58, 76, 99, .8);
}

.mainmenu.fundraising .top-menu li a:hover {
	color: #fff;
	background-color: #3a4c63;
	box-shadow: inset 0 0 0 1px rgba(58, 76, 99, 1);
}

.mainmenu.fundraising .menu > li > a, .mainmenu.fundraising .menu li ul.submenu a { color: #3a4c63; }
.mainmenu.fundraising .menu > li > a:hover { box-shadow: inset 0 0 0 1px rgba(58, 76, 99, .8); }
.mainmenu.fundraising .menu { background-image: none; box-shadow: none; }
.mainmenu.fundraising #mainlogo { background-image: url(../images/mc-logo-fundraising.svg); }
.slider-prev.fundraising svg path, .slider-next.fundraising svg path { stroke: #3a4c63 !important; }
.slider-prev.fundraising:hover, .slider-next.fundraising:hover { background-color: rgba(206, 210, 216, 0.29); }

@media (max-width: 479px) {
	.mainmenu.fundraising .menu {
		background-color: #fff;
		box-shadow: 0 5px 11px 0 rgba( 0, 0, 0, .3 );
	}
}

@media (max-width: 479px) {
	.mainmenu.fundraising .menu li ul.submenu a:hover {
		background: #ebebeb;
	}
}

/* Feature icons */

.feature-icons {
	position: relative;
	width: 887px;
	margin: 0 auto;
	padding-top: 70px;
}

@media (max-width: 1164px) { /* hasta 1164 aplica esto */
	.feature-icons {
		width: 100%;
	}
}

.feature-icons h1 {
	margin-bottom: 54px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 36px;
	line-height: 1;
	letter-spacing: -1px;
	text-align: center;
	color: #067bb6;
}

@media screen and (max-width: 480px) {
	.feature-icons h1 {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 36px;
		font-size: 28px;
	}
}

.feature-icons h2 {
	height: auto;
	margin-bottom: 5px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 26px;
	color: #067bb6;
	line-height: 1.2;
	letter-spacing: -0.035em;
	text-shadow: none;
}

@media screen and (max-width: 480px) {
	.feature-icons h2 {
		margin: 0 auto;
		font-size: 17px;
	}
}

.feature-icon {
	display: block;
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	margin-bottom: 43px;
	padding: 0 34px;
	text-decoration: none;
	text-align: center;
}

@media screen and (max-width: 480px) {
	.feature-icon {
		float: none;
		width: 100%;
	}
}

.feature-icon.last { margin-bottom: 70px; }

@media screen and (max-width: 480px) {
	.feature-icon.last {
		margin-bottom: 42px;
	}
}

.feature-icon:hover .icon {
	opacity: .5;
	-webkit-filter: grayscale(1);
	   -moz-filter: grayscale(1);
	    -ms-filter: grayscale(1);
	        filter: grayscale(1);
}

.feature-icon:hover h2 { color: #91a2ad !important; }
.feature-icon:hover p { color: #8c9ca6 !important; }

.feature-icon .icon {
	display: block;
	width: 73px;
	height: 73px;
	margin: 0 auto 7px auto;
	background: url(../images/home-feature-icons.png);
}

.feature-icon .icon.icon2 { background-position: -73px 0; }
.feature-icon .icon.icon3 { background-position: -146px 0; }
.feature-icon .icon.icon4 { background-position: 0 -73px; }
.feature-icon .icon.icon5 { background-position: -73px -73px; }
.feature-icon .icon.icon6 { background-position: -146px -73px; }

#home-top .feature-icon h2 {
	height: auto;
	margin-bottom: 5px;
	font-size: 26px;
	color: #067bb6;
	line-height: 1.2;
	letter-spacing: -0.035em;
	text-shadow: none;
}

.feature-icon p {
	margin-bottom: 0;
	font-family: Helvetica;
	font-size: 14px;
	line-height: 1.5;
	color: #606b72;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

/* video popup dialog */

#lisatener-video,
#davebuck-video {
	box-shadow: 0 0 32px 0 rgba( 0, 0, 0, .6 );
}

#lisatener-video .dlg-close,
#davebuck-video .dlg-close {
	position: absolute;
	top: -55px;
	right: 0px;
	font-size: 45px;
	color: #dcdcdc;
}

#lisatener-video .dlg-close:hover,
#davebuck-video .dlg-close:hover {
	color: #fff;
}

/* ! Info stripes */

.info-stripe {
	display: block;
	clear: both;
	width: 100%;
	margin-bottom: 80px;
	background-color: #fff;
}

.info-stripe:before,
.info-stripe:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100% );
	background-image:    -moz-linear-gradient( left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100% );
	background-image:     -ms-linear-gradient( left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100% );
	background-image:         linear-gradient( left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100% );
}


.info-stripe h1 {
	margin-bottom: 22px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 36px;
	line-height: 1;
	letter-spacing: -1px;
	color: #067bb6;
}

.info-stripe p {
	margin-bottom: 22px;
	font-family: Helvetica;
	font-size: 16px;
	line-height: 1.7;
	color: #606b72;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

.info-stripe .container {
	width: 887px;
	margin: 0 auto;
	padding: 55px 0;
	background-color: #fff;
}

/* ! Info stripe - customer logos */

@media screen and (max-width: 480px) {
	.info-stripe#customer-logos {
		margin-bottom: 35px;
	}
}

.info-stripe#customer-logos h1 {
	margin-bottom: 50px;
	text-align: center;
}

@media screen and (max-width: 480px) {
	.info-stripe#customer-logos h1 {
		margin-bottom: 30px;
	}
}

.info-stripe#customer-logos .customer-logos {
	width: 869px;
	height: 78px;
	margin: 0 auto 20px auto;
	background: url(../images/home-customer-logos.png);
}

@media screen and (max-width: 480px) {
	.info-stripe#customer-logos .customer-logos {
		width: 100%;
		height: 45px;
		margin-bottom: 0;
		background-size: contain;
		background-repeat: no-repeat;
	}
}

/* ! Info stripe - social conferencing */

.info-stripe#social-conf { margin-bottom: 100px; }

@media screen and (max-width: 480px) {
	.info-stripe#social-conf {
		box-sizing: border-box;
		padding: 0 15px !important;
		margin-bottom: 40px;
	}
}

.info-stripe#social-conf,
.info-stripe#social-conf .container {
	padding: 0;
	background: none;
}

.info-stripe#social-conf:before,
.info-stripe#social-conf:after {
	display: none;
}

/* ! Info stripe - about */

@media screen and (max-width: 480px) {
	section.info-stripe#about {
		margin-bottom: 50px;
	}

	section.info-stripe#about .container {
		padding-bottom: 30px;
	}
}

.info-stripe#about p {
	width: 708px;
	height: 104px;
}

.info-stripe a.whitepaper {
	width: 283px;
	padding-top: 3px;
	margin-right: 20px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 18px;
	color: #067bb6;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

.info-stripe a.whitepaper:hover {
	text-decoration: underline;
}

.info-stripe a.whitepaper:before { /* pdf icon */
	content: "";
	display: inline-block;
	width: 19px;
	height: 24px;
	margin-right: 7px;
	vertical-align: text-top;
	background: url(../images/main-sprites.png) -258px -486px;
}

.info-stripe span.whitepaper {
	display: block;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 19px;
	color: #606b72;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

#get-started {
	display: block;
	float: right;
	width: 188px;
	height: 129px;
	margin: 10px 0 55px 29px;
	background: url(../images/get-started.png);
}

#brian-pic {
	float: right;
	width: 140px;
	height: 212px;
	margin-top: -68px;
	background: url(../images/photo-bb.jpg);
}

/* ! Home customers slider */

#customer-slider { position: relative; }

@media screen and (max-width: 480px) {
	#customer-slider { display: none; }
}

#slider2 {
	position: relative;
	overflow: auto;
	width: 1030px;
	height: 514px;
	margin: -30px auto 0 auto;
}

#slider2 ul { position: absolute; }

.customer-photo {
	float: left;
	width: 634px;
}

.customer-photo.customer1 {
	height: 514px;
	background: url(../images/customer-slider-photo1.png);
}

.customer-photo.customer2 {
	height: 534px;
	background: url(../images/customer-slider-photo2.png);
}

.customer-photo.customer3 {
	height: 524px;
	background: url(../images/customer-slider-photo3.png);
}

.customer-photo.customer4 {
	height: 515px;
	background: url(../images/customer-slider-photo4.png);
}

.customer-photo.customer5 {
	height: 519px;
	background: url(../images/customer-slider-photo5.png);
}

#customer-slider .content {
	float: left;
	box-sizing: border-box;
	width: 460px;
	margin: 110px 0 0 -68px;
	padding-right: 90px;
}

#customer-slider .content.customer3 { padding-right: 56px; }

#customer-slider h1 { margin-bottom: 34px; }

#customer-slider p.quote {
	margin-bottom: 34px;
	text-indent: -0.3em;
}

#customer-slider .customer-name {
	margin-bottom: 12px;
	background-image: url(../images/customer-slider-names.png);
}

#customer-slider .customer-name.customer1 {
	width: 149px;
	height: 23px;
	background-position: -18px -17px;
}

#customer-slider .customer-name.customer2 {
	width: 58px;
	height: 21px;
	background-position: -17px -65px;
}

#customer-slider .customer-name.customer3 {
	width: 114px;
	height: 22px;
	background-position: -18px -115px;
}

#customer-slider .customer-name.customer4 {
	width: 154px;
	height: 24px;
	background-position: -17px -166px;
}

#customer-slider p.author {
	font-family: "Neutraface 2 Text Demi";
	font-size: 18px;
	color: #067bb6;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

#customer-slider p.author a { text-decoration: underline; }
#customer-slider p.author a:hover { text-decoration: none; }

#customer-slider .play-icon:hover { background-color: #d4e3ef; }

#customer-slider .play-container p.author {
	margin-bottom: 0;
	font-size: 19px;
	color: #7f898f;
}

#customer-slider .play-container p.watch-interview {
	margin-bottom: 0;
	font-family: "Neutraface 2 Text Demi";
	font-size: 26px;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #067bb6;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

#customer-slider .play-icon {
	position: relative;
	display: block;
	float: left;
	cursor: pointer;
	width: 50px;
	height: 50px;
	margin: 0 10px 0 0;
	border: 2px solid #067bb6;
	border-radius: 100px;
	background-color: #f5f5f5;
}

#customer-slider .play-icon:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 18px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 20px;
	border-color: transparent transparent transparent #067bb6;
}

#pagination2 {
	position: absolute;
	bottom: 60px;
	right: 370px;
}

#pagination2 li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	cursor: pointer;
	background-color: #c9c9c9;
    border-radius: 6px;
    transition: background-color 0.2s ease-out;
}

#pagination2 li.current { background-color: #067bb6; }

/* Lisa Tener video popup dialog */



/* ! Home big button */

.button-big {
	display: block;
	font-family: "Neutraface 2 Text Bold";
	font-size: 28px;
	line-height: 49px;
	letter-spacing: -0.02em;
	text-align: center;
	color: #fff !important;
	text-transform: uppercase;
	text-shadow: 0px 1px rgba( 0, 0, 0, .22 );
	border: 1px solid #0c6db1;
	border-radius: 4px;
	background-image: -webkit-linear-gradient( top, #1096c9, #1e79b8 );
	background-image:    -moz-linear-gradient( top, #1096c9, #1e79b8 );
	background-image:     -ms-linear-gradient( top, #1096c9, #1e79b8 );
	background-image:         linear-gradient( top, #1096c9, #1e79b8 );
	box-shadow: inset 0 1px 0 0 rgba( 255, 255, 255, .28 );
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.button-big:hover {
	background-image: -webkit-linear-gradient( top, #29a2d5, #3688c8 );
	background-image:    -moz-linear-gradient( top, #29a2d5, #3688c8 );
	background-image:     -ms-linear-gradient( top, #29a2d5, #3688c8 );
	background-image:         linear-gradient( top, #29a2d5, #3688c8 );
}

.button-big.trial {
	width: 287px;
	margin: 0 auto 80px auto;
}

@media screen and (max-width: 480px) {
	.button-big.trial { margin-bottom: 50px; }
}

.button-big.join {
	width: 206px;
	margin: 0 auto 80px auto;
}

@media screen and (max-width: 480px) {
	.button-big.join { margin: 60px auto; }
}

/* ! News section */

section#news {
	position: relative;
	width: 877px;
	height: 334px;
	margin: 0 auto 80px auto;
	background: url(../images/bg-news.jpg);
}

section#news p.date,
section#news p.city {
	position: absolute;
	top: 57px;
	left: 38px;
	font-family: "Georgia";
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: #787878;
}

section#news p.city {
	left: auto;
	right: 36px;
}

section#news #slider {
	position: relative;
	overflow: auto;
	width: 802px;
	height: 151px;
	margin: 0 auto;
	padding-top: 123px;
}

section#news #slider ul {
	position: absolute;
}

section#news ul li p {
	font-family: "Georgia";
	font-size: 19px;
	line-height: 22px;
	font-style: italic;
	text-align: center;
	color: #303030;
	-webkit-font-smoothing: antialiased;
}

section#news ul li p a:hover {
	color: #606060;
}

section#news .container-left {
	float: left;
	width: 220px;
	height: 149px;
	padding-right: 34px;
}

section#news .container-mid {
	float: left;
	width: 220px;
	height: 149px;
	padding: 0 34px;
	border-left: 1px solid #949491;
	border-right: 1px solid #949491;
}

section#news .container-right {
	float: left;
	width: 220px;
	height: 149px;
	padding-left: 34px;
}

#newslogo1 {
	display: block;
	width: 104px;
	height: 48px;
	margin: 0 auto 27px auto;
	background: url(../images/newslogos-sprites.png)
}

#newslogo2 {
	display: block;
	width: 189px;
	height: 28px;
	margin: 9px auto 38px auto;
	background: url(../images/newslogos-sprites.png) -104px 0;
}

#newslogo3 {
	display: block;
	width: 171px;
	height: 42px;
	margin: 4px auto 29px auto;
	background: url(../images/newslogos-sprites.png) -113px -28px;
}

#newslogo4 {
	display: block;
	width: 142px;
	height: 55px;
	margin: 4px auto 22px auto;
	background: url(../images/newslogos-sprites.png) 0 -70px;
}

#newslogo5 {
	display: block;
	width: 194px;
	height: 48px;
	margin: 4px auto 29px auto;
	background: url(../images/newslogos-sprites.png) 0 -125px;
}

#newslogo6 {
	display: block;
	width: 143px;
	height: 49px;
	margin: 4px auto 28px auto;
	background: url(../images/newslogos-sprites.png) -150px -70px;
}

section#news #pagination {
	width: 43px;
	margin: 20px auto 0 auto;
}

section#news #pagination li,
section#customer-testimonials #pagination li {
	display: inline-block;
	width: 11px;
	height: 11px;
	cursor: pointer;
	background-color: #b1b1ad;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	    -ms-border-radius: 6px;
	        border-radius: 6px;
	-webkit-transition: background-color 0.2s ease-out;
	   -moz-transition: background-color 0.2s ease-out;
	    -ms-transition: background-color 0.2s ease-out;
	        transition: background-color 0.2s ease-out;
}

section#news #pagination li:nth-child(2) {
	margin: 0 0 0 15px;
}

section#news #pagination li.current {
	background-color: #454545;
}

/* ! Call to action */

section#call-to-action {
	position: relative;
	width: 887px;
	margin: 0px auto 115px auto;	
	text-align: center;
}

section#call-to-action h3 {
	margin-bottom: 35px;
	font-family: "Neutraface 2 Display Titling";
	font-size: 33px;
	line-height: 33px;
	letter-spacing: 2px;
	color: #228abe;
}

section#call-to-action h3:before,
section#call-to-action h3:after {
	content: "";
	display: inline-block;
	width: 213px;
	height: 1px;
	vertical-align: middle;
}

section#call-to-action h3:before {
	margin-right: 8px;
	background-image: -webkit-linear-gradient( left, #efefef, #c3c3c3 );
	background-image:    -moz-linear-gradient( left, #efefef, #c3c3c3 );
	background-image:      -o-linear-gradient( left, #efefef, #c3c3c3 );
	background-image:     -ms-linear-gradient( left, #efefef, #c3c3c3 );
	background-image:         linear-gradient( left, #efefef, #c3c3c3 );
}

section#call-to-action h3:after {
	margin-left: 8px;
	background-image: -webkit-linear-gradient( left, #c3c3c3, #efefef );
	background-image:    -moz-linear-gradient( left, #c3c3c3, #efefef );
	background-image:      -o-linear-gradient( left, #c3c3c3, #efefef );
	background-image:     -ms-linear-gradient( left, #c3c3c3, #efefef );
	background-image:         linear-gradient( left, #c3c3c3, #efefef );
}

section#call-to-action a {
	display: inline-block;
	width: 236px;
	height: 32px;
	padding-top: 14px;
	font-size: 19px;
	line-height: 19px;
	text-transform: uppercase;
}

section#call-to-action a em {
	font-family: "Neutraface 2 Text Demi Italic";
	font-style: normal;
}

section#call-to-action a.green {
	background-image: -webkit-linear-gradient( top, #98d145, #71ae2c );
	background-image:    -moz-linear-gradient( top, #98d145, #71ae2c );
	background-image:      -o-linear-gradient( top, #98d145, #71ae2c );
	background-image:     -ms-linear-gradient( top, #98d145, #71ae2c );
	background-image:         linear-gradient( top, #98d145, #71ae2c );
}

section#call-to-action a.green:hover {
	background-image: -webkit-linear-gradient( top, #a3dd51, #80be3c );
	background-image:    -moz-linear-gradient( top, #a3dd51, #80be3c );
	background-image:      -o-linear-gradient( top, #a3dd51, #80be3c );
	background-image:     -ms-linear-gradient( top, #a3dd51, #80be3c );
	background-image:         linear-gradient( top, #a3dd51, #80be3c );
}

section#call-to-action span {
	padding: 0 17px;
	font-family: "Neutraface 2 Text Demi Italic";
	font-size: 22px;
	line-height: 22px;
	color: #8a8a8a;
	text-shadow: 0px -1px #fff;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

/* ! Footer */

.front footer.selfreg-custom { display: none; }

footer {
	position: relative;
	width: 100%;
	height: 443px;
	background: url(../images/bg-footer.png);
	z-index: 2;
	float: left;
}

footer .container {
	position: relative;
	width: 887px;
	height: 405px;
	margin: 0 auto;
	padding: 38px 0 0 0;
}

footer #column1, footer #column2 {
	float: left;
}

footer #column3 {
	float: right;
}

footer #title1 {
	width: 206px;
	height: 31px;
	margin-bottom: 8px;
	background: url(../images/main-sprites.png) 0 -315px;
}

footer hr {
	width: 268px;
	height: 1px;
	margin-bottom: 20px;
	background-color: #b7b7b7;
	-webkit-box-shadow: 0 1px 0px 0px #fff;
	   -moz-box-shadow: 0 1px 0px 0px #fff;
	    -ms-box-shadow: 0 1px 0px 0px #fff;
	        box-shadow: 0 1px 0px 0px #fff;
}

footer .list-title {
	margin-bottom: 8px;
	padding: 0 !important;
	font-family: "Neutraface 2 Text Demi";
	font-size: 22px;
	letter-spacing: -1px;
	color: #939393;
	text-shadow: 0px 1px #fff;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

/* ! Twitter feed */

h3.tweets {
	padding: 0 !important;
	font-family: "Neutraface 2 Text Demi";
	font-size: 23px;
	line-height: 14px;
	letter-spacing: -1px;
	color: #939393;
	text-shadow: 0px 1px #fff;
}

#loading-container {
	padding: 16px 0px 16px 0px;
	text-align: center;
	border: none !important;
}

#loading-container img {
	border: none;
}

#twitter-feed {
	overflow: auto;
	width: 267px;
	margin: 18px 0 20px 0;
	font-family: Helvetica, sans-serif;
}

.twitter-article, #loading-container {
	position: relative;
	float: left;
	width: 100%;
	padding: 8px 0px 8px 0px;
	border-bottom: 1px dashed #A4A4A4;
} 

.twitter-pic {
	position: absolute;
}
  
.twitter-pic img {
	float: left;
	border: 2px solid white;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 0 3px 0 rgba( 0, 0, 0, 0.23 );
	   -moz-box-shadow: 0 0 3px 0 rgba( 0, 0, 0, 0.23 );
	    -ms-box-shadow: 0 0 3px 0 rgba( 0, 0, 0, 0.23 );
	        box-shadow: 0 0 3px 0 rgba( 0, 0, 0, 0.23 );
}

.twitter-text {
	width: 100%;
	float: left;
	font-size: 11px;
	padding-left: 41px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.twitter-text p {
	margin: 0 !important;
	color: #8A8A8A;
	line-height: 13px !important;
}

.twitter-text a, h1 a {
	color: #0084b4;
	text-decoration: none;
}

.twitter-text a:hover, h1 a:hover {
	color: #0084b4;
	text-decoration: underline;
}
  
.tweet-time {
	float: right;
	font-size: 10px;
}

.tweet-time a, .tweet-time a:hover {
	color: #8A8A8A !important;
}

.tweetprofilelink a {
	display: inline-block;
	margin-bottom: 6px;
	font-size: 12px;
	color: #8A8A8A !important;
	text-shadow: 0px 1px #fff;
}

.tweetprofilelink a:hover {
	color: #8A8A8A !important;
}

/* ! Social links */

footer #social {
	width: 280px;
}

footer #social li:nth-child(1) {
	float: none;
	clear: both;
	width: auto;
	height: auto;
	margin-bottom: 18px;
	background: none;
}

footer #social li {
	float: left;
	width: 45px;
	height: 46px;
	margin-right: 11px;
	background: url(../images/main-sprites.png);
}

footer #social li:nth-child(2) { background-position: -228px -218px; }
footer #social li:nth-child(3) { background-position: -273px -218px; }
footer #social li:nth-child(4) { background-position: -318px -218px; }
footer #social li:nth-child(5) { background-position: -363px -218px; }


footer #social li a {
	display: block;
	opacity: 0;
	height: 100%;
	background: url(../images/main-sprites.png);
	-webkit-transition: opacity 0.2s ease-out;
	   -moz-transition: opacity 0.2s ease-out;
	    -ms-transition: opacity 0.2s ease-out;
	        transition: opacity 0.2s ease-out;
}

footer #social li a:hover {
	opacity: 1;
}

footer #social li:nth-child(2) a { background-position: -228px -264px; }
footer #social li:nth-child(3) a { background-position: -273px -264px; }
footer #social li:nth-child(4) a { background-position: -318px -264px; }
footer #social li:nth-child(5) a { background-position: -363px -264px; }

/* ! Footer sign up form */

#signup2 {
	position: relative;
	width: 228px;
	height: 170px;
	margin: -42px 0 0 38px;
	padding: 171px 0 0 30px;
	background: url(../images/main-sprites.png) 0 -346px;
}

#signup2 input[type="text"] {
	width: 177px;
	height: 28px;
	margin-bottom: 12px;
	padding: 0 8px;
	font-family: Helvetica;
	font-size: 15px;
	color: #9fce67;
	background: transparent;
	text-shadow: 0px 1px 1px rgba( 0, 0, 0, 0.5 );
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
	        border-radius: 2px;
	-webkit-transition: box-shadow 0.14s ease-out;
	   -moz-transition: box-shadow 0.14s ease-out;
	    -ms-transition: box-shadow 0.14s ease-out;
	        transition: box-shadow 0.14s ease-out;
}

#signup2 input[type="text"]:focus {
	-webkit-box-shadow: 0 0 5px 1px rgba( 233, 255, 146, 1 );
	   -moz-box-shadow: 0 0 5px 1px rgba( 233, 255, 146, 1 );
	    -ms-box-shadow: 0 0 5px 1px rgba( 233, 255, 146, 1 );
	        box-shadow: 0 0 5px 1px rgba( 233, 255, 146, 1 );
}

#signup2 input[type="submit"] {
	display: block;
	width: 194px;
	height: 34px;
	margin: -1px 0 0 0;
	padding-top: 0px;
	cursor: pointer;
	font-family: "Neutraface 2 Text Bold";
	font-size: 17px;
	letter-spacing: -1px;
	line-height: 22px;
	color: #fcfcfc;
	text-align: center;
	text-shadow: 0px -1px #16637b;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
}

/* ! Badge1 sign up form */

@media screen and (max-width: 480px) {
	#signup1 { font-size: 0; }
}

#signup1 input[type="text"] {
	float: left;
	width: 220px;
	height: 47px;
	padding: 0 12px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 22px;
	color: #384a51;
	border: 1px solid rgba(18, 145, 198, 0.83);
	background-color: rgba(255, 255, 255, 0.85);
	box-sizing: border-box;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#signup1 ::-webkit-input-placeholder { color: #84c9e5 !important; }
#signup1      :-ms-input-placeholder { color: #84c9e5 !important; }
#signup1          ::-moz-placeholder { color: #84c9e5 !important; }
#signup1           :-moz-placeholder { color: #84c9e5 !important; }

#signup1 #name1 {
	border-right: none; 
    border-radius: 4px 0 0 4px;
}

#signup1 #email1 {
	border-left: 1px solid #73c2e3; 
    border-radius: 0 4px 4px 0;
}

@media screen and (max-width: 480px) {
	#signup1 input[type="text"] {
		display: inline-block;
		float: none;
	}
}

#signup1 input[type="submit"] {
	float: left;
	clear: none;
	height: 47px;
	margin-left: 10px;
	padding: 0 23px;
	font-size: 25px;
	line-height: 46px;
	border: 1px solid #5c921f;
	cursor: pointer;
	box-sizing: border-box;
	text-shadow: 0 1px rgba( 0, 0, 0, .22 );
	background-image: -webkit-linear-gradient( top, #a7da5b, #7eba39 );
	background-image:    -moz-linear-gradient( top, #a7da5b, #7eba39 );
	background-image:     -ms-linear-gradient( top, #a7da5b, #7eba39 );
	background-image:         linear-gradient( top, #a7da5b, #7eba39 );
    box-shadow: inset 0 1px 0 0 rgba( 255, 255, 255, .3 );
}

@media screen and (max-width: 480px) {
	#signup1 input[type="submit"] {
		display: inline-block;
		float: none;
		height: 37px;
		margin-left: 0;
		font-size: 21px;
		line-height: 36px;
	}
}

#signup1 input[type="submit"]:hover {
	background-image: -webkit-linear-gradient( top, #92c547, #73ad2b );
	background-image:    -moz-linear-gradient( top, #92c547, #73ad2b );
	background-image:     -ms-linear-gradient( top, #92c547, #73ad2b );
	background-image:         linear-gradient( top, #92c547, #73ad2b );
}

#signup1 label.error { display: none !important; }

#signup1 input[type="text"].error { background-color: rgba(255, 241, 142, 0.87); }

/* ! Demo signup form errors */

label.error {
	float: right;
	display: inline-block;
	overflow: hidden;
	width: 22px;
	height: 20px;
	margin: -37px 16px 0 0;
	font-size: 0;
	background: url(../images/main-sprites.png) -258px -453px;
}

#signup2 label.error {
	margin-right: 37px;
}

::-webkit-input-placeholder { color: #9fce67; }
     :-ms-input-placeholder { color: #9fce67; }
         ::-moz-placeholder { color: #9fce67; }
          :-moz-placeholder { color: #9fce67; }

/* ! Whitepaper */

footer #title2 {
	width: 268px;
	height: 31px;
	margin-bottom: 8px;
	background: url(../images/main-sprites.png);
}

footer #company-info {
	width: 270px;
	height: 232px;
	font-family: Helvetica;
	font-size: 12px;
	line-height: 15px;
	color: #8a8a8a;
}

footer #company-info li:nth-child(2),
footer #company-info li:nth-child(4) {
	margin-bottom: 29px;
}

#company-info li.wpaper-link {
	margin-top: 14px;
}

#company-info li.wpaper-link a {
	display: inline-block;
	position: relative;
	height: 39px;
	padding: 0 14px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 16px;
	line-height: 39px;
	letter-spacing: -0.02em;
	color: #dadada;
	background-image: -webkit-linear-gradient( top, #727376, #7a7b7f );
	background-image:    -moz-linear-gradient( top, #727376, #7a7b7f );
	background-image:     -ms-linear-gradient( top, #727376, #7a7b7f );
	background-image:         linear-gradient( top, #727376, #7a7b7f );
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    border-radius: 7px;
    box-shadow: inset 0 2px 13px 0 rgba( 0, 0, 0, .10 ), 0 1px 0 0 rgba( 255, 255, 255, .40 ) ;
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}

#company-info li.wpaper-link a:before { /* pdf icon */
	content: "";
	display: inline-block;
	width: 20px;
	height: 27px;
	margin: 1px 5px 0 0;
	vertical-align: text-top;
	background: url(../images/main-sprites.png) -258px -514px;
	transform-origin: top left;
	-webkit-transform: scale(.75);
	   -moz-transform: scale(.75);
	    -ms-transform: scale(.75);
	        transform: scale(.75);
}

#company-info li.wpaper-link a:hover {
	color: #1ba1cb;
	background-image: none;
	background-color: #fff;
    box-shadow: inset 0 2px 9px 0 rgba( 0, 0, 0, .10 );
}

#company-info li.wpaper-link a:hover:before { /* pdf icon hover */
	background-position: -283px -514px;
}

footer a.fivehundred {
	display: block;
	width: 232px;
	height: 44px;
	margin-top: 34px;
	background: url(../images/main-sprites.png) 0 -39px;
	-webkit-transition: opacity 0.2s ease-out;
	   -moz-transition: opacity 0.2s ease-out;
	    -ms-transition: opacity 0.2s ease-out;
	        transition: opacity 0.2s ease-out;
}

footer a.fivehundred:hover { opacity: .7; }

/* ! Copyright */

#copyright {
	width: 100%;
	float: left;
	height: 61px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 15px;
	color: #e5e5e5;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;	
	background-image: -webkit-linear-gradient( top, #6e7073, #76787b );
	background-image:    -moz-linear-gradient( top, #6e7073, #76787b );
	background-image:      -o-linear-gradient( top, #6e7073, #76787b );
	background-image:     -ms-linear-gradient( top, #6e7073, #76787b );
	background-image:         linear-gradient( top, #6e7073, #76787b );
	-webkit-box-shadow: inset 0 2px 13px 0 rgba( 0, 0, 0, .1 );
	   -moz-box-shadow: inset 0 2px 13px 0 rgba( 0, 0, 0, .1 );
	    -ms-box-shadow: inset 0 2px 13px 0 rgba( 0, 0, 0, .1 );
	        box-shadow: inset 0 2px 13px 0 rgba( 0, 0, 0, .1 );
}

#copyright .container {
	width: 887px;
	height: 39px;
	padding-top: 22px;
}

#copyright ul {
	float: right;
}

#copyright li, #copyright p {
	float: left;
}

#copyright li a {
	margin-left: 17px;
	font-family: "Neutraface 2 Text Bold";
	text-transform: uppercase;
	-webkit-transition: color 0.1s ease-out;
	   -moz-transition: color 0.1s ease-out;
	    -ms-transition: color 0.1s ease-out;
	        transition: color 0.1s ease-out;
}

#copyright li a:hover {
	color: #fff;
}

/* Job position available badge */

#copyright span {
    display: inline-block;
	display: none;
    position: relative;
    top: -8px;
    min-width: 16px;
    height: 16px;
    line-height: 17px;
    margin-left: 2px;
    font-family: "Neutraface 2 Display Titling";
    font-size: 11px;
    text-align: center;
    background-color: #76AD2C;
    border-radius: 20px;
}

/* ! Misc content */

section#misc {
	position: relative;
	width: 960px;
	margin: 80px auto 114px;
	font-family: Helvetica;
	font-size: 15px;
	line-height: 19px;
	color: #606c73;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

section#misc h1 {
	margin-bottom: 18px;
	font-family: "Neutraface 2 Display Bold";
	font-size: 35px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #444c50;
	text-transform: uppercase;
}

section#misc h2 {
	margin-bottom: 18px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 24px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #444c50;
}

section#misc h3 {
	margin-bottom: 18px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 22px;
	line-height: 25px;
	letter-spacing: -1px;
	color: #444c50;
}

section#misc p {
	margin-bottom: 24px;
	line-height: 23px;
}

section#misc a {
	color: #4bacdd;
}

section#misc a:hover {
	color: #35aae5;
}

section#misc input[type="text"],
section#misc input[type="password"] {
	margin: 8px 8px 8px 0;
	padding: 8px;
	border: 1px solid #BFC6CA;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	        border-radius: 4px;
}

section#misc select {
	margin: 8px 8px 8px 0;
	height: 28px;
	border: 1px solid #BFC6CA;
    border-radius: 4px;
}

section#misc input[type="submit"],
section#misc input[type="button"] {
	display: inline-block;
	padding: 8px 12px;
	margin: 8px 8px 8px 0;
	cursor: pointer;
	font-family: "Neutraface 2 Text Bold";
	font-size: 17px;
	letter-spacing: -1px;
	line-height: 20px;
	color: #fcfcfc;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px -1px #16637b;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    border-radius: 5px;
	background-image: -webkit-linear-gradient( top, #39caf1, #0481af );
	background-image:    -moz-linear-gradient( top, #39caf1, #0481af );
	background-image:     -ms-linear-gradient( top, #39caf1, #0481af );
	background-image:         linear-gradient( top, #39caf1, #0481af );
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,.7), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
}

section#misc input[type="submit"]:hover,
section#misc input[type="button"]:hover  {
	background-image: -webkit-linear-gradient( top, #42cff7, #2a8ebd );
	background-image:    -moz-linear-gradient( top, #42cff7, #2a8ebd );
	background-image:     -ms-linear-gradient( top, #42cff7, #2a8ebd );
	background-image:         linear-gradient( top, #42cff7, #2a8ebd );
}

fieldset {
	padding: 8px 20px;
	border: 1px solid #bfc6ca;
    border-radius: 4px;
}

fieldset legend {
	font-family: "Neutraface 2 Text Bold";
	font-size: 15px;
	letter-spacing: -1px;
	line-height: 19px;
	text-transform: uppercase;
	color: #98A3A9;
	text-shadow: 0px 1px #fff;
}

td {
	padding: 10px;
}

section#misc hr {
	margin: 39px 0 45px 0;
	background-color: #d4d4d4;
}

/* ! Misc documentation */

ul.bulletted {
	list-style-position: inside;
	margin: 24px 0;
	padding-left: 35px;
	line-height: 23px;
}

ul.bulletted li {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
	list-style-position: inside;
	padding: 4px 0 7px 35px;	
}

ol.toc {
	list-style-type: decimal;
	list-style-position: inside;
	padding: 20px 0 7px 35px;
}

ol.toc li,
ol li {
	list-style-type: decimal;
	margin-bottom: 4px;
}

ol.toc li:nth-child(1) {
	list-style-type: none;
	margin-bottom: 14px;
	font-family: "Neutraface 2 Display Titling";
	font-size: 18px;
	line-height: 19px;
	text-transform: uppercase;
	color: #BCC3C7;
	text-shadow: 0px 1px #fff;
}

a.top {
	display: block;
	width: 20px;
	height: 21px;
	margin: 47px 0 0 854px;
	padding: 0 5px;
	font-size: 13px;
	line-height: 19px;
	text-align: center;
	color: #ababab !important;
	border: 1px solid #d4d4d4;
	border-top: none;
	background-color: #e6e6e6;
	text-shadow: 0px 1px #fff;
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
	    -ms-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
}

a.top:hover {
	background-color: #fff;
}

a.top:before {
	content: "";
	display: block;
	float: right;
	width: 885px;
	height: 1px;
	margin-right: -6px;
	background-color: #d4d4d4;
	pointer-events: none;
}

/* ! Contact page support links */

a#support-mobile {
	display: none;
}

/* ! Accordion */

#accordion {
	margin-top: 40px;
}

#accordion h3 {
	margin: 20px 0 0 0 !important;
	padding: 7px 15px;
	font-family: "Neutraface 2 Text Demi" !important;
	border: 1px solid #c9c9c9;
	cursor: pointer;
	-webkit-border-radius: 6px 6px 0 0;
	   -moz-border-radius: 6px 6px 0 0;
	    -ms-border-radius: 6px 6px 0 0;
	        border-radius: 6px 6px 0 0;
	text-shadow: 0px 1px #fff;
	background-image: -webkit-linear-gradient( top, #efefef, #d9d9d9 );
	background-image:    -moz-linear-gradient( top, #efefef, #d9d9d9 );
	background-image:      -o-linear-gradient( top, #efefef, #d9d9d9 );
	background-image:     -ms-linear-gradient( top, #efefef, #d9d9d9 );
	background-image:         linear-gradient( top, #efefef, #d9d9d9 );
	-webkit-box-shadow: inset 0 1px 0 0px rgba( 255, 255, 255, 1 );
	   -moz-box-shadow: inset 0 1px 0 0px rgba( 255, 255, 255, 1 );
	    -ms-box-shadow: inset 0 1px 0 0px rgba( 255, 255, 255, 1 );
	        box-shadow: inset 0 1px 0 0px rgba( 255, 255, 255, 1 );
}

#accordion h3:hover {
	color: #228abe;
	background-image: -webkit-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:    -moz-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:      -o-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:     -ms-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:         linear-gradient( top, #f1f1f1, #e2e2e2 );
}

#accordion h3.ui-state-active {
	color: #444c50;
	background-image: -webkit-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:    -moz-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:      -o-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:     -ms-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:         linear-gradient( top, #f1f1f1, #e2e2e2 );
}

#accordion div {
	margin-bottom: 20px;
	padding: 30px 31px 8px 31px;
	border: 1px solid #c9c9c9;
	border-top: none;
	-webkit-border-radius: 0 0 6px 6px;
	   -moz-border-radius: 0 0 6px 6px;
	    -ms-border-radius: 0 0 6px 6px;
	        border-radius: 0 0 6px 6px;
	background-color: #fff;
}

.ui-corner-all {
	-webkit-border-radius: 6px !important;
	   -moz-border-radius: 6px !important;
	    -ms-border-radius: 6px !important;
	        border-radius: 6px !important;
}

#accordion h3 span.ui-icon {
	display: inline-block;
	float: right;
	width: 11px;
	height: 6px;
	margin-top: 11px;
	background: url(../images/main-sprites.png) -408px -218px;
}

#accordion h3.ui-state-active span.ui-icon {
	background: url(../images/main-sprites.png) -419px -218px;
}

#accordion h3.ui-state-default.ui-state-hover span.ui-icon {
	/*background: url(../images/main-sprites.png) -408px -224px;*/
}

/* ! System edit links */

ul.primary {
	width: 887px;
	margin: 0 auto 60px auto;
	padding-left: 0;
	font-family: Helvetica;
	font-size: 12px;
	border: none;
}

ul.primary li a {
	padding: 3px 9px;
	color: #8c8c8c;
	border: 1px solid #bbb;
	border-radius: 20px;
	text-shadow: 0px 1px #fff;
}

ul.primary li.active a {
	border: 1px solid #bbb;
}

ul.primary li a:hover {
	border-color: #ccc;
}

.links {
	text-align: right;
	font-size: 12px;
	color: #b0b0b0;
	text-shadow: 0px 1px #fff;
}

.secondary-links {
	width: 887px;
	margin: 0 auto 20px auto !important;
	font-family: Helvetica;
	text-align: left;
}

.secondary-links a:hover {
	color: #228abe;
}

/* ! User messages */

.msg-container {
	overflow: hidden;
	padding-right: 4px;
	height: 0px;
	-webkit-transition: height 0.4s ease-out;
	   -moz-transition: height 0.4s ease-out;
	    -ms-transition: height 0.4s ease-out;
	        transition: height 0.4s ease-out;
}

.msg {
	opacity: 0;
	position: relative;
	margin-top: 4px;
	padding: 9px 12px 10px 12px;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 17px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-transition: opacity 0.4s ease-out;
	   -moz-transition: opacity 0.4s ease-out;
	    -ms-transition: opacity 0.4s ease-out;
	        transition: opacity 0.4s ease-out;
}

.msg a {
	font-weight: bold;
	color: inherit !important;
}

.msg a:hover {
	text-decoration: underline;
}

.msg a.close {
	display: block;
	position: absolute;
	top: -5px;
	right: -5px;
	width: 17px;
	height: 17px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	    -ms-border-radius: 10px;
	        border-radius: 10px;
}

.msg a.close:hover {
	opacity: .8;
}

#msg-alert {
	color: #897C43;
	border: 1px solid #d9c980;
	border-left: 50px solid #cebd6f;
	background-color: #fef6c2;
}

#msg-info {
	color: #0882b5;
	border: 1px solid #48bef0;
	border-left: 50px solid #2aa8dd;
	background-color: #bdecff;
}

#msg-error {
	min-height: 58px;
	color: #bf1919;
	border: 1px solid #d75e5e;
	border-left: 50px solid #e55353;
	background-color: #fdd2d2;
}

#msg-alert:before,
#msg-info:before,
#msg-error:before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: -41px;
	width: 32px;
	height: 38px;
	background: url(../images/main-sprites.png) -258px -408px;
}

#msg-info:before {
	left: -37px;
	width: 26px;
	height: 38px;
	background-position: -290px -408px; 
}

#msg-error:before {
	left: -41px;
	width: 35px;
	height: 38px;
	background-position: -316px -408px; 
}

#msg-alert:after,
#msg-info:after,
#msg-error:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -16px;
	left: -50px;
	width: 15px;
	height: 15px;
	background: url(../images/main-sprites.png) -354px -408px;
}

#msg-info:after {
	background-position: -354px -423px;
}

#msg-error:after {
	background-position: -354px -438px;
}

#msg-alert a.close {
	background: #a2934f url(../images/main-sprites.png) -394px -403px;
}

#msg-info a.close {
	background: #2aa8dd url(../images/main-sprites.png) -394px -403px;
}

/* ! Site message actions */

.msg-container.show {
	height: 86px;
}

.msg-container.show .msg {
	opacity: 1;
}

/* ! Drupal user messages */

.messages {
	position: relative;
	margin-top: 4px;
	padding: 19px 12px 19px 24px !important;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 17px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.messages a {
	font-weight: bold;
	color: #005faf !important;
	text-decoration: underline;
}

.messages a:hover {
	text-decoration: none;
}

/* ! Error */

.messages.error {
	min-height: 58px;
	color: #bf1919;
	border: 1px solid #d75e5e;
	border-left: 50px solid #e55353;
	background-color: #fdd2d2;
}

.messages.error:before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: -41px;
	width: 35px;
	height: 38px;
	background: url(../images/main-sprites.png) -316px -408px;
}

.messages.error:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -16px;
	left: -50px;
	width: 15px;
	height: 15px;
	background: url(../images/main-sprites.png) -354px -438px;
}

/* ! Success */

.messages.status {
	min-height: 58px;
	color: #27870c;
	border: 1px solid #88c178;
	border-left: 50px solid #72b347;
	background-color: #daf2cf;
}

.messages.status:before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: -39px;
	width: 29px;
	height: 38px;
	background: url(../images/main-sprites.png) -319px -448px;
}

.messages.status:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -16px;
	left: -50px;
	width: 15px;
	height: 15px;
	background: url(../images/main-sprites.png) -354px -453px;
}

/* ! Demo signup dialog base */

#dlg-base {
	display: none;
	padding: 40px;
    border-radius: 7px;
	background-image: -webkit-linear-gradient( top, #ebebeb, #d6d6d6 );
	background-image:    -moz-linear-gradient( top, #ebebeb, #d6d6d6 );
	background-image:     -ms-linear-gradient( top, #ebebeb, #d6d6d6 );
	background-image:         linear-gradient( top, #ebebeb, #d6d6d6 );
    box-shadow: 0 9px 32px 0 rgba( 0, 0, 0, .35 );
}

.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	filter:Alpha(Opacity=30);
}

.ui-dialog-titlebar { display: none; }
.ui-dialog { position: absolute; }

#dlg-base h1 {
	margin-bottom: 27px;
	font-family: "Neutraface 2 Text Demi Italic";
	font-size: 43px;
	line-height: 1;
	letter-spacing: -1px;
	text-align: center;
	color: #228abe;
	text-shadow: 0px 1px #fff;
	-webkit-font-smoothing: subpixel-antialiased;
}

#dlg-base h2 {
	margin-bottom: 10px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: -1px;
	text-align: center;
	color: #727b7f;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#dlg-base p {
	font-family: Helvetica;
	font-size: 13px;
	line-height: 1.6;
	text-align: center;
	color: #606c73;
}

#dlg-base a {
	color: #228abe;
	text-decoration: underline;
}

#dlg-base a:hover { text-decoration: none; }

#dlg-base div.dates { margin: 34px 0 15px 0; }

#dlg-base hr {
	width: 55px;
	height: 2px;
	margin: 30px auto;
	background-color: #b1b1b2;
}

#dlg-base .dlg-close {
	display: block;
	position: absolute;
	cursor: pointer;
	top: 2px;
	right: 9px;
	font-size: 26px;
	line-height: 1;
	font-weight: bold;
	color: #9a9a9a;
}

#dlg-base .dlg-close:hover { opacity: .5; }

/* Dialog forms */

form.demodates { text-align: center; }

#dlg-base .button-big {
	display: inline;
	width: 264px;
	height: auto;
	margin-bottom: 20px;
	padding: 14px 0 13px 0;
	font-size: 19px;
	line-height: 19px;
	border: 1px solid #0c6db1;
	text-transform: uppercase;
	text-shadow: 0px 1px rgba( 0, 0, 0, .22 );
	background-image: -webkit-linear-gradient( top, #1096c9, #1e79b8 );
	background-image:    -moz-linear-gradient( top, #1096c9, #1e79b8 );
	background-image:     -ms-linear-gradient( top, #1096c9, #1e79b8 );
	background-image:         linear-gradient( top, #1096c9, #1e79b8 );
	box-shadow: inset 0 1px 0 0 rgba( 255, 255, 255, .28 );
}

#dlg-base .button-big::-moz-focus-inner { /* FF only */
    padding: 0 !important;
    border: 0 !important;
}

#dlg-base .button-big, x:-moz-any-link { /* FF only */
	padding: 12px 0 10px 0;
}

#dlg-base .button-big:hover {
	background-image: -webkit-linear-gradient( top, #29a2d5, #3688c8 );
	background-image:    -moz-linear-gradient( top, #29a2d5, #3688c8 );
	background-image:     -ms-linear-gradient( top, #29a2d5, #3688c8 );
	background-image:         linear-gradient( top, #29a2d5, #3688c8 );
}

/* Custom select */

#dlg-base select {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	margin-bottom: 22px;
	padding: 8px;
	font-family: Helvetica;
	font-size: 15px;
	border: 1px solid #BFC6CA;
	background-color: #fff;
    border-radius: 4px;
}

#dlg-base select {
	-webkit-appearance: none;
	   -moz-appearance: none;
}

#dlg-base .custom-select { position: relative; }

#dlg-base .custom-select:after { /* custom select arrow */
	content: "";
	position: absolute;
	pointer-events: none;
	top: 17px;
	right: 12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 6.5px 0 6.5px;
	border-color: #999fa2 transparent transparent transparent;
}

/* Labels */

#dlg-base label {
	display: block;
	margin-bottom: 6px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 19px;
	line-height: 1.2;
	color: #727b7f;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ! Live demo signup dialog */

.livedemosignup {
	top: 20px;
	left: 20px;
	width: 341px;
	min-height: 311px;
	padding-bottom: 20px !important;
}

/* ! Thank you dialog */

.livedemothanks {
	width: 350px;
	height: 316px;
}

#dlg-base.livedemothanks h1 { margin-bottom: 23px; }

#dlg-base.livedemothanks h2 {
	margin-bottom: 38px;
	color: #228abe;
}

#dlg-base.livedemothanks .button-big {
	display: block;
	width: 160px;
	margin: 40px auto 0 auto;
}

/* ! Free trial dialog */

.livedemotrial {
	width: 420px;
	min-height: 630px;
}

#dlg-base.livedemotrial .button-big {
	display: block;
	width: 240px;
	margin: 40px auto 17px auto;
}

/* ! Survey pages */

.node-type-webform nav.sticky,
.node-type-webform #social-menu,
.node-type-webform #mainlinks,
.node-type-webform #mobilemenu,
.node-type-webform.logged-in #myaccount-menu,
.node-type-webform .submitted,
.node-type-webform .links,
.node-type-webform footer > .container,
.node-type-webform #copyright ul {
	display: none;
}

.node-type-webform nav,
.node-type-webform #mainmenu,
.node-type-webform #misc,
.node-type-webform .primary,
.node-type-webform #copyright .container {
	width: 400px;
}

@media screen and (max-width: 480px) {
	.node-type-webform nav,
	.node-type-webform #mainmenu,
	.node-type-webform #misc,
	.node-type-webform #copyright .container {
		width: 100%;
	}
}

.node-type-webform #mainlogo {
	float: none;
	margin: 0 auto;
}

@media screen and (max-width: 480px) {
	.node-type-webform #mainlogo { transform: scale(0.6); }
}

@media screen and (max-width: 480px) {
	.node-type-webform #misc { margin-top: 35px; }
}

.node-type-webform .msg-container.myaccount { width: 400px; }

@media screen and (max-width: 480px) {
	.node-type-webform .msg-container.myaccount { width: 100%; }
}

.node-type-webform .messages {
	margin-bottom: 100px;
	font-size: 15px;
	line-height: 1.3;
}

@media screen and (max-width: 480px) {
	.node-type-webform .messages { margin: 40px 0 0 0; }
}

.node-type-webform .messages a { font-weight: normal; color: #228ac4 !important; }

.node-type-webform #misc h1 {
	margin-bottom: 30px;
	font-family: "Neutraface 2 Text Bold";
	line-height: 1.05;
	letter-spacing: -0.01em;
	text-transform: none;
}

.node-type-webform #misc input[type="text"],
.node-type-webform #misc select,
.node-type-webform #misc textarea {
	box-sizing: border-box;
	width: 100%;
	margin: 8px 0;
	padding: 8px;
	font-size: 15px;
	color: #606c73;
	border-radius: 4px;
	border: 1px solid #BFC6CA;
}
.node-type-webform #misc select { height: 36px; }

.node-type-webform #misc .webform-component-date select {
	width: auto;
	margin-right: 5px;
}

.node-type-webform .form-checkboxes .form-item,
.node-type-webform .form-radios .form-item { margin: 0.5em 0; }

.node-type-webform input[type="radio"],
.node-type-webform input[type="checkbox"] {
	vertical-align: middle;
	margin: -2px 4px 0 0;
}

.node-type-webform #misc input[type="submit"] {
	display: block;
	margin: 20px auto 0 auto;
	padding: 0 40px;
	font-size: 28px;
	line-height: 49px;
	letter-spacing: -0.02em;
	text-shadow: 0px 1px rgba( 0, 0, 0, .22 );
	border: 1px solid #0c6db1;
	background-image: -webkit-linear-gradient( top, #1096c9, #1e79b8 );
	background-image:    -moz-linear-gradient( top, #1096c9, #1e79b8 );
	background-image:         linear-gradient( top, #1096c9, #1e79b8 );
	box-shadow: inset 0 1px 0 0 rgba( 255, 255, 255, .28 );
}

.node-type-webform #misc input[type="submit"]:hover {
	background-image: -webkit-linear-gradient( top, #29a2d5, #3688c8 );
	background-image:    -moz-linear-gradient( top, #29a2d5, #3688c8 );
	background-image:         linear-gradient( top, #29a2d5, #3688c8 );
}

.node-type-webform .primary { white-space: normal; }
.node-type-webform .primary li { display: inline-block; margin-bottom: 15px; }

.node-type-webform footer {
	float: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image: none;
}

.node-type-webform #copyright {
	float: none;
	color: #606c73;
	text-align: center;
	background-image: none;
	box-shadow: none;
}

.node-type-webform #copyright p { float: none; }

.node-type-webform.confirmation #misc > h1 { display: none; } /* hide page title in confirmation page */
.node-type-webform.confirmation #misc { text-align: center; }

/* Getting in page styles */

.page-join nav.sticky,
.page-join #mainmenu,
.page-join footer > .container,
.page-join footer #copyright ul {
	display: none;
}

.page-join footer { height: auto; }

@media screen and (max-width: 480px) {
	.page-join footer {
		height: auto;
		margin-top: 0 !important;
	}
}

.page-join section#misc { margin: 0 auto; }

.page-join .gettingin-main-wrapper > h2:before { /* logo */
	content: "";
	display: block;
	width: 176px;
	height: 70px;
	margin: 15px auto 20px auto;
	background: url(../images/logo-connection-assistant.png);
}

@media screen and (max-width: 480px) {
	.page-join .gettingin-main-wrapper > h2:before { /* logo */
		width: 109px;
		height: 42px;
		margin-bottom: 13px;
		background-repeat: no-repeat;
		background-size: contain;
	}
}

#misc .gettingin-container h3 {
	margin-bottom: 12px;
	font-size: 31px;
	letter-spacing: -0.03em;
	line-height: 1.2;
	color: #556067;
	font-family: "Neutraface 2 Text Bold" !important;
}

#misc .gettingin-container h3 span{ font-family: "Neutraface 2 Text Book"}
html, body.page-join{ height: 100%;}

@media screen and (max-width: 959px) {
	.page-join section#misc{ width: 100%; height: auto; min-height: 100%; margin: 0 auto -42px; padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box;}
	.gettingin-main-wrapper-inner{ }
	#copyright .container{ width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; height: 42px !important;}
	.gettingin-container{ margin: 10px 0 20px !important;}
	
	.phone-computer{ width: 100% !important; max-width: 680px;}
	.option-phone, .option-computer{ width: 100% !important; max-width: 340px; padding: 0 8% !important;}
}
@media screen and (max-width: 767px) {
	#misc .gettingin-container h3 {
		margin-bottom: 9px;
		font-size: 20px;
		line-height: 1.1;
	}
	
	#misc #gettingin-title-error {
		margin-bottom: 0;
	}
	
	.option-phone, .option-computer{ width: 100% !important; max-width: 340px; padding: 0 3% !important;}
}

#misc .gettingin-container p.lead {
	line-height: 1.7;
}

@media screen and (max-width: 767px) {
	#misc .gettingin-container p.lead {
		font-size: 13px;
		line-height: 1.5;
	}
}

#misc .gettingin-container a:hover {
	color: #60c6ff;
}

/* Icon */

.header-icon {
	display: block;
	float: left;
	width: 66px;
	height: 66px;
	margin: 0 20px 58px 0;
	background: url(../images/getting-in-wizard-sprites.png) no-repeat -147px -7px;
}

@media screen and (max-width: 767px) {
	.header-icon {
		transform-origin: top left;
		transform: scale(.6);
		margin: 0 -16px -13px 0;
	}
}

.header-icon.audio-question        { background-position: -139px -7px; }
.header-icon.audio-connected       { background-position: -73px -7px; }
.header-icon.report-problem        { background-position: -337px -73px; }
.header-icon.calendar              { background-position: -7px -7px; }
.header-icon.phone                 { background-position: -205px -7px; }
.header-icon.questionnaire         { background-position: -271px -73px; }
.header-icon.webphone              { background-position: -337px -7px; }
.header-icon.browser-question      { background-position: -7px -73px; }
.header-icon.mcdialer-download     { background-position: -403px -7px; }
.header-icon.skype-hangouts-select { background-position: -73px -73px; }
.header-icon.hangouts              { background-position: -205px -73px; }
.header-icon.skype                 { background-position: -139px -73px; }
.header-icon.feedback-sent         { background-position: -403px -73px; }
.header-icon.double-login			{ background-position: -403px -139px; margin-top: 7px;}

.gettingin-main-wrapper{ float: left; width: 100%; padding-bottom: 100px; min-height: 400px;}

.msg-confirm{ text-align: center; padding: 20px 0 0; margin-bottom: -35px; float: left; width: 100%;}
.msg-confirm, .msg-confirm small{ font: 20px "Neutraface 2 Text Demi"; color: #949fa7;}
.msg-confirm small{ color: #5c666d;}
.shared-pin{ float: left; margin-bottom: -40px !important; padding: 38px 0 0 !important; text-align: center; 
width: 100%;}
.shared-pin a{ text-decoration: underline;}
.shared-pin a:hover{ text-decoration: none;}

@media screen and (max-width: 767px) {
	.gettingin-main-wrapper {
		float: none;
		padding-bottom: 0;
	}
}

section#misc .gettingin-main-wrapper h2 {
	padding-bottom: 6px;
	font-size: 24px;
	color: #556067;
	text-align: center;
}

.gettingin-main-wrapper-inner{ width: 100%; max-width: 780px; margin: 0 auto;}
.gettingin-btns{ float: left; width: 100%; text-align: center; padding: 40px 0 20px}
.gettingin-btns input[type=button]{ display: inline-block; padding: 9px 18px; margin: 0 6px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset; border: 1px solid #116c99; font: normal 17px "Neutraface 2 Text Demi"; text-transform: uppercase; color: #fff; border-radius: 3px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); cursor: pointer;
	background: -webkit-linear-gradient(#34a4e1, #1686c5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#34a4e1, #1686c5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#34a4e1, #1686c5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#34a4e1, #1686c5); /* Standard syntax */
}
.gettingin-btns input.gettingin-phone-btn, .gettingin-btns input.gettingin-pc-btn{ width: 134px; background: url(../images/gettingin-phone.png) no-repeat center top !important; box-shadow: none !important; border: 0;  margin: 0 0 !important; padding: 147px 0 0 !important; color: #556067 !important; font: normal 26px "Neutraface 2 Text Demi" !important; text-shadow: none !important; text-transform: capitalize !important; letter-spacing: -0.5px !important;}
.gettingin-btns input.gettingin-phone-btn:hover{ background: url(../images/gettingin-phone-old.png) no-repeat center top !important;}
.gettingin-btns input.gettingin-pc-btn{ background: url(../images/gettingin-computer.png) no-repeat center top !important;}
.gettingin-btns input.gettingin-pc-btn:hover{ background: url(../images/gettingin-computer-hover.png) no-repeat center top !important;}

@media screen and (max-width: 767px) {
	.gettingin-btns input.gettingin-phone-btn, .gettingin-btns input.gettingin-pc-btn {
		transform-origin: top center;
		transform: scale(.65);
		margin: 0 -8px !important;
	}
}

@media screen and (max-width: 480px) {
	#display-msg-screen-reportproblemform .content-normal {
		padding: 0;
	}

	#display-msg-screen-reportproblemform .gettingin-footer {
		padding-top: 25px;
	}

}

.report-problem-form{ margin: -45px 0 -90px; padding: 0 0 0 85px; text-align: left;}
.report-problem-form h4{ font: normal 20px "Neutraface 2 Text Demi"; padding-bottom: 18px;}
.report-problem-form h5{ font: bold 15px "Arial"; padding-bottom: 5px;}
.report-problem-form h5.textarea-lbl{ font: normal 14px Arial;}
.report-problem-form h4.no-pad{ padding-bottom: 6px !important;}
.form-spacer{ float: left; width: 100%; padding: 12px 0;}

.report-problem-form label{ display: inline-block; margin: 3px 0;}
.report-problem-form input[type=text]{ width: 280px; display: block; position: relative; top: -5px;}
.report-problem-form input[disabled=disabled]{ opacity: 0.3; filter: alpha(opacity=30);}
.report-problem-form textarea{ width: 100%; resize: none; border: 1px solid #bfc6ca; border-radius: 4px; padding: 8px;}
.report-problem-form input[type=radio], .report-problem-form input[type=checkbox]{ display: none;}

.report-problem-form input[type=radio] + label::before { border: 1px solid #999; border-radius: 50px; box-sizing: border-box; content: ""; float: left; height: 17px; margin: 0 7px 0 0; width: 17px;}
.report-problem-form input[type=radio]:checked + label::before { border: 5px solid #4bacdd;}

.report-problem-form input[type=checkbox] + label::before { border: 1px solid #999; border-radius: 2px; box-sizing: border-box; content: ""; font-family: "mcicons"; float: left; height: 17px; margin: 0 7px 0 0; width: 17px; line-height: 13px; font-size: 11px; text-align: center;}
.report-problem-form input[type=checkbox]:checked + label::before { content: "\f00c"; color: #fff; background: #4bacdd; border-color: #4bacdd;}

@media screen and (max-width: 480px) {
	.report-problem-form {
		margin: 0;
		padding: 0;
	}
	
	.report-problem-form h4 {
		font-family: "Neutraface 2 Text Bold";
		font-size: 18px;
	}
	
	.report-problem-form h5 {
		padding-bottom: 12px;
		font-size: 13px;
	}
	
	.report-problem-form label {
		font-size: 12px;
	}
	
	.report-problem-form h5.textarea-lbl {
		font-size: 12px;
	}
}


/* getting in mix styles */
.btm-lbl{ float: left; width: 100%; text-align: center;}
.phone-computer label{ display: inline-block; width: 100%; max-width: 100%; color: #606c73;}

.phone-computer{ padding-top: 0; display: flex; width: 680px; margin: 35px auto 0; float: none;}
.phone-computer > div:first-child{ background: url(../images/dashed-border.jpg) repeat-y right 0;}
.option-phone{ display: inline-block; margin: 0; width: 340px; padding: 0 60px; position: relative;}
.option-computer{ display: inline-block; margin: 0; width: 340px; padding: 0 60px; position: relative;}
.option-phone label, .option-computer label{ padding: 7px 0; display: inline-block;}
.option-phone{ /*border: 3px solid #5FD13D; border-radius: 7px; background: #D8FFC2;*/}
.option-phone strong, .option-computer strong{ position: absolute; left: 50%; bottom: 0; margin: 0 0 -35px; font:bold 14px "Helvetica"; color: #a4a3a3; transform: translate(-50%,0); width:190px;}

.option-phone figure, .option-computer figure{ width: 114px; height: 114px; margin: 0 auto; padding: 0;}
.option-phone figure{ background: url(../images/from-phone.png) no-repeat 0 0;}
.option-computer figure{ background: url(../images/from-computer.png) no-repeat 0 0;}
.phone-computer h4{ font: normal 24px/1.4 "Neutraface 2 Text Bold"; color: #556067; text-align: center; padding: 15px 0 0;}
.phone-computer h4 span, .phone-computer h4 em{ color: #7a8389; font: normal normal 13px Arial; display: block;}
.phone-computer h4 em{ margin-bottom: 3px; float: left; width: 100%; margin-bottom: 8px;}
.option-computer.connect-with-computer{ width: 100%; background: none !important; margin: 0 auto;}

.option-recommended figure{ position: relative;}
.option-recommended figure:after{ position: absolute; right: 0; top: 0; margin: -3px -5px 0 0; content: "\e902"; width: 32px; height: 32px; font: normal 20px/32px "mcicons"; color: #fff; box-shadow: 0 0 0 20px #40b70b inset; border-radius: 50px; border: 3px solid #fff;}
.option-recommended h4 span{ color: #40b70b; font-weight: bold; letter-spacing: -0.5px; font-size: 15px; margin: 4px 0 0;}
.option-recommended h4 span i{ margin: 0 4px 0 0;}

.phone-computer button{ display: inline-block; margin: 45px 0 0; background: #228abe; border-radius: 3px; box-shadow: 0 3px 0 #1f7cab; border: 0; font: normal 19px "Neutraface 2 Text Bold"; color: #fff; letter-spacing: normal; text-shadow: none; padding: 8px 25px; margin-right: 0; text-transform: uppercase; cursor: pointer;}
.phone-computer button i{ font-size: 15px; float: right; margin: 4px 0 0 10px;}
.phone-computer button:hover{ background: #077eb1; box-shadow: 0 3px 0 #056e9b;}

.phone-computer ol{ padding: 25px 0 15px; margin: 0 0 0 20px; list-style-position: outside;}
.phone-computer ol li{ color: #989b9e; text-align: left; margin: 0; padding: 5px 0; font: normal 19px "Neutraface 2 Text Demi";}
.phone-computer ol li span{ color: #556067; font-family: "Neutraface 2 Text Bold";}

.phone-computer p{ font: normal 18px "Neutraface 2 Text Demi"; color: #989b9e; padding: 3px 0 !important; margin: 0;}
.phone-computer p a{ color: #228abe !important;}
.phone-computer p.dd-parent{ margin-bottom: 0 !important;}
.phone-computer p a.dd-open{ color: #989b9e !important;}
.phone-computer p a i{ display: inline-block; margin: 0px 0 0 -2px; position: relative; top: 4px; font-size: 24px;}
.phone-computer p a + span{ display: none; width: 100%; text-align: left; padding-left: 13px;}
.phone-computer p a.dd-open + span{ display: block;}
.phone-computer p a + span a{ color: #228abe !important; display: block;}
.phone-computer p a + span a:hover{ color: #3ba3d7 !important;}
.phone-computer p a + span a i{ display: inline-block; transform: rotate(90deg); margin-right: -3px;}


@media screen and (max-width: 767px) {
	.phone-computer button{ font-size: 14px; padding: 8px 15px;}
	.phone-computer h4{ font-size: 19px;}
	.option-phone figure, .option-computer figure{ transform: scale(0.6); margin-top: -25px; margin-bottom: -25px;}
	section#misc .gettingin-container .btns-middle input[type="button"], section#misc .gettingin-container .fback-btn input[type="button"]{ margin: 7px 8px !important; font-size: 16px !important;}
	
	.phone-computer button i{ font-size: 11px;}
}

@media screen and (min-width: 480px) {
	.mobile-separator{ display: none;}	
}

@media screen and (max-width: 480px) {
	.btm-lbl { margin-top: -50px;}
	.btm-lbl label { width: 39%; margin: 0 11px; font-size: 11px; line-height: 1.5;}
	.phone-computer ol li, .phone-computer p{ font-size: 17px;}
	.mobile-separator{ display: block; border-top: 2px dashed #ccc; margin: -20px 0 30px; position: relative;}
	.mobile-separator span{ position: absolute; left: 50%; top: 0; margin: -10px 0 0; background: #fff; padding: 0 10px; transform: translate(-50%,0); color: #c3c3c3; font: normal 15px "Neutraface 2 Text Bold";}
}

@media screen and (max-width: 479px) {
	.phone-computer{ display: block;}
	.option-computer, .option-phone{ width: 100%; display: block; max-width: 100%;}
	.phone-computer > div:first-child{ background: none; margin-bottom: 50px;}
}

.phone-num-select{ width: 100%; max-width: 250px;}
.page-join .ui-widget { font-family: "Neutraface2TextBold"; color: #565656; }

.gettingin-container #phone-num-select-button {

    margin-left: 5px !important;
    margin-bottom: -9px !important;
    margin-top: 20px !important;
    height: 37px;
    border-radius: 5px !important;
    width: 100% !important;
    max-width: 250px;
    padding: 7px 8px 6px;
    background: none;
}
.gettingin-container .ui-selectmenu-button span.ui-selectmenu-text { line-height: 0; }
.gettingin-container .ui-selectmenu-text {
    display: inline-block !important;
    padding: 0.4em 2.1em 0.4em 0 !important;
}

.phone-num-select-menu { font-family: "Neutraface2TextBold"; }
#phone-num-select-menu .ui-menu-item.ui-state-focus { background: none !important; }

#phone-num-select-button.ui-state-hover .ui-icon, #phone-num-select-button.ui-state-focus .ui-icon, #phone-num-select-button.ui-state-default .ui-icon{ background-image:  url("../images/pointer-down-lg.png") !important;}
#phone-num-select-button .ui-icon-triangle-1-s { background-position: 0 5px !important; float: right; margin: -8px -3px 0 0;}

.exclude-margin{ margin-bottom: -65px !important; margin-top: -20px !important;}
.exclude-margin2{ margin-bottom: -93px !important; margin-top: -51px !important; }
.gettingin-btn-primary.small{ font-size: 17px; padding: 9px 25px;}
.instructions{ float: left; width: 100%; padding: 0 85px 0 154px; text-align: left;}
.instructions p{ font: normal 14px Arial !important; text-align: left !important;}
.instructions strong{ font-size: 16px; padding-bottom: 12px; display: block;}
.instructions ol{ display: block; padding-bottom: 28px; padding-left: 0;}
.instructions ol li{ padding: 1px 0;}
.instructions.skype-listing ol li{ padding: 6px 0;}

.instructions.phone-steps{
    font-family: "Neutraface 2 Text Demi" !important;
    font-size: 23px !important;
    color: #999 !important;
}
.instructions.phone-steps ol li{ padding: 12px 0;}

@media screen and (max-width: 767px) {
	.instructions{ padding: 0 15px;}
	.gettingin-container .instructions,	.gettingin-container .instructions strong{ font-size: 17px !important;}
	.instructions.phone-steps ol li{ padding: 4px 0;}
	.phone-num-select{ max-width: 158px;}
}

@media screen and (max-width: 480px) {
	.gettingin-container .instructions { padding: 15px 0 0 0;}
	#display-msg-computer6 .gettingin-footer { padding-top: 15px;}
	.instructions ol li{ font-size: 14px;}
}

section#misc .gettingin-container .btns-middle { padding: 75px 0; text-align: center;}

section#misc .gettingin-container .btns-middle input[type=button],
section#misc .gettingin-container .fback-btn input[type=button] {
	display: inline-block;
	background: #228abe;
	border-radius: 3px;
	box-shadow: 0 3px 0 #1f7cab;
	border: 0; font: normal 19px "Neutraface 2 Text Bold";
	color: #fff;
	letter-spacing: normal;
	text-shadow: none;
	padding: 8px 25px;
	margin: 0 8px;
}

section#misc .gettingin-container .btns-middle input[type=button]:hover,
section#misc .gettingin-container .fback-btn input[type=button]:hover {
	background: #077eb1;
	box-shadow: 0 3px 0 #056e9b;
}

@media screen and (max-width: 480px) {
	section#misc .gettingin-container .btns-middle input[type=button],
	section#misc .gettingin-container .fback-btn input[type=button] {
		font-size: 13px !important; padding-left: 10px !important; padding-right: 10px !important;
	}
	section#misc .gettingin-container .btns-middle.yes-no-btns input[type=button]{ padding-left: 20px !important; padding-right: 20px !important;}

	section#misc .gettingin-container .btns-middle input[type=button].small {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 14px !important;
		line-height: 21px;
	}
}

.btns-middle.browser-btns input[type=button]{ display: block; width: 100%; max-width: 370px; clear: both; float: none;}
.btns-middle.browser-btns input[type=button]:first-child{ margin-bottom: 25px !important;}
.btns-middle.browser-btns p{ text-align: center; float: left; width: 100%; position: relative;}
.btns-middle.browser-btns a{ margin-top: 25px; display: inline-block; text-decoration: underline;}
.btns-middle.browser-btns a:hover{ text-decoration: none;}

@media screen and (max-width: 480px) {
	.btns-middle.browser-btns input[type=button] {
		width: 95%;
	}
}

.gettingin-btns input[type=button].selected{ color: #fff; border-color: #5ea828;
	background: -webkit-linear-gradient(#7dd23d, #73c62f); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#7dd23d, #73c62f); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#7dd23d, #73c62f); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#7dd23d, #73c62f); /* Standard syntax */	
}

section#misc .gettingin-main-wrapper #gettingin-title {
	font-size: 29px;
	color: #afb8c0;
}

@media screen and (max-width: 480px) {
	section#misc .gettingin-main-wrapper #gettingin-title {
		margin: 10px 0;
		padding-bottom: 0;
		font-size: 16px;
		line-height: 1.2;
		letter-spacing: 0.01em;
	}
}

.gettingin-container{ /*display: inline-block !important;*/ float: left; width: 100%; border: 4px solid #c7ccd1; border-radius: 10px; background: #fff; min-height: 150px; margin: 0 0; position: relative; padding: 40px 45px; box-sizing: border-box; font: normal 14px/19px  Arial; color: #555; min-height: 350px; /*display: block !important;*/}

@media screen and (max-width: 767px) {
	.gettingin-container {
		padding: 20px;
	}
}

@media screen and (max-width: 480px) {
	.gettingin-container {
		padding: 15px;
		border-width: 3px;
	}
}

.gettingin-container *{ box-sizing: border-box;}
.align-center{ text-align: center;}
.gettingin-container p{ padding: 0; margin: 0;}
.gettingin-container hr{ border-top: 1px solid #e5e5e5; margin: 25px 0; float: left; width: 100%;}
.gettingin-phone:before{ width: 54px; height: 54px; position: absolute; left: 50%; top: 0; margin: -27px 0 0 -27px; content: ""; background: url(../images/sprite-gettingin.png) no-repeat 16px 17px #fff; border-radius: 100px; border: 1px solid #c4c4c4;}
.phone-info{ padding: 0; margin: 0; float: left; width: 100%; list-style-type: none;}
.phone-info li{ padding: 0; margin: 0; font: bold 17px Arial; float: left; width: 100%;}
.phone-info li:first-child{ padding-bottom: 20px;}
.phone-info label{ color: #666; float: left; width: 35%; text-align: right;}
.phone-info span{ color: #1188c4; float: left; width: 65%; padding-left: 15px;}
.other-phones{ padding: 0; margin: 0; list-style-type: none;}
.other-phones li{ float: left; width: 50%; padding: 0 0 8px; margin: 0; text-align: center; color: #555; font: normal 17px "Arial";}
.gettingin-note{ float: left; width: 100%; padding: 20px 0;}
.gettingin-note h4{ font: normal 15px "Neutraface 2 Text Bold"; color: #333; padding: 0; margin: 0;}
.gettingin-note p{ font: normal 14px/19px  Arial; color: #444; padding: 10px 0 0;}

p.event-start-time b{ width: 90px; display: inline-block; text-align: left;}
p.event-start-time em{ font-style: normal;}

.webphone-form{ float: left; width: 100%; box-sizing: border-box; padding: 80px 0 0; margin-bottom: -65px;}
.webphone-form *{ box-sizing: border-box;}
.webphone-form form, .webphone-form div{ float: left; width: 50%; padding: 0 2%; text-align: center;}
.webphone-form span.webphone-screenshot{ width: 248px; height: 248px; display: inline-block; position: relative; background: url(../images/sprite-gettingin.png) no-repeat 0 -622px; margin: -64px 0 0 0;}
.webphone-form form input[type=text]{ boder: 1px solid #c3c3c3; border-radius: 4px; padding: 10px !important; width: 280px; display: inline-block; float: none;}

@media screen and (max-width: 767px) {
	.webphone-form form input[type="text"]{ width: 100%;}
	.webphone-form span.webphone-screenshot{ transform: scale(0.8); transform-origin: left center;}
	section#misc .webphone-form input[type="submit"], section#misc .webphone-form input[type="button"]{ font-size: 14px !important;}
}

@media screen and (max-width: 479px) {
	.webphone-form span.webphone-screenshot{ transform: scale(0.5);}
}

.webphone-form input[type=button]{ background: #228abe !important; border-radius: 3px !important; box-shadow: 0 3px 0 #1f7cab !important; border: 0; font: normal 19px "Neutraface 2 Text Bold" !important; color: #fff; width: 90px; letter-spacing: normal !important;}

.form-tip { display:none; position: absolute; left: 21.5%; bottom: 0; /*transform: translate(-50%, 0);*/ border-radius: 3px; background: rgba(0, 0 ,0, 0.8); font: normal normal 12px Arial; color: #ccc; padding: 5px 10px; white-space: nowrap; margin-bottom: -27px; }
.form-tip:before { position: absolute; left: 46%; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(0, 0 ,0, 0.8); top: 0; margin: -6px 0 0; width: 0; content: ""  }
/*.copy-btn:hover + .form-tip { display: block; }*/
.copy-btn + .form-tip { display: block; }

.where-calling-from form{ display: block; text-align: center;}
section#misc .where-calling-from form input[type=text]{ font: normal 27px "Neutraface 2 Text Demi"; text-align: center; color: #666; padding: 2px 8px; letter-spacing: 1px; width: 100%; max-width: 220px;}
.where-calling-from form small{ display: block; font-size: 14px;}
section#misc .where-calling-from form button{ background: #228abe; border: 0 none; border-radius: 3px; box-shadow: 0 3px 0 #1f7cab; color: #fff; display: inline-block; margin: 25px 0 0; font: 19px "Neutraface 2 Text Bold"; letter-spacing: normal; padding: 8px 25px; text-shadow: none; text-transform: uppercase; cursor: pointer;}
section#misc .where-calling-from form button:hover{ background: #077eb1; box-shadow: 0 3px 0 #056e9b;}
section#misc .where-calling-from form button.process-running{ display: none;}
section#misc .where-calling-from form button i{ float: right; font-size: 15px; margin: 4px 0 0 10px;}

.where-calling-from p{ display: block; text-align: center; font: normal 22px "Neutraface 2 Text Book"; color: #556067;}
.where-calling-from p strong{ font: normal normal 22px "Neutraface 2 Text Bold";}
.thank-try-calling{ padding: 30px 0;}

form.in-process{ position: relative;}
form.in-process:before{ position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.6); width: 100%; height: 103%; content: "";}

section#misc .where-calling-from form.in-process button{ display: none;}
section#misc .where-calling-from form.in-process button.process-running{ display: inline-block;}
section#misc .where-calling-from form button.process-running{ background: #bdc4cb; box-shadow: 0 3px 0 #aab0b6;}
.cloader {
    border: 2px solid #fff; /* Light grey */
    border-top: 2px solid #bdc4cb; /* Blue */
    border-radius: 50%;
    width: 18px;
    height: 18px;
    animation: spin 0.5s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

a.cancel-process{ color: #d83c41 !important; margin: 20px 0 0; display: none;}
a.cancel-process i{ margin-right: 4px;}
section#misc .where-calling-from form.in-process + a.cancel-process{ display: inline-block;}

section#misc p.host-contact, section#misc p a{ color: #228abe;}
section#misc p a:hover{ color: #329dd3 !important;}
section#misc p.host-contact{ margin-bottom: 50px;}
section#misc p.host-contact span{ display: block; color: #556067; font-family: "Neutraface 2 text Bold";}

.list-flow.mc-dialer-flow li p:last-child{ padding-bottom: 0 !important;}
.mc-dialer-flow img{ margin: 10px auto 0; position: relative; left: -47px; display: block;}
.list-flow{ padding: 0; margin: 0 0 -50px 47px; list-style-type: none;}
.list-flow li{ padding: 0 0 35px 39px; margin: 0; position: relative;}
.list-flow li img{ max-width: 100%; height: auto;}
.list-flow li em{ position: absolute; width: 22px; height: 22px; border-radius: 50px; background: #bfc6ca; font: bold 14px Arial; color: #fff; text-align: center; line-height: 22px; left: 0; top: 0;}
section#misc .list-flow li p{ margin: 0; padding: 0 0 15px; line-height: 20px;}
section#misc .list-flow li button{ background: #228abe; border: 0 none; border-radius: 3px; box-shadow: 0 3px 0 #1f7cab; color: #fff; display: inline-block; margin: 0 0 0; font: 15px "Neutraface 2 Text Bold"; letter-spacing: normal; padding: 8px 18px; text-shadow: none; text-transform: uppercase; cursor: pointer;}
section#misc .list-flow li button:hover{ background: #077eb1; box-shadow: 0 3px 0 #056e9b;}
section#misc .list-flow li button i{ margin-right: 5px;}
img.phoneicon{ position: relative; margin: 0 2px; top: 3px;}

section#misc p.para-xl{ font: normal 22px "Neutraface 2 text Book"; text-align: center;}
.pin-to-connect{ padding: 50px 0 70px;}
.pin-to-connect form{ max-width: 160px; margin: 0 auto;}
.pin-to-connect input, .pin-to-connect button{ width: 100%; max-width: 160px; display: block;}
section#misc .pin-to-connect form input[type=text]{ letter-spacing: 6px;}
section#misc .pin-to-connect form button{ margin-top: 10px; padding: 8px 18px;}
section#misc .pin-to-connect form button[disabled=disabled]{ background: #d4d4d4; box-shadow: 0 3px 0 #ccc;}
section#misc p.info-para{ text-align: center; padding-top: 20px; margin: 0; display: block; clear: both;}
section#misc p.info-para i{ margin-right: 4px; font-size: 18px; color: #606c73;}




/*.gettingin-btns input#back{ float: left; background: #bdc4cb !important; border-radius: 3px !important; box-shadow: 0 3px 0 #aab0b6 !important; border: 0; font: normal 19px "Neutraface 2 Text Bold" !important; color: #fff; width: 110px; letter-spacing: normal !important;}*/
/*.gettingin-btns input#cant-connect{ float: right; background: #228abe !important; border-radius: 3px !important; box-shadow: 0 3px 0 #1f7cab !important; border: 0; font: normal 19px "Neutraface 2 Text Bold" !important; color: #fff; letter-spacing: normal !important;}
.gettingin-btns input#next{ float: right; background: #228abe !important; border-radius: 3px !important; box-shadow: 0 3px 0 #1f7cab !important; border: 0; font: normal 19px "Neutraface 2 Text Bold" !important; color: #fff; letter-spacing: normal !important;}*/

.gettingin-pc:before{ width: 54px; height: 54px; position: absolute; left: 50%; top: 0; margin: -27px 0 0 -27px; content: ""; background: url(../images/sprite-gettingin.png) no-repeat 14px -34px #fff; border-radius: 100px; border: 1px solid #c4c4c4;}
.radios-wrapper{ float: left; width: 100%; padding: 12px 0;}
.gettingin-pc input + label{ display: inline-block; cursor: pointer; margin: 0 80px 0 0; font: normal 13px "Neutraface 2 Text Demi"; color: #436076; text-transform: uppercase;} 
.gettingin-pc input[type=radio]{ display: none;}
.gettingin-pc input[type=radio] + label:before{ display: inline-block; width: 17px; height: 17px; background: url(../images/sprite-gettingin.png) no-repeat 0 -121px; content: ""; cursor: pointer; position: relative; top: 3px; margin: 0 7px 0 0;}
.gettingin-pc input[type=radio]:checked + label:before{ background: url(../images/sprite-gettingin.png) no-repeat 0 -104px;}
.win-radios{ float: left; width: 100%; border-top: 1px solid #e5e5e5; padding-top: 25px; margin-top: 25px;} 
.win-radios span{ float: left; width: 100%; padding: 3px 0;}
.gettingin-pc .win-radios span input + label{ margin-right: 0;}
.pc-option-content{ float: left; width: 100%; border-top: 1px solid #e5e5e5; padding-top: 25px; margin-top: 25px;}
.pc-option-content h4{ font: normal 15px "Neutraface 2 Text Bold"; color: #333; padding: 0 0 5px; margin: 0;}
.pc-option-content p{ padding: 7px 0;}
.pc-option-content p a:hover{ text-decoration: underline;}
#pc-option-content-mcdialer p a{ display: table; color: #1387c2;}
#pc-option-content-skype p a{ display: inline; color: #1387c2;}
#mac-option-content p a{ display: inline; color: #1387c2;}

.time-left{ width: 265px; height: 100px; margin: 20px auto 100px auto; border-radius: 3px; border: 1px solid #cacaca;
	background: -webkit-linear-gradient(#fff, #f3f3f3); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff, #f3f3f3); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #f3f3f3); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #f3f3f3); /* Standard syntax */
}
.time-left label{ float: left; font: normal 14px Arial; color: #666; margin: 50px 0 0 30px;}
.time-left span{ font: normal 52px "ds-digitalitalic"; color: #1b92cd; float: left; margin: 25px 0 0 20px;}

#misc .gettingin-container h3.timer-title{ color: #2088bd; padding: 0; text-align: center; margin: 0 0 12px; font-size: 44px;}
.timer-small{ font: normal 17px "Neutraface 2 Text Bold"; color: #aaafb3; width: 100%; text-align: center; width: 100%; float: left;}
.timer-wrapper{ float: left; width: 100%; text-align: center;}
.timer-wrapper .timer{ display: inline-block; /*margin: 0 35px;*/ width: 151px}
.timer-wrapper .timer span{ font: normal 100px "neutraface_2_textlight"; color: #535e65;}
.timer-wrapper .timer .smalltext{ font: normal 15px "Neutraface 2 Text Bold"; color: #aaafb3; text-transform: uppercase; position: relative; top: -12px;}
.gettingin-content-middle.clockdiv{ padding-bottom: 15px;}
section#misc .clockdiv p{ color: #a5aaaf; font: normal 20px "Neutraface 2 Text Demi"; float: left; width: 100%; padding: 50px 0 0;}

@media screen and (max-width: 767px) {
	
	#misc .gettingin-container h3.timer-title {
		font-size: 26px;
	}
	
	.timer-small {
		margin-bottom: 30px;
		font-size: 15px;
		letter-spacing: 0.06em;
	}
	
	.gettingin-content-middle.clockdiv {
		padding: 0;
	}
	
	.timer-wrapper .timer {
		margin: 0 10px;
		width: 58px
	}
	
	.timer-wrapper .timer span {
		font-size: 44px;
	}
	
	.timer-wrapper .timer .smalltext {
		top: -3px;
		font-size: 12px;
	}
	
	section#misc .clockdiv p {
		padding-top: 36px;
		font-size: 15px;
	}
}

@media screen and (max-width: 640px) {
	.timer-wrapper .timer span{ font-size: 34px;}
	.timer-wrapper .timer{ width: 38px;}
	#misc .gettingin-container h3.timer-title{ font-size: 22px;}
}

.gettingin-content-middle{ float: left; width: 100%; text-align: center;}
.gettingin-content-middle select{ box-sizing: content-box; padding: 5px 8px 6px; font-family: "Neutraface2TextBold"; font-size: 23px; color: #556067; margin-left: 5px !important; margin-bottom: 0px !important; margin-top: 20px !important;}
.gettingin-content-middle ul{ text-align: left; padding: 0; margin: 0;}
.gettingin-content-middle ul li{ float: left; width: 100%; padding: 10px 0; margin: 0; font-family: "Neutraface 2 Text Demi"; font-size: 20px;}

@media screen and (max-width: 480px) {
	.gettingin-content-middle ul li { font-size: 17px;}
	.list-flow{ margin: 0 0 -50px;}
	.mc-dialer-flow img{ left: auto;}
}

.gettingin-content-middle ul li input[type=radio]{ width: 20px; height: 20px; position: relative; opacity: 0; left: 20px; float: left;}

@media screen and (max-width: 480px) {
	.gettingin-content-middle ul li input[type=radio] {
		display: none;
	}
}

.gettingin-content-middle ul li input[type=radio] + label:before{ float: left; content: ""; width: 20px; height: 20px; border-radius: 50px; border: 1px solid #999; box-sizing: border-box; margin: 0 10px 0 0;}
.gettingin-content-middle ul li input[type=radio]:checked + label:before{ border: 7px solid #4bacdd;}
.gettingin-content-middle ul li p{ display: none; padding: 10px 15px; margin: 10px 50px; background: #fdf5c6; border-radius: 3px; border: 1px solid #ddc74b; overflow: auto;}
.gettingin-content-middle ul li.checked p{ display: block !important;}
.field-block{ float: left; width: 100%;}
.content-normal p span.field-block{ padding: 0;}
.gettingin-content-middle ul li p small{ font: normal 15px Arial; float: left; width: 100%; padding: 3px 0;}
section#misc .field-block input[type=button]{ background: #228abe; border: 0; font: 15px "Neutraface 2 Text Bold" !important; border-radius: 3px !important; text-shadow: none !important; padding: 6px 20px !important; box-shadow: none;}
section#misc .field-block input[type=button]:hover{ background: #2995cb;}
.phone-numbers{ padding: 50px 0 0;}

@media screen and (max-width: 480px) {
	.phone-numbers {
		padding-top: 25px;
	}
}

@media screen and (max-width: 480px) {
	#display-msg-phone2 .gettingin-footer {
		padding-top: 40px;
	}
}

.phone-numbers p{ margin: 0 !important; color: #556067 !important; font-family: "Neutraface 2 Text Demi"; font-size: 27px; letter-spacing: -0.02em; text-align: center; float: left; width: 100%;}
.phone-numbers p span{ font-family: "Neutraface 2 Text Demi Tab"; color: #556067 !important; font-size: 27px; line-height: 1.2em !important;}
.phone-numbers small{ display: block; padding: 25px 0 0; font-size: 27px;}
.phone-numbers small em{ font-style: normal; font-family: "Neutraface 2 Text Book"; margin-right: 10px;}

.try-alternate-number .phone-computer{ display: inline-block; margin: 15px 0 0;}
.try-alternate-number .phone-computer p{ max-width: 210px; margin: 0 auto; position: relative; left: 23px;}
.try-alternate-number .phone-computer p a.dd-open + span{ padding-left: 0;}
.try-alternate-number .header-icon.phone{ position: relative;}
.try-alternate-number .header-icon.phone:before{ background: #fff; content: ""; height: 25px; left: 0; margin: 20px 0 0 23px; position: absolute; top: 0; width: 20px;}

@media screen and (max-width: 480px) {
	.phone-numbers p span,
	.phone-numbers small {
		font-size: 22px;
	}
}

.field-block{ float: left; width: 100%;}
.content-normal p span.field-block{ padding: 0;}
.gettingin-content-middle ul li p small{ font: normal 15px Arial; float: left; width: 100%; padding: 3px 0;}

section#misc .field-block input[type=button]{ background: #228abe; border: 0; font: 15px "Neutraface 2 Text Bold" !important; border-radius: 3px !important; text-shadow: none !important; padding: 6px 20px !important; box-shadow: none;}

.content-normal{ padding: 60px 0;}
.content-normal p{ font: normal 15px Arial; margin-bottom: 0 !important;}
.content-normal p span{ display: block; padding: 10px; font: normal 15px Arial; }
.content-dates p span { float: left; margin-left: 100px; }

@media screen and (max-width: 480px) {
	#misc .content-normal p span {
		font-size: 13px;
	}
	
	.content-dates p span {
		margin-left: 0;
	}
}

@media screen and (max-width: 480px) {
	#display-msg-phone3 .content-normal {
		padding: 30px 0;
	}
	
	/* tweak paddings on individual screens */
	
	section#misc #display-msg-computer1.gettingin-container .btns-middle {
		padding: 54px 0 0 0;
	}
	
	section#misc #display-msg-computer2.gettingin-container .btns-middle {
		padding: 75px 0 25px 0;
	}

	section#misc #display-msg-computer4.gettingin-container .btns-middle {
		padding: 52px 0 0 0;
	}

	section#misc #display-msg-computer5.gettingin-container .btns-middle {
		padding: 45px 0;
	}

	section#misc #display-msg-computer5.gettingin-container .btns-middle {
		padding: 45px 0;
	}

	section#misc #display-msg-computer7 .content-normal {
		padding: 25px 0 0 0;
	}

}

.gettingin-footer{ float: left; width: 100%; padding: 75px 0 0;}

section#misc input[type=button].gettingin-btn-secondary{ float: left; background: #bdc4cb; border-radius: 3px; box-shadow: 0 3px 0 #aab0b6; border: 0; font: normal 19px "Neutraface 2 Text Bold"; color: #fff;  letter-spacing: normal; text-shadow: none; padding: 8px 25px;}
section#misc input[type=button].gettingin-btn-secondary:hover{ background: #a9afb5; box-shadow: 0 3px 0 #989da3;}

section#misc input[type=button].gettingin-btn-primary{ float: right; background: #228abe; border-radius: 3px; box-shadow: 0 3px 0 #1f7cab; border: 0; font: normal 19px "Neutraface 2 Text Bold"; color: #fff; letter-spacing: normal; text-shadow: none; padding: 8px 25px; margin-right: 0;}
section#misc input[type=button].gettingin-btn-primary:hover{ background: #077eb1; box-shadow: 0 3px 0 #056e9b;}

@media screen and (max-width: 767px) {
	section#misc input.gettingin-btn-primary[type="button"], section#misc input.gettingin-btn-secondary[type="button"]{ font-size: 14px;}
}

@media screen and (max-width: 480px) {
	section#misc input[type=button].gettingin-btn-primary,
	section#misc input[type=button].gettingin-btn-secondary {
		float: none;
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 14px;
	}

	section#misc input[type=button].gettingin-btn-primary.small,
	section#misc input[type=button].gettingin-btn-secondary.small {
		font-size: 14px;
		line-height: 21px;
	}
	
}

.no-mid-content{ padding: 100px 0;}

/* Getting in feedback form styles */

@media screen and (max-width: 480px) {
	.panel-base.gi-participants {
		width: 100%;
		height: auto;
		padding: 0;
		border: 0 !important;
		background: none;
		box-shadow: none;
	}	
}

.feedback{ position: relative !important; left: 0 !important; top: 0 !important;}
.feedback .dialog-form input.default[type="button"]{ position: relative; margin: 0 !important; left: 50%; transform: translate(-50%,0);}
.feedback .dialog-form label{ margin-top: 11px;}

.gettingin-main-wrapper .panel-base.gi-participants .feedback-form-fields{ float: left; width: 100%;}
.feedback-form-fields input{ float: left; height: 30px; width: 20px; position: relative; top: -3px; left: -4px;}
feedback-form-fields label{ float: left; padding-left: 10px;}
.gap{ width: 100%; padding: 6px 0;}
ul.mc-feedback{ float: left; width: 100%; padding: 20px 0; margin: 0;}
ul.mc-feedback li{ float: left; width: 50%; padding: 0; margin: 0;}
ul.mc-feedback li:first-child { padding-right: 10px; }

.fback-btn{ float: left; width: 100%;}
.fback-btn input[type=button]{ margin: 0 !important; position: relative !important; left: 50% !important; transform: translate(-50%, 0); -webkit-translate(-50%, 0); top: 0 !important;}

#gi-feedback-form input[type="text"] {
	width: 100%;
}

#gi-feedback-form textarea {
	display: block;
	width: 100%;
	height: 62px;
	margin-bottom: 25px;
	padding: 7px;
	font-family: Arial;
	font-size: 13px;
	color: #555;
	border: 1px solid #cbcbcb;
}

#gi-feedback-form h4 {
	padding-bottom: 10px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 22px;
	letter-spacing: -0.02em;
}

@media screen and (max-width: 480px) {
	#gi-feedback-form h4 {
		padding-bottom: 15px;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
	}
	
	.gettingin-main-wrapper .panel-base.gi-participants textarea {
		height: 52px;
	}
	
	.gettingin-main-wrapper .panel-base.gi-participants label {
		font-size: 13px;
	}
	
	.gettingin-main-wrapper .feedback-form-fields input {
		margin-bottom: 28px;
	}
	
	.gettingin-main-wrapper ul.mc-feedback {
		padding: 0 0 20px 0;
	}
	
	.gettingin-main-wrapper ul.mc-feedback li {
		float: none;
		width: 100%;
	}
	
	ul.mc-feedback li:first-child {
		padding-right: 0;
	}
}


/* Rating stars */

span.customstars span.rateit-range {
    background: url(../images/staroff.png);
    height: 19px;
}

span.customstars span.rateit-hover,
span.customstars span.rateit-selected {
    background: url(../images/staron.png);
}

.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    cursor: pointer;
    vertical-align: top;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.rateit .rateit-range {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    height: 16px;
    outline: none;
}

.rateit .rateit-range * {
    display:block;
}

.rateit .rateit-hover, .rateit .rateit-selected {
    position: absolute;
    left: 0px;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {
    left: auto;
    right: 0px;
}

#feedback-thanks2 .gettingin-content-middle{ margin-top: 140px; margin-bottom: 60px;}
.gettingin-main-wrapper #feedback-thanks2 h3.doc-check{ padding-left: 0 !important; text-align: center; position: relative;}
.gettingin-main-wrapper h3.doc-check:before{ width: 62px; height: 66px; background: url(../images/getting-in-wizard-sprites.png) no-repeat -405px -73px; content: ""; position: absolute; left: 50%; top: 0; margin: -86px 0 0 -31px;}
.gettingin-validation-error{color:red;}
/* end gettingin */


/* embed registration */
.social-block{ /*float: left; width: 100%;*/ text-align: center; padding-bottom: 30px;}
/*.social-block a.btn-social{ display: inline-block; margin: 5px 8px;}*/

.social-block a.btn-social { display: none !important; margin: 5px 8px;}
.event-registration-title { display: none !important; }

/* Page conference */
.page-conference .social-block{ /*float: left; width: 100%;*/ text-align: center; display: inline-block; width: 100%; padding-bottom: 0;}
.page-conference .social-block h2{ float: left; margin: 7px 10px 0 0;}
.page-conference .social-block a.btn-social{ float: left;}

.fa.fa-facebook-square{ color: #335f9c;}
.fa.fa-twitter{ color: #16b3df;}

@media only screen and (max-width: 740px){
	.page-conference .social-block{ /*float: left; width: 100%;*/ text-align: center; display: block; width: 100%; padding-bottom: 30px;}
	.page-conference .social-block h2{ float: none; display: block; margin: 7px 10px 0 0;}
	.page-conference .social-block a.btn-social{ float: none; display: inline-block;}
}

@media only screen and (max-width: 410px){
	.social-block a.btn-social.facebook{ margin-left: 5px;}
	.social-block a.btn-social.google{ margin-left: 5px;}
}

@media only screen and (max-width: 888px){
	.msg-container.myaccount{ width: 100% !important; box-sizing: border-box;}
}

/* ICOMOON */
/*@font-face {
  font-family: 'mcicons';
  src:  url('../fonts/mcicons/mcicons.eot?ppmiml');
  src:  url('../fonts/mcicons/mcicons.eot?ppmiml#iefix') format('embedded-opentype'),
    url('../fonts/mcicons/mcicons.ttf?ppmiml') format('truetype'),
    url('../fonts/mcicons/mcicons.woff?ppmiml') format('woff'),
    url('../fonts/mcicons/mcicons.svg?ppmiml#mcicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
/*  font-family: 'mcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
/*  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-single:before {
  content: "\f007";
}
.icon-calendar-simple:before {
  content: "\f133";
}
.icon-pointer:before {
  content: "\f245";
}
.icon-checked:before {
  content: "\e903";
}
.icon-collapse:before {
  content: "\e904";
}
.icon-expand:before {
  content: "\e905";
}
.icon-fill-arrow:before {
  content: "\e906";
}
.icon-gear:before {
  content: "\e907";
}
.icon-grid:before {
  content: "\e908";
}
.icon-uncheck:before {
  content: "\e909";
}
.icon-keyboard_arrow_down:before {
  content: "\e10f";
}
.icon-keyboard_arrow_up:before {
  content: "\e112";
}
.icon-cross:before {
  content: "\e900";
}
.icon-loop2:before {
  content: "\e901";
}
.icon-checkmark:before {
  content: "\e902";
}
.icon-lifebuoy:before {
  content: "\e939";
}
.icon-check:before {
  content: "\f00c";
}
.icon-close:before {
  content: "\f00d";
}
.icon-trash-o:before {
  content: "\f014";
}
.icon-clock-o:before {
  content: "\f017";
}
.icon-refresh:before {
  content: "\f021";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-plus-circle:before {
  content: "\f055";
}
.icon-times-circle:before {
  content: "\f057";
}
.icon-check-circle:before {
  content: "\f058";
}
.icon-question-circle:before {
  content: "\f059";
}
.icon-info-circle:before {
  content: "\f05a";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-mail-forward:before {
  content: "\f064";
}
.icon-exclamation-circle:before {
  content: "\f06a";
}
.icon-eye:before {
  content: "\f06e";
}
.icon-exclamation-triangle:before {
  content: "\f071";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-phone:before {
  content: "\f095";
}
.icon-arrow-circle-right:before {
  content: "\f0a9";
}
.icon-chain:before {
  content: "\f0c1";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-trash:before {
  content: "\f1f8";
} */
/* end icomoon */


/* Craete Event by TJ */
.overlay-ce, .popup-overlay{ position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0 ,0 ,0 , 0.7);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.overlay-ce.ci5html-popup, .overlay-ce.ci5html-popup-mobile, .overlay-ce.call-conversion-popup, .overlay-ce.polldelete-popup, .overlay-ce.archive-polls-popup, .overlay-ce.poll-results, .overlay-ce.mc-offer-popup, .overlay-ce.create-event, .overlay-ce.activation-popup, .overlay-ce.pindelete-popup, .overlay-ce.audio-delete-popup, .overlay-ce.audio-request-popup, .overlay-ce.prem-audio-activation-popup, .popup-overlay{ opacity: 0; visibility: hidden;}

..overlay-ce, .call-conversion-popup .delete-loader, .polldelete-popup .delete-loader, .pindelete-popup .delete-loader, .audio-delete-popup .delete-loader, .prem-audio-activation-popup .delete-loader{ display: none;}
.popup-footer.enable-loader input{ opacity: 0.4; cursor: default;}
.call-conversion-popup .enable-loader .delete-loader, .polldelete-popup .enable-loader .delete-loader, .pindelete-popup .enable-loader .delete-loader, .prem-audio-activation-popup .enable-loader .delete-loader, .audio-delete-popup .enable-loader .delete-loader{ display: inline-block; position: relative; top: 3px;}

.overlay-ce.visible, .overlay-ce.call-conversion-popup.visible, .overlay-ce.polldelete-popup.visible, .overlay-ce.archive-polls-popup.visible, .overlay-ce.poll-results.visible, .overlay-ce.mc-offer-popup.visible, .overlay-ce.create-event.visible, .overlay-ce.activation-popup.visible, .overlay-ce.pindelete-popup.visible, .overlay-ce.audio-delete-popup.visible, .overlay-ce.audio-request-popup.visible, .overlay-ce.prem-audio-activation-popup.visible, .popup-overlay.visible{ opacity: 1 !important; visibility: visible !important;}
.mc-popup, .popup-type-form{ width: 100%; max-width: 760px; min-height: 400px; background: #fff; border-radius: 4px; position: absolute; z-index: 999999; margin: auto; left: 50%; top: 50%; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); transform: translate(-50%,-50%);}
.ci5html-popup-mobile .mc-popup, .ci5html-popup .mc-popup, .call-conversion-popup .mc-popup, .polldelete-popup .mc-popup, .pindelete-popup .mc-popup, .audio-delete-popup .mc-popup, .audio-request-popup .mc-popup{ max-width: 530px; min-height: 200px;}
.polldelete-popup p,.pindelete-popup p, .audio-delete-popup p{ min-height: 75px;}
.mc-popup *{ box-sizing: border-box;}
.mc-popup p{ font-size: 14px !important; margin-bottom: 20px !important; line-height: 20px !important;}
.mc-popup p.stream-note{ /*padding-left: 23px;*/ position: relative;}
/*.mc-popup p.stream-note:before{ position: absolute; font: normal 18px "mcicons"; content: "\f05a"; left: 0; top: 0; margin: 0 0 0;}*/
.mc-popup, .popup *{ box-sizing: border-box;}
.mc-offer-popup .popup-footer .presentersPinListLoading{ position: relative; top: 7px;}
.mc-offer-popup .mc-popup {min-height: 300px;}
.popup-header{ float: left; width: 100%; background: #556067; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 15px 25px;}
.popup-header h1{ font: normal 16px "Neutraface 2 Text Bold" !important; color: #aab7c0 !important; text-transform: uppercase; padding: 0 !important; margin: 0 !important; float: left; letter-spacing: normal !important;}
.popup-header span.icon-close{ color: #838f97; float: right; cursor: pointer; padding: 1px 3px; font-family: mcicons !important;}
.popup-header span.icon-close:hover{ color: #ff5656;}

.popup-content{ float: left; width: 100%; padding: 22px 25px 0 25px;}
.popup-content .row{ float: left; width: 100%; padding: 0 0 26px;}
.popup-content .row .inner-row{ padding: 16px 0 0 28px; float: left; width: 100%;}
.popup-content label{ font: normal 13px "Neutraface 2 Text Bold"; color: #627480; text-transform: uppercase; display: inline-block; margin: 0 0 5px;}
.popup-content i.icon-info-circle{ font-size: 16px;}
span.tip{ background: rgba(0, 0, 0, 0) url("../../../themes/maestroconference/images/icon-sprite.png") no-repeat scroll 0 -70px; display: inline-block; height: 15px; left: 6px; position: relative; top: 2px; transition: none 0s ease 0s; width: 15px;}
span.tip strong{ background: #4bacdd none repeat scroll 0 0; border-radius: 4px; bottom: 0; color: #fff; font: 11px/15px Arial; left: 50%; margin: 0 0 24px -113px; opacity: 0; padding: 12px; position: absolute; text-align: center; visibility: hidden; width: 227px;}
span.tip strong:before{ background: rgba(0, 0, 0, 0) url("../../../themes/maestroconference/images/icon-sprite.png") no-repeat scroll 0 -255px; bottom: 0; content: ""; height: 6px; left: 50%; margin: 0 0 -6px -6px; position: absolute; width: 11px;}
span.tip:hover{ background-position: 0 -95px; cursor: default;}
span.tip:hover strong{ visibility: visible; opacity: 1; alpha(opacity=100);}
.popup-content .event-name input{ float: left; width: 100%; font: normal 38px "Neutraface 2 Text Demi"; color: #505050; border: 0; border-bottom: 1px dashed #b4bcc5; border-radius: 0; padding: 0;}
.popup-content input.validation-error{ border: 2px solid #e14e3f; background: #ffeeea;}
.popup-content .event-name input.validation-error{ border: 0; border-bottom: 2px dashed #e14e3f; background: #fff;}

.popup-content .full-field{ float: left; width: 100%;}
.popup-content input, .popup-content textarea{ border: 1px solid #cbd3d7; border-radius: 3px; color: #505050; font: normal 14px Arial; padding: 6px 10px !important; width: 50%; margin: 0 !important; resize: none;}
.popup-content .half-page input, .popup-content .field-full input, .popup-content .field-full textarea{ width: 100%;}
.popup-content textarea{ height: 90px;}
.popup-content .half-page:nth-of-type(odd){ padding-right: 11px; padding-left: 0;}
.popup-content .half-page:nth-of-type(even){ padding-left: 11px; padding-right: 0;}
.popup-content .validation-error input{ border-color: #e14e3f !important; background: #ffeeea !important;}

.popup-content .col1{ width: 26%; position: relative;}
.popup-content .col2{ width: 40%;}
.popup-content .col3{ width: 34%;}

.popup-content .col1 input{ width: 85%;}
.popup-content .col3 select{ width: 130px;}
.popup-content .col1, .popup-content .col2, .popup-content .col3{ float: left; padding: 0 20px 0 0;}
.popup-content .col1 label, .popup-content .col2 label, .popup-content .col3 label{ display: block;}
.popup-content .col1 select, .popup-content .col2 select, .popup-content .col3 select{ border: 1px solid #cbd3d7; border-radius: 3px; color: #565656; float: left; font: 13px Arial; height: auto; margin: 0; padding: 6px 5px 5px;}

.popup-content .col1 input{ cursor: default; position: relative; background: none;}
.popup-content .col1:before{ content: "\f073"; position: absolute; right: 39px; top: 0; background: #a1adb6; color: #a1adb6; font-family: mcicons; color: #fff; margin: 22px 5px 0 0; width: 32px; height: 31px; font-size: 17px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; line-height: 31px; text-indent: 8px;}

.popup-content span.ui-spinner.ui-widget.ui-widget-content.ui-corner-all{ float: left; width: 30%; margin-right: 12px; border-radius: 3px !important; border-color: #cbd3d7;}
.popup-content span.ui-spinner.ui-widget.ui-widget-content.ui-corner-all input{ width: 100%; border: 0;}

.popup-content input[type=radio]{ width: auto; display: inline-block; display: none;}
.popup-content input[type=radio] + label:before{ width: 17px; height: 17px; display: inline-block; content: ""; ; border-radius: 100px; box-shadow: 0 0 0 1px #bbb inset; margin: 0 7px 0 10px; position: relative; top: 4px;}
.popup-content input[type=radio]:checked + label:before{ box-shadow: 0 0 0 5px #4bacdd inset;}

.popup-content .row.inline-field .form-field{ width: auto; display: inline-block;}
.popup-content .row.inline-field .form-field input{ margin: 0 0 0 5px;}

.popup-footer{ float: left; width: 100%; text-align: right; padding: 0 25px 25px;}
.popup-footer input{ display: inline-block; border-radius: 50px !important; border: 2px solid #a1adb6 !important; padding: 5px 15px !important; font: normal 15px "Neutraface 2 Text Demi" !important; color: #a1adb6 !important; cursor: pointer; background: #fff !important; text-transform: uppercase !important; margin: 0 0 0 5px !important;box-shadow: none !important; text-shadow: none !important; letter-spacing: normal !important;}
.popup-footer input:hover{ background: #4bacdd !important; border-color: #4bacdd !important; color: #fff !important;}

.popup-close{ float: left; width: 100%; margin: 0 0 20px;}
.popup-close a{ color: #a8a8a8; float: right; font-size: 12px; margin: 10px -43px 0 0;}
.popup-close a:hover{ color: #777;}
.popup-type-form{ border-radius: 4px; max-width: 488px; box-sizing: border-box; padding: 0 55px 25px; text-align: center; /*transform: scale(0.97); -webkit-transform: scale(0.97);*/ margin-top: 10px;
	background-image: -webkit-linear-gradient( top, #ebebeb, #d6d6d6 );
	background-image:    -moz-linear-gradient( top, #ebebeb, #d6d6d6 );
	background-image:     -ms-linear-gradient( top, #ebebeb, #d6d6d6 );
	background-image:         linear-gradient( top, #ebebeb, #d6d6d6 );
}
.popup-type-form form{ padding: 30px 0 0; float: left; width: 100%;}
.popup-type-form h2, .popup-type-form h3, .popup-type-form p{ padding: 0; margin: 0;}
.popup-type-form h3{ font: normal 36px "Neutraface 2 Text Bold"; color: #228abe; text-shadow: 0 0 1px #fff;}
.popup-type-form strong{ font: normal 19px "Neutraface 2 Text Demi"; color: #808486; display: block; padding: 3px 0 0;}
.popup-type-form h2.popup-logo{ padding: 0 0 25px}
.popup-type-form ul{ list-style-type: none; padding: 0; margin: 0; float: left; width: 100%;}
.popup-type-form ul li{ position: relative; float: left; width: 100%; padding: 10px 0; margin: 0;}
.popup-type-form label{ display: block; font: normal 19px "Neutraface 2 Text Demi"; color: #808486; padding: 0 0 4px; text-align: left;}
.popup-type-form input[type=text], .popup-type-form input[type=email], .popup-type-form input[type=password]{ font: normal 19px "Neutraface 2 Text Demi"; color: #444; padding: 7px 12px; border: 1px solid #bfc6ca; border-radius: 4px; background: #fff; float: left; width: 100%; text-align: left; box-sizing: border-box;}
.popup-type-form input.empty{ box-shadow: inset 0 0 0 2px #f1233b;}
.popup-type-form input.empty + em{ display: block;}
.popup-type-form li span{ width: 48%; float: left; position: relative;}
.popup-type-form li span:nth-of-type(2){ float: right;}
.popup-type-form input[type=submit]{ border-radius: 4px; border: 1px solid #0c6db1; padding: 8px; float: left; width: 100%; text-align: center; font: normal 19px "Neutraface 2 Text Bold"; color: #fff; box-shadow: 0 1px 0 #55b4d9 inset; text-transform: uppercase; margin: 15px 0 0; cursor: pointer;
	background-image: -webkit-linear-gradient( top, #1095c9, #1e7ab9 );
	background-image:    -moz-linear-gradient( top, #1095c9, #1e7ab9 );
	background-image:     -ms-linear-gradient( top, #1095c9, #1e7ab9 );
	background-image:         linear-gradient( top, #1095c9, #1e7ab9 );	
}
.popup-type-form small{ float: left; width: 100%; font: normal 13px Arial; color: #7d8183; padding: 12px 0 0;}
.popup-type-form small a{ color: #228abe;}
.popup-type-form small a:hover{ text-decoration: underline;}
.popup-type-form ul li em{ display: none; font: bold 11px Arial; color: #f1233b; float: right; width: 100%; text-align: right; text-transform: uppercase; padding: 0 2px;}
.popup-type-form ul li em a{ text-decoration: underline;}
.popup-type-form li span em{ margin-bottom: -18px;}

.signup-popup{ position: fixed; background: none;}
.signup-popup:before{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; position: fixed; content: "";}

/* Activation Popup */
.overlay-ce.activation-popup .popup{ max-width: 600px;}

::-webkit-input-placeholder { color: #aaa;}
:-moz-placeholder { /* Firefox 18- */ color: #aaa; }
::-moz-placeholder {  /* Firefox 19+ */ color: #aaa;}
:-ms-input-placeholder {  color: #aaa;}

/* Messages Style */
.message{ float: left; width: 100%; box-sizing: border-box; border: 2px solid #ddc74b; background: #fdf5c6; font: normal 13px "Arial"; color: #8b780a; padding: 18px 15px 13px 16px; border-radius: 7px; margin: 0 0 20px;}
.message *{ box-sizing: border-box;}
.message:before{ float: left; margin: -8px 7px 0 0; font: normal 28px "mcicons";}
.message.alert:before{ color: #ddc74b; content: "\f06a";}
.message.alert, .message.alert a{ color: #8b780a !important;}

.message.success{ background: #d6ffca; border: 2px solid #56c833;}
.message.success:before{ color: #56c833; content: "\f058";}
.message.success, .message.success a{ color: #3e9e32 !important;}

.message.merror{ background: #fce4dc; border: 2px solid #e14e3f;}
.message.merror:before{ color: #eb594a; content: "\f057";}
.message.merror, .message.merror a{ color: #c84b3e !important;}

.message ul{ padding: 5px 0 0 35px;}
.message ul li{ position: relative; padding: 3px 0 0 10px; font-size: 12px;}
.message ul li:before{ position: absolute; left: 0; top: 3px; width: 4px; height: 4px; border-radius: 20px; background: #c84b3e; content: ""; margin: 6px 0 0 0;}

/* temporary button css for switching theme old/new */
.full-wrapper{ width: 100%; display: inline-block; margin: 0 auto; padding: 0 5px; box-sizing: border-box;}
.switch-btn{ float: right; background: #4bacdd; font: normal 12px Arial; color: #fff !important; text-align: center; padding: 7px 15px; text-decoration: none; border-radius: 30px; margin-bottom: 5px; box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1) inset;}
.switch-btn:hover{ background: #55b8ea;}

/* Tahir - Connection assistant info message*/
.message-alert{ border-radius: 5px; color: #fff; font: normal 15px Arial; padding: 15px 25px 10px 57px; max-width: 700px; margin: 0 auto 15px auto; background: url(../images/msg-alert-icon.png) no-repeat 15px 13px #4799c6;}
.message-alert h5{ font: normal 17px "Neutraface 2 Text Bold"; text-transform: uppercase;}
.message-alert p{ padding: 8px 0; line-height: 18px !important; margin: 0 !important;}
.message-alert a{ color: #ffffff !important; text-decoration: underline !important; font-weight: bold !important;}

/* */
section#misc .preview-table p.data-center{ text-align: left !important; width: 250px; margin: 0 auto; margin-bottom: 9px;}
section#misc .preview-table p.data-center em{ font-style: normal; color: #8c9091; font-weight: bold;}
section#misc .preview-table p.data-center small{ display: block; color: #8c9091; font-size: 11px; text-indent: 17px;}


#-customer-first-access-form{ width: 100%; max-width: 650px; margin: 0 auto;}
#-customer-first-access-form h1{ text-align: center; color: #228abe !important; font: normal 45px "Neutraface 2 Text Bold" !important; text-transform: none !important;}
#-customer-first-access-form h1 + div{ text-align: center;}
#-customer-first-access-form h3{ width: 100%; max-width: 385px; margin: 0 auto; text-align: center;}
#-customer-first-access-form .form-item{ width: 100%; max-width: 362px; margin: 10px auto;}
section#misc .customer-first-access-form input[type="text"]{ padding: 10px; line-height: 18px; font-size: 15px; max-width: 340px;}
section#misc .customer-first-access-form .icon-alert-badge{ display: none;}
#-customer-edit-form label #customer-persona, #-customer-first-access-form label #customer-persona{ display: inline-block; margin-right: 6px;}
#-customer-edit-form label span.form-required, #-customer-first-access-form label span.form-required{ margin: 0 3px;}
#-customer-edit-form input[type=text], #-customer-first-access-form input[type=text]{ width: 100%; max-width: 380px; margin: 5px 5px 5px 0 !important;}
#-customer-first-access-form input[type=text]{ max-width: 344px;}
#-customer-first-access-form select{ max-width: 362px !important;}
#-customer-edit-form select, #-customer-first-access-form select{ height: auto !important; padding: 7px 8px; width: 100%; max-width: 398px; margin: 5px 5px 5px 0 !important;}
#-customer-edit-form .form-radios{ padding-bottom: 10px;}
.customer-first-access-form .ui-selectmenu-button{ margin-bottom: 0;}
#-customer-first-access-form.customer-first-access-form input[type=text]{ margin: 0px 5px 4px 0 !important;}

section#misc #-customer-first-access-form input[type="submit"]{ margin: 25px auto 0; width: 100%; max-width: 220px; display: block; border: 1px solid #0c6db1; box-shadow: 0 1px 0 #55b4d9 inset; line-height: 27px; font-size: 20px; letter-spacing: normal;
	background-image: -webkit-linear-gradient( top, #1195c8, #1e7ab9 );
	background-image:    -moz-linear-gradient( top, #1195c8, #1e7ab9 );
	background-image:     -ms-linear-gradient( top, #1195c8, #1e7ab9 );
	background-image:         linear-gradient( top, #1195c8, #1e7ab9 );
}
section#misc #-customer-first-access-form input[type="submit"]:hover{ opacity: 0.95;}
section#misc #-customer-first-access-form input[disabled=""], section#misc #-customer-first-access-form input[disabled=""]:hover{ opacity: .4; cursor: default !important; background-image: none !important; background-color: #aaa !important; border-color: #888 !important; box-shadow: 0 1px 0 #ddd inset !important; text-shadow: 0 -1px #666;}

#edit-persona option, #edit-event-size option { color: black; }
#edit-persona option:first-child, #edit-event-size option:first-child, .disabled { color: rgba(153, 153, 153, 0.84); }

#edit-persona-wrapper,
#edit-event-size-wrapper,
#edit-role-wrapper {
	position: relative;
}

#edit-persona-wrapper:after,
#edit-event-size-wrapper:after,
#edit-role-wrapper:after { /* Required asterisks */
	content: "*";
	display: block;
	position: absolute;
	top: 16px;
	right: -17px;
	font-size: 23px;
	color: red;
}

#edit-persona-wrapper:after { top: 27px; }

.page-customer #edit-persona-wrapper:after,
.page-customer #edit-event-size-wrapper:after {
	display: none;
}

/* Conference Edit pages Modal popup box for SW auto login link */
/* Preloader */
.preload-clearfix{ clear: both;}

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    z-index:99; /* makes sure it stays on top */
    opacity: 0.95;
    background: rgba(0 ,0 ,0 , 0.7);
}
.preload-box{ width: 400px; padding: 20px; border-radius: 4px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: -1px 1px 3px rgba(0,0,0,0.4);
    background: eee; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #eee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #eee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #eee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #eee); /* Standard syntax */
}
.loading-text {font-weight: bold; font-family: Arial;}
#preload-spinner{ margin: -18px 0 0;}
.preload-box h4{ padding: 0 0 20px; margin: 0; font: normal 18px Arial; color: #333;}
#preload-text { float: left; width: 85%; border: 1px solid #bbb; font: normal 14px Arial; padding: 7px 10px; box-sizing: border-box; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.preload-btn-copy{ float: right; width: 15%; background: #a1adb6; border-top-right-radius: 3px; border-bottom-right-radius: 3px; color: #fff; font: normal 14px Arial; padding: 8px; text-align: center; box-sizing: border-box;}
.preload-btn-close{ float: right; background: #666; color: #fff; font: normal 14px Arial; padding: 9px 25px; border-radius: 4px; margin: 15px 0 0;}
.preload-box .icon-cross{ position: absolute; top: 0; right: 0; margin: 10px 10px 0 0; font-size: 11px; color: #999;}
.preload-box .icon-cross:hover{ color: #666;}
.openlnk{ float: left; margin: 5px 0 0;}
.openlnk a{ color: #228abe; font: normal 13px Arial;}
/* END */


/*Adding diego's css for access plan pages*/

#accordion div { padding: 30px !important; }

.multi-column {
	-webkit-column-count: 5;
	   -moz-column-count: 5;
	    -ms-column-count: 5;
	        column-count: 5;
	 -webkit-column-rule: 1px solid #ebebeb;
	    -moz-column-rule: 1px solid #ebebeb;
	     -ms-column-rule: 1px solid #ebebeb;
	         column-rule: 1px solid #ebebeb;
	-webkit-column-gap: 3em;
	   -moz-column-gap: 3em;
	    -ms-column-gap: 3em;
	        column-gap: 3em;
}

#accordion h4 {
	margin: 10px 0 4px 0;
	font-family: "Neutraface 2 Text Bold";
	font-size: 17px;
	line-height: 1.2;
}

#accordion h4.first, #accordion h4:first-child { margin-top: 0; }

section#misc #accordion p {margin-bottom: 0;}

#accordion ol { padding: 20px 0 20px 35px; }

.flag-icon {
	width: 1.0em !important;
	margin-right: 5px;
}

/* Access plan pages css end */




.page-conference .ui-widget {
    font-family: Helvetica;
    font-size: 15px;
}

.page-conference .ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin-bottom: 22px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px !important;
    outline: none;
}

.page-conference .ui-selectmenu-button:hover { background: #fff !important; }

.page-conference .ui-selectmenu-menu {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    border: 1px solid #BFC6CA;
    background: #fff;
    color: #000;
	/*margin: 10px 0 0 -40px;*/
}

.page-conference .ui-selectmenu-menu {
    border: 2px solid #bdbec0; border-radius: 6px;
    background: #fff;
	margin: 0;
	max-height: 400px; 
	margin: 0 0 0 -40px !important;
}

.dropdown-pointer{ position: relative;}
.dropdown-pointer:before{ background: url("/sites/all/themes/maestroconference/images/myaccount-sprites.png") no-repeat -29px -155px; margin: -27px 0 0 60px; position: absolute; content: ""; width: 17px; height: 9px; z-index: 999;}

.page-conference .ui-selectmenu-open {
    display: block;
}

.page-conference .ui-icon-triangle-1-s {
    /*position: absolute;
    right: 11px;*/
    left: auto;
    margin-top: -2px;
    /*top: 50%;*/
    width: 0;
    /*height: 0;*/
    /*border-style: solid;
    border-width: 7px 6.5px 0 6.5px;
    border-color: #999fa2 transparent transparent transparent;*/
}

#accordion.customer-access h3.ui-state-default.ui-state-hover span.ui-icon {
	/*background: url("../images/main-sprites.png") no-repeat -408px -218px;*/
}

.page-conference .ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 10px 33px 10px 10px;
    display: block;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
/* 	white-space: nowrap; */
}

.page-conference .ui-state-default,
.page-conference .ui-widget-content .ui-state-default,
.page-conference .ui-widget-header .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #fff;
    color: #000;
}

.page-conference .ui-menu-item.ui-state-hover,
.page-conference .ui-menu-item.ui-state-focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #000;
}

.page-conference .ui-front { z-index: 100; }

.page-conference .ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 5px 10px;
    cursor: pointer;
	font-size: 13px;
}

.page-conference .ui-menu .ui-state-focus,
.page-conference .ui-menu .ui-state-active {
    /*margin: -1px;*/
}

.page-conference .ui-state-disabled.ui-menu-item { color: #aaa; }


/* Work For sorting*/

.iconBox {
    float: right;
    /* display: table; */
    width: 15px;
}

span.icnItem {
    display: block;
    width: auto;
    font-size: 8px;
    text-align: center;
}

span.icnItem.icon-fill-arrow {
    font-size: 4px;
    margin-top: 2px;
}

.headerSortUp span.icnItem.icon-fill-arrow-up,
.headerSortDown span.icnItem.icon-fill-arrow-down {
    display: none;
}
.headerSortDown .iconBox,
.headerSortUp .iconBox{
	height: 18px;
	line-height: 18px;
}
.headerSortDown span.icnItem.icon-fill-arrow-up,
.headerSortUp span.icnItem.icon-fill-arrow-down{
	display: inline-block;
}
.table-wrapper table th.headerSortDown,
.table-wrapper table th.headerSortUp{
	background: #bac0c4;
}

.activeCallMessage {
	display: inline-block;
    padding: 8px 15px;
    /*background-color: #eb893a;*/
    border-radius: 5px;
    /*color: #fff;*/
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 24px;
}

.activeCallMessage .fa-exclamation-circle {
	margin-right: 10px;
    color: #eb893a;
    font-size: 25px;
    vertical-align: middle;
}

.activeCallMessagePin {
	margin-right: 10px; 
	color: #eb893a;
	font-size: 30px; 
	vertical-align: middle;
}


/* Selectmenu for welcome page*/

.page-welcome .ui-widget {
    font-family: Helvetica;
    font-size: 15px;
}

.page-welcome .ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px !important;
    outline: none;
}

.page-welcome .ui-selectmenu-button:hover { background: #fff !important; }

.page-welcome .ui-selectmenu-menu {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    border: 1px solid #BFC6CA;
    background: #fff;
    color: #000;
}

.page-welcome .ui-selectmenu-open {
    display: block;
}

.page-welcome .ui-icon-triangle-1-s {
    position: absolute;
    right: 11px;
    left: auto;
    margin-top: -2px;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6.5px 0 6.5px;
    border-color: #999fa2 transparent transparent transparent;
}

.page-welcome .ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 10px 33px 10px 10px;
    display: block;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
/* 	white-space: nowrap; */
}

.page-welcome .ui-state-default,
.page-welcome .ui-widget-content .ui-state-default,
.page-welcome .ui-widget-header .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #fff;
    color: #000;
}

.page-welcome .ui-menu-item.ui-state-hover,
.page-welcome .ui-menu-item.ui-state-focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #000;
}

.page-welcome .ui-front { z-index: 100; }

.page-welcome .ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 6px 10px;
    cursor: pointer;
}

.page-welcome .ui-menu .ui-state-focus,
.page-welcome .ui-menu .ui-state-active {
    margin: -1px;
}

.page-welcome .ui-state-disabled.ui-menu-item { color: #aaa; }

.page-welcome .required-error .ui-selectmenu-button{ border-color: #e93f36;}
.page-welcome .required-span{ display: block; font-size: 12px; color: #e93f36;}


#-conference-add-new-form .date-spacer{
  margin-right: 8px;
  margin-left: 1px;
  margin-top: 10px;
}

#-conference-add-form .date-spacer{
  margin-top: 35px !important;
  margin-right: 8px !important;
}

/* gettingin hangouts */

.gettingin-container.hangouts .instructions {
	padding-top: 20px;
	padding-left: 85px;
}

@media (max-width: 470px) {
	.gettingin-container.hangouts .instructions {
		padding-left: 20px;
	}
}

.gettingin-container.hangouts strong {
	display: inline;
	font-size: inherit !important;
}

.gettingin-container.hangouts ol li {
	position: relative;
	list-style-type: none;
	margin-bottom: 17px;
}

.gettingin-container.hangouts ol span {
	display: block;
	position: absolute;
	top: -1px;
	left: -35px;
	width: 22px;
	height: 22px;
	padding-left: 1px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 22px;
	border-radius: 50px;
	background-color: #bfc6ca;
}

.gettingin-container.hangouts img {
	display: block;
	margin: 20px 0;
}

.gettingin-container.hangouts .gettingin-footer { padding-top: 0; }

@media (max-width: 694px) {
	.hangouts-img-3 {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 499px) {
	.hangouts-img-1, .hangouts-img-2, .hangouts-img-5, .hangouts-img-6 {
		width: 100%;
		height: auto;
	}
}