@import
	url("//fast.fonts.net/t/1.css?apiType=css&projectid=f403876e-f022-49f7-8652-ab2efbb0d8bb")
	;

@font-face {
	font-family: "Slate W01_R2";
	src: url("fonts/3dc533c3-745d-41d7-9d0a-165a623cec9b.eot?#iefix")
		format("eot")
}

@font-face {
	font-family: "Slate W01";
	src: url("fonts/3dc533c3-745d-41d7-9d0a-165a623cec9b.eot?#iefix");
	src: url("fonts/3dc533c3-745d-41d7-9d0a-165a623cec9b.eot?#iefix")
		format("eot"), url("fonts/8d90dadd-915f-4838-b610-4fb8cad8a324.woff")
		format("woff"), url("fonts/90fe9ab9-afc5-43ca-9bb7-564a82045808.ttf")
		format("truetype"),
		url("fonts/90170f09-fd56-4d81-9183-89f4d3023375.svg#90170f09-fd56-4d81-9183-89f4d3023375")
		format("svg");
	font-weight: 200;
	font-style: Regular
}

@font-face {
	font-family: "Slate W02_R4";
	src: url("fonts/3f29ff45-96ba-4d74-81a0-aab57678f9ae.eot?#iefix")
		format("eot")
}

@font-face {
	font-family: "Slate W02";
	src: url("fonts/3f29ff45-96ba-4d74-81a0-aab57678f9ae.eot?#iefix");
	src: url("fonts/3f29ff45-96ba-4d74-81a0-aab57678f9ae.eot?#iefix")
		format("eot"), url("fonts/fa0a7352-96a0-4456-90fc-1172077fb867.woff")
		format("woff"), url("fonts/320893a4-be06-4426-965c-89f8fc9be5a0.ttf")
		format("truetype"),
		url("fonts/b761e278-26a5-42f8-872a-cc207483925b.svg#b761e278-26a5-42f8-872a-cc207483925b")
		format("svg");
	font-weight: 400;
	font-style: Regular
}

@font-face {
	font-family: "Slate W01_B7";
	src: url("fonts/fce4d9fd-68c9-4ad9-b540-f7f958aaa7c7.eot?#iefix")
		format("eot")
}

@font-face {
	font-family: "Slate W01";
	src: url("fonts/fce4d9fd-68c9-4ad9-b540-f7f958aaa7c7.eot?#iefix");
	src: url("fonts/fce4d9fd-68c9-4ad9-b540-f7f958aaa7c7.eot?#iefix")
		format("eot"), url("fonts/2ba90e1d-8ec8-4aa3-b82d-e77ab3f6fdda.woff")
		format("woff"), url("fonts/56e9b083-e986-47d7-bfc8-da81847feb7a.ttf")
		format("truetype"),
		url("fonts/db978b75-1d87-4a94-98f8-4f05471202da.svg#db978b75-1d87-4a94-98f8-4f05471202da")
		format("svg");
	font-weight: 700;
	font-style: Bold 
}

body, input, textarea {
	font-family: 'Slate W01', sans-serif
}

.user * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.user {
	background: #f5f5f5
}

.user body {
	background: 0 0
}

.user input, .user select, .user textarea {
	font-family: 'Slate W01', sans-serif
}

.user h1 {
	font-size: 24px;
	color: #3c3c3c;
	line-height: 30px;
	font-weight: 700
}
 
.user h2, .user h3 {
	font-size: 20px;
	color: #3c3c3c;
	font-weight: 700;
	line-height: 20px
}

.user p, .user span {
	font-size: 14px;
	line-height: 20px;
	color: #5a5a5a
}
 
.user h2 a, .user p a, .user b a, span a, .user small a {
	color: #76b5c0
}

.user h2 a:hover, .user p a:hover, .user b a, span a:hover, .user small a:hover
	{
	text-decoration: underline
}

.user select {
	display: block;
	font-size: 14px;
	background: #fff;
	color: #3c3c3c;
	border: solid 1px #e1e1e1;
	text-align: left;
	line-height: 40px;
	height: 40px;
	border-radius: 3px;
	cursor: pointer;
	padding: 0 10px;
	background: url(../img/down.png) no-repeat center right 10px;
	font-weight: 400;
	-moz-appearance: none;
	text-indent: .01px;
	text-overflow: '';
	-webkit-appearance: none;
	-webkit-transition: background .2s;
	transition: background .2s
}

.user select:hover {
	background-color: #f5f5f5;
	text-decoration: none
}

.user input {
	outline: none;
	box-shadow: none;
	background: #f5f5f5;
	border: solid 1px #e1e1e1;
	height: 20px;
	padding: 10px 15px
}

.user input, .user .button {
	font-size: 14px;
	border-radius: 3px
}

.user .button {
	display: block;
	background: #76b5c0;
	box-shadow: 0 1px 3px #e1e1e1;
	color: #fff;
	text-align: center;
	line-height: 40px;
	padding: 0 40px;
	cursor: pointer;
	font-weight: 700
}

.user .button:hover {
	background: #4BA5B4;
	text-decoration: none
}

.user .button.light {
	float: left;
	width: 100%;
	height: 38px;
	padding: 0;
	background: #fff;
	color: #3c3c3c;
	border: solid 1px #e1e1e1;
	box-shadow: none
}

.user .button.light:hover {
	background: #f5f5f5
}

.user header {
	width: 880px; 
	margin: 40px auto 8px;
	padding: 0 40px;
	border-bottom: solid 1px #e1e1e1;
	color: #3c3c3c
}
  
.user header .logo {
	float: left;
	width: 50px;
	height: 50px;  
	background: url(10.png) no-repeat center
}

.user header nav {
	float: left;
	margin-left: 20px
}

.user header nav a {
	float: left;
	line-height: 40px;
	margin-left: 25px;
	color: #5a5a5a;
	font-size: 14px;
	font-weight: 700;
	border-bottom: solid 2px transparent;
	padding-bottom: 20px;
	margin-bottom: -1px;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s
}

.user header nav a.active, .user header nav a:hover {
	color: #3c3c3c;
	border-bottom-color: #76b5c0
}

.user header nav a i {
	width: 16px;
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	float: right;
	text-align: center;
	line-height: 15px;
	color: #fff;
	background: #76b5c0;
	border-radius: 3px;
	margin-left: 5px;
	margin-top: 13px
}

.user header .account-nav {
	float: right;
	position: relative;
	width: 180px;
	cursor: pointer; 
	background: url(down.png) no-repeat right
} 

.user header .account-nav>img {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	margin-right: 20px
}

.user header .account-nav>h2 {
	font-size: 14px !important
}

.user header .account-nav>h2, .user header .account-nav>p {
	width: 140px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	float: left
}

.user header .account-nav .menu {
	position: absolute;
	top: 40px;
	right: 0;
	width: 160px;
	padding: 10px 0;
	background: rgba(31, 32, 33, .92);
	border-radius: 3px;
	border: none;
	box-shadow: 0 1 3px rgba(0, 0, 0, .3);
	z-index: 99;
	display: none
}

.user header .account-nav .menu a {
	float: left;
	width: 120px;
	line-height: 40px;
	padding: 0 20px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	-webkit-transition: background .2s;
	transition: background .2s
}

.user header .account-nav .menu a img {
	margin-right: 10px
}

.user header .account-nav .menu a:hover {
	background: #76b5c0;
	text-decoration: none
}

.user header .account-nav:hover .menu {
	display: block
}

.user main, .user .resolving-mask {
	width: 960px;
	margin: 0 auto
}

.user .resolving-mask {
	height: 460px;
	text-align: center
}

.user .resolving-mask .helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.user .resolving-mask img {
	vertical-align: middle
}

.user .resolving main {
	display: none
}

.user main>.description {
	width: 100%;
	float: left;
	margin: 30px 0 40px;
	text-align: center
}

.user main>.description img {
	margin-bottom: 20px
}

.user main>.description h1, .user main>.description p {
	text-align: center;
	line-height: 20px;
	margin-bottom: 10px
}

.user main>.description p {
	font-size: 18px
}

.user main section {
	padding: 40px;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 1px 3px #f0f0f0;
	border: solid 1px #e1e1e1;
	display: block
}

.user main section .description {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	height: 40px
}

.user main section .description>div {
	float: left;
	width: 320px
}

.user main.dashboard section.overview {
	float: left;
	width: 560px;
}

.user main.dashboard section.overview .description .options {
	float: right;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	width: 172px
}

.user main.dashboard section.overview .description .options a {
	float: right;
	width: 40px;
	height: 400px; 
	border-radius: 0;
	border: none;
	-webkit-transition: background .2s;
	transition: background .2s
}

.user main.dashboard section.overview .description .options a.edit {
	background: url(../img/edit.png) no-repeat left 20px center;
	font-size: 14px;
	padding: 0 20px 0 30px
}

.user main.dashboard section.overview .description .options a.settings {
	background: url(../img/settings.png) no-repeat center;
	border-right: solid 1px #e1e1e1
}

.user main.dashboard section.overview .description .options a.share {
	background: url(../img/share.png) no-repeat center;
	border-right: solid 1px #e1e1e1
}

.user main.dashboard section.overview .description .options a.share.disabled
	{
	background-color: inherit;
	cursor: initial
}

.user main.dashboard section.overview .description .options a:hover {
	background-color: #f5f5f5
}

.user main.dashboard section.overview .webshot {
	float: left;
	width: 560px;
	 
	border-radius: 3px;
	overflow: hidden
}

.user main.dashboard section.overview .webshot img {
	width: 100%
}

.user main.dashboard section.overview .webinfo {
	float: left;
	width: 100%;
	height: 40px;
	margin-top: 20px
}

.user main.dashboard section.overview .webinfo .info {
	float: left;
	width: 280px
}

.user main.dashboard section.overview .webinfo .info .weblink {
	float: left;
	width: 100%;
	line-height: 20px;
	color: #3c3c3c;
	font-size: 14px;
	font-weight: 700
}

.user main.dashboard section.overview .webinfo .info .weblink:hover {
	text-decoration: underline
}

.user main.dashboard section.overview .webinfo .info .weblink img {
	margin-right: 8px
}

.user main.dashboard section.overview .webinfo .info .status {
	float: left;
	line-height: 20px
}

.user main.dashboard section.overview .webinfo .info .status img {
	margin-right: 8px
}

.user main.dashboard section.overview .webinfo .info .status.configure-domain img
	{
	padding-bottom: 3px;
	vertical-align: middle
}

.user main.dashboard section.overview .webinfo .info .plan {
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	border-left: solid 1px #e1e1e1
}

.user main.dashboard section.overview .webinfo>a {
	float: right
}

.user main.dashboard section.invite {
	float: right;
	width: 220px
}

.user main.dashboard section.invite ul {
	float: left;
	width: 100%;
	height: 218px;
	padding: 20px 0 0;
	border-top: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	margin-bottom: 20px
}

.user main.dashboard section.invite ul li {
	float: left;
	width: 100%;
	height: 40px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #e1e1e1
}

.user main.dashboard section.invite ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0
}

.user main.dashboard section.invite ul li .info {
	float: left;
	width: 200px
}

.user main.dashboard section.invite ul li .info img {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	margin-right: 20px
}

.user main.dashboard section.invite ul li .info a {
	font-size: 14px;
	color: #3c3c3c;
	font-weight: 700
}

.user main.dashboard section.invite ul li .info a:hover {
	text-decoration: underline
}

.user main.dashboard section.invite ul li .add {
	float: right;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: url(../img/plus.png) no-repeat center;
	margin-top: 10px;
	cursor: pointer
}

.user main.dashboard section.invite ul li .add:hover {
	background-color: #f5f5f5
}

.user main.dashboard section.invite>.button {
	float: left;
	width: 100px;
	padding: 0
}

.user main.dashboard section.invite>input.button {
	height: initial;
	border: none
}

.user main.dashboard section.invite>.button.light {
	margin-left: 18px
}

.user main.dashboard section.invite .headline {
	width: 140px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.user main.dashboard section.progress {
	float: left;
	width: 220px;
	margin-top: 20px
}

.user main.dashboard section.progress ul {
	float: left;
	width: 100%;
	height: 198px;
	padding: 20px 0;
	margin-bottom: 20px;
	border-top: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1
}

.user main.dashboard section.progress .coming-soon {
	float: left;
	width: 100%;
	height: 180px;
	padding: 50px 0;
	margin-bottom: 20px;
	text-align: center
}

.user main.dashboard section.progress ul li {
	float: left;
	width: 160px;
	height: 40px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-left: 60px;
	border-bottom: solid 1px #e1e1e1;
	background: url(../img/checklist-mark.png) no-repeat left top;
	font-size: 14px
}

.user main.dashboard section.progress ul li:last-child {
	margin-bottom: 0
}

.user main.dashboard section.progress ul li a {
	font-size: 14px;
	color: #3c3c3c
}

.user main.dashboard section.progress ul li a:hover {
	text-decoration: underline
}

.user main.dashboard section.progress ul li a, .user main.dashboard section.progress ul li p
	{
	float: left;
	width: 100%;
	line-height: 20px
}

.user main.dashboard section.progress ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0
}

.user main.dashboard section.progress .button {
	float: left;
	width: 100%;
	padding: 0
}

.user main.dashboard section.analytics {
	float: right;
	width: 560px;
	margin-top: 20px
}

.user main.dashboard section.analytics .description {
	float: none
}

.user main.dashboard section.analytics .description select {
	float: right;
	cursor: pointer;
	width: 120px
}

.user main.dashboard section.analytics .description .button {
	float: right;
	width: 80px;
	margin-left: 10px
}

.user main.messages section.message {
	float: left;
	width: 880px;
	margin-bottom: 20px
}

.user main.messages section.message h2, .user main.messages section.message p
	{
	float: left;
	width: 100%
}

.user main.messages section.message .content {
	float: left;
	width: 560px;
	padding-right: 40px
}

.user main.messages section.message .content .name {
	float: left;
	width: 250px
}

.user main.messages section.message .content .email {
	float: left;
	width: 250px;
	margin-left: 40px
}

.user main.messages section.message .content .message, .user main.messages section.message .content .info
	{
	float: left;
	width: 100%;
	margin-top: 20px
}

.user main.messages section.message .content .info p {
	float: left;
	color: #838485;
	width: auto
}

.user main.messages section.message .content .info a {
	float: left;
	font-size: 14px;
	color: #838485;
	margin-left: 20px;
	padding-left: 20px;
	border-left: solid 1px #e1e1e1;
	cursor: pointer
}

.user main.messages section.message .content .info a:hover {
	text-decoration: underline
}

.user main.messages section.message .notes {
	float: right;
	width: 240px
}

.user main.messages section.message .notes textarea {
	float: left;
	padding: 20px;
	width: 200px;
	height: 120px;
	resize: none;
	outline: none;
	font-size: 14px;
	line-height: 18px;
	color: #3c3c3c;
	background: #f5f5f5;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	margin: 10px 0 0
}

.user main.messages>.pagination {
	float: left;
	width: 100%;
	margin: 20px 0
}

.user main.messages>.pagination a {
	color: #3c3c3c;
	font-size: 14px;
	font-weight: 700;
	width: 120px;
	text-align: center;
	background: #fff;
	border: solid 1px #e1e1e1;
	height: 20px;
	line-height: 20px;
	padding: 10px 20px;
	border-radius: 3px
}

.user main.messages>.pagination a.prev {
	float: left;
	cursor: pointer
}

.user main.messages>.pagination a.next {
	float: right;
	cursor: pointer
}

.user main.messages>.pagination p {
	float: left;
	width: 600px;
	line-height: 40px;
	text-align: center
}

.user main.invite>.description {
	float: left;
	width: 880px;
	padding: 10px 40px;
	border-radius: 3px;
	margin: 0 0 20px
}

.user main.invite>.description img {
	float: left;
	margin-bottom: 0
}

.user main.invite>.description .info {
	float: left;
	width: 480px;
	margin-left: 40px
}

.user main.invite>.description h1, .user main.invite>.description p,
	.user main.invite>.description span {
	color: #3c3c3c;
	float: left;
	width: 100%;
	text-align: left
}

.user main.invite>.description .info h1 {
	margin-top: 5px;
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 700
}

.user main.invite>.description .info p {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 8px
}

.user main.invite>.description .info span {
	font-size: 14px;
	color: #787878
}

.user main.invite>.description .info span i {
	margin-right: 5px;
	color: #A53C3C;
	font-size: 16px;
	font-style: normal;
	font-variant: small-caps;
	font-weight: 700
}

.user main.invite>.description .button {
	display: inline-block;
	float: right;
	width: 220px;
	box-sizing: border-box;
	position: relative;
	top: 15px;
	clear: both
}

.balance {
	float: right;
	width: 200px;
	border-radius: 3px;
	border: solid 1px #d2d2d2;
	padding: 10px 0 0px 5px;
	text-align: center;    
}    

 .balance span {
	display: inline-block;
	background: #f5f5f5;
	width: auto;
	float: none;
	color: #787878;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	padding: 0 10px;
	margin: 0 auto 12px;
	top: -8px
}

 .balance h1 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 48px;
	color: #76b5c0;
	margin-bottom: 8px;
	line-height: 36px;
	height: auto
}

 .balance p {
	float: left;
	width: 100%;
	text-align: center; 
	font-size: 14px;
	margin-bottom: 6px
}

.user main.invite section.invite-contacts {
	float: left;
	width: 560px
}

.user main.invite section.invite-contacts .description .invite-all .button
	{
	font-weight: 400;
	padding: 0 20px;
	height: 40px
}

.user main.invite section.invite-contacts .description img {
	margin-left: -66px;
	position: relative;
	left: 30px;
	top: 6px
}

.user main.invite section.invite-contacts .description .button {
	float: right
}

.user main.invite section.invite-contacts .description .edit-message {
	float: right;
	width: 42px;
	position: relative
}

.user main.invite section.invite-contacts .description .edit-message>a {
	float: right;
	width: 40px;
	background: url(../img/settings.png) no-repeat center;
	border-right: solid 1px #e1e1e1
}

.user main.invite section.invite-contacts .description .edit-message>a:hover
	{
	background-color: #f5f5f5
}

.user main.invite section.invite-contacts .description .edit-message .confirm-message
	{
	top: -16px;
	right: -240px;
	position: absolute
}

.user main.invite section.invite-contacts .description .edit-message .confirm-message textarea
	{
	margin-bottom: 0
}

.user main.invite section.invite-contacts .description .invite-all {
	float: right;
	width: 140px
}

.user main.invite section.invite-contacts .description .invite-all .confirm-message
	{
	top: -16px;
	right: -240px
}

.user main.invite section.invite-contacts .filter {
	float: left;
	width: 100%
}

.user main.invite section.invite-contacts .filter select {
	float: left;
	width: 100px
}

.user main.invite section.invite-contacts .search {
	float: right;
	width: 390px;
	padding-left: 40px;
	background: url(../img/search.png) no-repeat left 12px center #f5f5f5;
	color: #3c3c3c;
	margin-bottom: 20px
}

.user main.invite section.invite-contacts ul {
	float: left;
	width: 100%
}

.user main.invite section.invite-contacts ul li {
	float: left;
	width: 228px;
	height: 40px;
	margin: 0 20px 20px 0;
	padding: 20px;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	position: relative
}

.user main.invite section.invite-contacts ul li:nth-child(2n+2) {
	margin-right: 0
}

.user main.invite section.invite-contacts ul li .info {
	float: left;
	width: 200px
}

.user main.invite section.invite-contacts ul li .info img {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	margin-right: 20px
}

.user main.invite section.invite-contacts ul li .info a {
	font-size: 14px;
	color: #3c3c3c
}

.user main.invite section.invite-contacts ul li .info a:hover {
	text-decoration: underline
}

.user main.invite section.invite-contacts ul li .info .headline {
	width: 140px;
	height: 30px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.user main.invite section.invite-contacts ul li .add {
	float: right;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: url(../img/plus.png) no-repeat center;
	margin-top: 10px;
	-webkit-transition: background .2s;
	transition: background .2s;
	cursor: pointer
}

.user main.invite section.invite-contacts ul li .add:hover {
	background-color: #f5f5f5
}

.user main.invite section.invite-contacts ul li .add.reinvite {
	background: url(../img/reinvite.png) no-repeat center
}

.user main.invite section.invite-contacts ul li .signed {
	float: right;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: url(../img/signed.png) no-repeat center;
	margin-top: 10px;
	cursor: default
}

.user main.invite section.invite-contacts .filter .select {
	float: left;
	width: 100px;
	box-sizing: border-box;
	display: block;
	font-size: 14px;
	background: #fff;
	color: #3c3c3c;
	border: solid 1px #e1e1e1;
	text-align: left;
	line-height: 40px;
	height: 42px;
	border-radius: 3px;
	cursor: pointer;
	padding: 0 10px;
	font-weight: 400;
	text-indent: .01px;
	text-overflow: '';
	-webkit-transition: background .2s;
	transition: background .2s
}

.user main.invite section.invite-contacts .filter .select:hover {
	background-color: #f5f5f5;
	text-decoration: none
}

.user main.invite section.invite-contacts .confirm-message {
	z-index: 5;
	display: none
}

.user main.invite section.invite-contacts ul li .select {
	float: right;
	margin-top: 14px;
	cursor: pointer
}

.user main.invite section.invite-contacts .confirm-message .close {
	background: url(../img/close.png) no-repeat center
}

.user main.invite section.invite-contacts .confirm-message:before {
	position: absolute;
	display: block;
	content: ' ';
	left: -6px;
	top: 30px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #1e1e1e
}

.user main.invite section.invite-contacts .pagination {
	float: left;
	width: 100%;
	height: 40px
}

.user main.invite section.invite-contacts .pagination p {
	float: left;
	width: 480px;
	text-align: center;
	line-height: 40px
}

.user main.invite section.invite-contacts .pagination a {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: solid 1px #e1e1e1;
	display: block;
	-webkit-transition: background .2s;
	transition: background .2s
}

.user main.invite section.invite-contacts .pagination a.back {
	float: left;
	background: url(../img/left.png) no-repeat center
}

.user main.invite section.invite-contacts .pagination a.next {
	float: right;
	background: url(../img/right.png) no-repeat center
}

.user main.invite section.invite-contacts .pagination a:hover {
	background-color: #f5f5f5
}

.user main.invite section.invite-contacts.import {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px
}

.user main.invite section.invite-contacts.import h2, .user main.invite section.invite-contacts.import p
	{
	float: left;
	width: 100%;
	text-align: center
}

.user main.invite section.invite-contacts.import h2 {
	font-size: 22px;
	margin-bottom: 5px
}

.user main.invite section.invite-contacts.import p {
	font-size: 18px
}

.user main.invite section.invite-contacts.import .button {
	font-size: 18px;
	line-height: 60px;
	height: auto;
	display: inline-block;
	width: auto;
	float: none;
	padding: 0 30px;
	margin-top: 20px
}

.user main.invite section.invite-contacts.import .button img {
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -5px;
	border: solid 2px #fff;
	border-radius: 99px
}

.user main.invite section.invite-contacts.import .illustration {
	margin-bottom: 30px;
	margin-top: 20px
}

.user main.invite section.share-url form {
	position: relative
}

.user main.invite section.share-url form .networks {
	width: 100%
}

.user main.invite section.send-email {
	float: right;
	width: 220px;
	clear: right;
	margin-top: 20px
}

.user main.invite section.send-email .import {
	float: left;
	width: 218px;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	margin-bottom: 20px
}

.user main.invite section.send-email .import a {
	float: left;
	width: 198px;
	height: 20px;
	padding: 10px;
	font-size: 14px;
	color: #3c3c3c;
	border-bottom: solid 1px #e1e1e1;
	background: url(../img/plus.png) no-repeat right 10px center;
	-webkit-transition: background .2s;
	transition: background .2s
}

.user main.invite section.send-email .import a img {
	float: left;
	margin-right: 10px
}

.user main.invite section.send-email .import a p {
	float: left;
	line-height: 20px;
	color: #3c3c3c
}

.user main.invite section.send-email .import a:hover {
	background-color: #f5f5f5
}

.user main.invite section.send-email .import a.imported {
	background-color: #f5f5f5;
	background-image: url(../img/check.png)
}

.user main.invite section.send-email .import a:last-child {
	border-bottom: none
}

.user main.invite section.send-email .button.light {
	width: 100px;
	float: left
}

.user main.invite section.send-email .button {
	float: right;
	width: 100px;
	padding: 0;
	text-align: center
}

.user main.invite.invite-email .description .button-back {
	float: left;
	width: 120px;
	margin-top: 15px
}

.user main.invite.invite-email .description img {
	float: left;
	margin-left: 40px
}

.user main.invite.invite-email .description .info {
	margin-left: 40px
}

.user main.invite.invite-email .description .info h1 {
	margin-bottom: 5px;
	margin-top: 11px
}

.user main.invite.invite-email .invite-contacts .filter .select-all {
	float: left;
	border-radius: 3px;
	border: solid 1px #e1e1e1;
	line-height: 40px;
	padding: 0 14px 0 10px
}

.user main.invite.invite-email .invite-contacts .filter .select-all input
	{
	float: left;
	margin-top: 9px
}

.user main.invite.invite-email .invite-contacts .filter .select-all p {
	float: left;
	line-height: 40px;
	margin-left: 5px
}

.user main.invite.invite-email .compose-email {
	float: right;
	width: 220px
}

.user main.invite.invite-email .compose-email form input[type="text"] {
	float: left;
	width: 190px;
	margin-bottom: 20px;
	margin-top: 5px
}

.user main.invite.invite-email .compose-email form textarea {
	font-size: 14px;
	line-height: 18px;
	color: #3c3c3c;
	resize: none;
	width: 198px;
	height: 130px;
	padding: 10px;
	border-radius: 3px;
	background: #f5f5f5;
	border: solid 1px #e1e1e1;
	margin-top: 5px;
	margin-bottom: 10px
}

.user main.invite.invite-email .compose-email form input[type="submit"]
	{
	float: left;
	height: 40px;
	padding: 0;
	cursor: pointer;
	width: 100%;
	background: #76b5c0;
	border: none;
	color: #fff;
	font-size: 14px;
	-webkit-transition: background .2s;
	transition: background .2s
}

.user main.invite.invite-email .compose-email form input[type="submit"]:hover
	{
	background: #4BA5B4;
	text-decoration: none
}

.user main.invite.invite-email .remove-email-account {
	float: right;
	width: 220px;
	margin: 40px
}

.user main.invite section.invite-contacts-sidebar {
	float: right;
	width: 220px;
	clear: right;
	margin-top: 20px
}

.user main.invite section.invite-contacts-sidebar img {
	margin-top: 10px
}

.user main.invite section.invite-contacts-sidebar .button {
	padding: 0;
	margin-top: 20px
}

.user main.invite section.invite-contacts-sidebar .button.import-button
	{
	margin-bottom: 10px
}

.user main.invite section.invite-contacts-sidebar ul {
	float: left;
	width: 100%;
	height: 218px;
	padding: 20px 0 0;
	border-top: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	margin-top: 20px
}

.user main.invite section.invite-contacts-sidebar ul li {
	float: left;
	width: 100%;
	height: 40px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #e1e1e1
}

.user main.invite section.invite-contacts-sidebar ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0
}

.user main.invite section.invite-contacts-sidebar ul li .info {
	float: left;
	width: 200px
}

.user main.invite section.invite-contacts-sidebar ul li .info img {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	margin-right: 20px;
	margin-top: 0
}

.user main.invite section.invite-contacts-sidebar ul li .info a {
	font-size: 14px;
	color: #3c3c3c
}

.user main.invite section.invite-contacts-sidebar ul li .info a:hover {
	text-decoration: underline
}

.user main.invite section.invite-contacts-sidebar ul li .info p {
	float: left
}

.user main.invite section.invite-contacts-sidebar ul li .add {
	float: right;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: url(../img/plus.png) no-repeat center;
	margin-top: 10px;
	-webkit-transition: background .2s;
	transition: background .2s
}

.user main.invite section.invite-contacts-sidebar ul li .add:hover {
	background-color: #f5f5f5
}

.user main.invite section.invite-contacts-sidebar .button {
	float: left;
	width: 100%
}

.user main.dashboard section.share-url, .user main.invite section.share-url
	{
	float: right;
	width: 220px
}

.user main.dashboard section.share-url {
	height: 340px
}     

.user main.dashboard section.share-url>input[type="text"], .user main.invite section.share-url>input[type="text"]
	{
	margin-bottom: 20px;
	color: #5a5a5a;
	padding-left: 30px;
	width: 172px;
	background: url(../img/link.png) no-repeat left 12px center #fff;
	border: solid 1px #e1e1e1
}

.user main.dashboard section.share-url form, .user main.invite section.share-url form
	{
	float: left;
	width: 100%
}

.user main.dashboard section.share-url form textarea, .user main.invite section.share-url form textarea,
	.user main.invite section.send-email form textarea {
	font-size: 14px;
	line-height: 18px;
	color: #3c3c3c;
	resize: none;
	width: 198px;
	height: 60px;
	padding: 10px;
	border-radius: 3px;
	background: #f5f5f5;
	border: solid 1px #e1e1e1
}

.user main.dashboard section.share-url form .networks, .user main.invite section.share-url form .networks
	{
	float: left;
	margin: 20px 2px
}

.user main.dashboard section.share-url form .networks p, .user main.invite section.share-url form .networks p
	{
	float: left
}

.user main.dashboard section.share-url form .networks .network, .user main.invite section.share-url form .networks .network
	{
	float: right;
	width: 40px;
	margin-left: 10px
}

.user main.dashboard section.share-url form .networks .network.linkedin,
	.user main.invite section.share-url form .networks .network.linkedin {
	margin-right: 0;
	padding-right: 0;
	border-right: 0
}

.user main.dashboard section.share-url form .networks .network img,
	.user main.invite section.share-url form .networks .network img {
	float: left;
	margin-right: 5px
}

.user main.dashboard section.share-url form .networks .network input[type="checkbox"],
	.user main.invite section.share-url form .networks .network input[type="checkbox"]
	{
	margin: 0;
	float: left
}

.user main.dashboard section.share-url form input[type="submit"], .user main.invite section.share-url form input[type="submit"]
	{
	float: left;
	height: 40px;
	padding: 0;
	cursor: pointer;
	width: 100%;
	background: #76b5c0;
	border: none;
	color: #fff;
	font-size: 14px;
	-webkit-transition: background .2s;
	transition: background .2s
}

.user main.dashboard section.share-url form input[type="submit"]:hover,
	.user main.invite section.share-url form input[type="submit"]:hover {
	background: #4BA5B4;
	text-decoration: none
}

.user main.account section.settings {
	float: left;
	width: 560px
}

.user main.account section.settings form>div {
	float: left;
	width: 100%; 
	margin-bottom: 10px;
}

.user main.account section.settings form>div.password {
	margin-bottom: 20px
}

.user main.account section.settings form>div label {
	float: left;
	width: 160px
}

.user main.account section.settings form>div input {
	float: right;
	width: 360px;
	color: #3c3c3c
}

.user main.account section.settings form .full-name, .user main.account section.settings form .email
	{
	float: right;
	width: 392px
}

.user main.account section.settings form>div input[name="firstName"] {
	float: left;
	width: 40%
}

.user main.account section.settings form>div input[name="lastName"] {
	float: right;
	width: 40%
}

.user main.account section.settings form>div input[name="email"] {
	float: none
}

.user main.account section.settings form>div input[type="password"] {
	margin-bottom: 20px
}

.user main.account section.settings form>input[type="submit"] {
	float: right;
	height: 40px;
	padding: 0;
	cursor: pointer;
	width: 390px;
	background: #76b5c0;
	border: none;
	color: #fff;
	font-size: 14px;
	-webkit-transition: background .2s;
	transition: background .2s
}

.user main.account section.settings form>input[type="submit"]:hover {
	background: #4BA5B4;
	text-decoration: none
}

.user main.account section.settings .avatar-settings>div {
	float: right;
	width: 390px
}

.user main.account section.settings .avatar-settings>div img {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 3px
}

.user main.account section.settings .avatar-settings>div p {
	float: left;
	margin-left: 20px
}

.user main.account section.settings .avatar-settings>div a {
	cursor: pointer
}

.user main.account section.settings .password>div {
	float: right;
	width: 390px
}

.user main.account section.email-settings {
	float: right;
	width: 220px
}

.user main.account section.email-settings form {
	float: left;
	width: 100%
}

.user main.account section.email-settings form>div {
	float: left;
	width: 100%;
	margin-top: 20px
}

.user main.account section.email-settings form>div input[type="checkbox"]
	{
	float: left
}

.user main.account section.email-settings form>div label {
	float: right;
	width: 195px
}

.user main.account section.email-settings form>div label h2 {
	font-size: 14px !important
}

.user main.account section.email-settings form input[type="submit"] {
	float: left;
	height: 40px;
	padding: 0;
	cursor: pointer;
	width: 100%;
	background: #76b5c0;
	border: none;
	color: #fff;
	font-size: 14px;
	-webkit-transition: background .2s;
	transition: background .2s;
	margin-top: 20px
}

.user main.account section.email-settings form input[type="submit"]:hover
	{
	background: #4BA5B4;
	text-decoration: none
}

.user main.account .delete-account {
	float: right;
	width: 220px;
	padding: 40px 40px 0;
	clear: right
}

.user main.account .delete-account a {
	cursor: pointer
}

.user main.billing section.billing-history {
	float: left;
	width: 560px;
	min-height: 760px
}

.user main.billing section.billing-history ul {
	float: left;
	width: 100%;
	border: solid 1px #e1e1e1;
	border-radius: 3px
}

.user main.billing section.billing-history ul .website {
	width: 260px;
	float: left;
	margin-left: 10px
}

.user main.billing section.billing-history ul .date {
	width: 100px;
	float: left;
	margin-left: 10px
}

.user main.billing section.billing-history ul .amount, .user main.billing section.billing-history ul .invoice
	{
	width: 80px;
	float: left;
	margin-left: 10px;
	text-align: center
}

.user main.billing section.billing-history ul>div {
	float: left;
	width: 100%;
	background: #f5f5f5;
	line-height: 40px;
	border-bottom: solid 1px #e1e1e1
}

.user main.billing section.billing-history ul>div h2 {
	line-height: 40px
}

.user main.billing section.billing-history ul>li {
	float: left;
	width: 100%;
	line-height: 40px;
	border-bottom: solid 1px #e1e1e1
}

.user main.billing section.billing-history ul>li:last-child {
	border-bottom: none
}

.user main.billing section.billing-history ul>li p {
	line-height: 40px
}

.user main.billing section.billing-history ul>li a:hover {
	text-decoration: underline
}

.user main.billing section.billing-history .pagination {
	float: left;
	width: 100%;
	height: 40px;
	margin-top: 20px
}

.user main.billing section.billing-history .pagination p {
	float: left;
	width: 480px;
	text-align: center;
	line-height: 40px
}

.user main.billing section.billing-history .pagination a {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: solid 1px #e1e1e1;
	display: block;
	-webkit-transition: background .2s;
	transition: background .2s
}

.user main.billing section.billing-history .pagination a.back {
	float: left;
	background: url(../img/left.png) no-repeat center
}

.user main.billing section.billing-history .pagination a.next {
	float: right;
	background: url(../img/right.png) no-repeat center
}

.user main.billing section.billing-history .pagination a:hover {
	background-color: #f5f5f5
}

.user main.billing section.billing-info {
	float: right;
	width: 220px
}

.user main.billing section.billing-info.subscriptions {
	margin-bottom: 24px
}

.user main.billing section.billing-info .description {
	margin-bottom: 0
}

.user main.billing section.billing-info select {
	width: 100%;
	float: left;
	margin-top: 20px
}

.user main.billing section.billing-info .info {
	float: left;
	width: 178px;
	border: solid 1px #e1e1e1;
	padding: 20px 20px 0;
	margin: 10px 0 0;
	border-radius: 3px
}

.user main.billing section.billing-info .info div {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

.user main.billing section.billing-info .info div a {
	float: right
}

.user main.billing section.billing-info .info div small, .user main.billing section.billing-info .info div b
	{
	float: left;
	width: 100%;
	line-height: 20px
}

.user main.billing section.billing-info .button {
	float: left;
	width: 100%;
	padding: 0;
	margin-top: 10px
}

.user footer {
	width: 880px;
	margin: 40px auto;
	padding: 20px 40px 0;
	border-top: solid 1px #e1e1e1
}

.user footer .copyright {
	float: left
}

.user footer .footer-social {
	float: right;
	line-height: 20px
}

.user footer .footer-social a {
	margin-left: 10px;
	display: block;
	float: right
}

.brandedicon {
	display: inline-block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../img/icons.png)
}

.brandedicon.account {
	width: 12px;
	height: 12px;
	background-position: -91px -78px
}

.brandedicon.add {
	width: 10px;
	height: 10px;
	background-position: -49px -91px
}

.brandedicon.add-section {
	width: 10px;
	height: 10px;
	background-position: -115px -103px
}

.brandedicon.align-center {
	width: 10px;
	height: 10px;
	background-position: -38px -94px
}

.brandedicon.align-justify {
	width: 10px;
	height: 10px;
	background-position: -59px -91px
}

.brandedicon.align-left {
	width: 10px;
	height: 10px;
	background-position: -69px -91px
}

.brandedicon.align-right {
	width: 10px;
	height: 10px;
	background-position: -79px -92px
}

.brandedicon.android {
	width: 10px;
	height: 11px;
	background-position: -115px -92px
}

.brandedicon.apple {
	width: 10px;
	height: 12px;
	background-position: -13px -103px
}

.brandedicon.back {
	width: 6px;
	height: 10px;
	background-position: -122px -12px
}

.brandedicon.background, .brandedicon.bg {
	width: 10px;
	height: 10px;
	background-position: -48px -101px
}

.brandedicon.bold {
	width: 8px;
	height: 10px;
	background-position: -48px -141px
}

.brandedicon.bold:active {
	width: 8px;
	height: 10px;
	background-position: -20px -148px
}

.brandedicon.build {
	width: 30px;
	height: 30px;
	background-position: -32px 0
}

.brandedicon.build-dropdown {
	width: 6px;
	height: 4px;
	background-position: -40px -170px
}

.brandedicon.bulleted {
	width: 10px;
	height: 10px;
	background-position: -23px -108px
}

.brandedicon.bulleted:active {
	width: 10px;
	height: 10px;
	background-position: -38px -104px
}

.brandedicon.button {
	width: 10px;
	height: 6px;
	background-position: -53px -131px
}

.brandedicon.button-center {
	width: 9px;
	height: 10px;
	background-position: -73px -136px
}

.brandedicon.button-center:active {
	width: 9px;
	height: 10px;
	background-position: -83px -132px
}

.brandedicon.button-large {
	width: 10px;
	height: 6px;
	background-position: -10px -145px
}

.brandedicon.button-large:active {
	width: 10px;
	height: 6px;
	background-position: 0 -145px
}

.brandedicon.button-left {
	width: 10px;
	height: 10px;
	background-position: -58px -101px
}

.brandedicon.button-left:active {
	width: 10px;
	height: 10px;
	background-position: -13px -115px
}

.brandedicon.button-medium {
	width: 8px;
	height: 4px;
	background-position: -8px -155px
}

.brandedicon.button-medium:active {
	width: 8px;
	height: 4px;
	background-position: -8px -151px
}

.brandedicon.button-right {
	width: 10px;
	height: 10px;
	background-position: -78px -102px
}

.brandedicon.button-right:active {
	width: 10px;
	height: 10px;
	background-position: -68px -101px
}

.brandedicon.button-small {
	width: 6px;
	height: 2px;
	background-position: -6px -159px
}

.brandedicon.button-small:active {
	width: 6px;
	height: 2px;
	background-position: 0 -159px
}

.brandedicon.carousel-next {
	width: 7px;
	height: 9px;
	background-position: -108px -104px
}

.brandedicon.carousel-prev {
	width: 7px;
	height: 9px;
	background-position: -56px -141px
}

.brandedicon.checkbox {
	width: 15px;
	height: 15px;
	background-position: -64px -76px
}

.brandedicon.checkbox-checked {
	width: 15px;
	height: 15px;
	background-position: -49px -76px
}

.brandedicon.circle {
	width: 10px;
	height: 10px;
	background-position: -88px -102px
}

.brandedicon.close {
	width: 10px;
	height: 10px;
	background-position: -98px -104px
}

.brandedicon.color-check {
	width: 11px;
	height: 10px;
	background-position: -38px -84px
}

.brandedicon.color-checkmark {
	width: 9px;
	height: 7px;
	background-position: -92px -134px
}

.brandedicon.dashboard {
	width: 10px;
	height: 10px;
	background-position: -108px -113px
}

.brandedicon.delete {
	width: 8px;
	height: 10px;
	background-position: -63px -149px
}

.brandedicon.desktop {
	width: 24px;
	height: 24px;
	background-position: -84px -30px
}

.brandedicon.down {
	width: 9px;
	height: 6px;
	background-position: -92px -141px
}

.brandedicon.draggable {
	width: 8px;
	height: 12px;
	background-position: -72px -146px
}

.brandedicon.dropdown {
	width: 6px;
	height: 10px;
	background-position: -122px -22px
}

.brandedicon.dropdown-arrow {
	width: 9px;
	height: 6px;
	background-position: -92px -141px
}

.brandedicon.edit {
	width: 24px;
	height: 24px;
	background-position: -84px -54px
}

.brandedicon.element-delete {
	width: 7px;
	height: 7px;
	background-position: -56px -157px
}

.brandedicon.element-delete:hover {
	width: 7px;
	height: 7px;
	background-position: -56px -150px
}

.brandedicon.element-more {
	width: 10px;
	height: 2px;
	background-position: -108px -30px
}

.brandedicon.element-style {
	width: 10px;
	height: 10px;
	background-position: -118px -113px
}

.brandedicon.elements {
	width: 10px;
	height: 10px;
	background-position: -59px -91px
}

.brandedicon.flip-horizontal {
	width: 10px;
	height: 10px;
	background-position: -48px -111px
}

.brandedicon.flip-vertical {
	width: 10px;
	height: 10px;
	background-position: -33px -114px
}

.brandedicon.headline {
	width: 12px;
	height: 12px;
	background-position: -103px -80px
}

.brandedicon.help {
	width: 6px;
	height: 10px;
	background-position: -16px -158px
}

.brandedicon.htmlcss {
	width: 12px;
	height: 12px;
	background-position: -91px -90px
}

.brandedicon.image {
	width: 10px;
	height: 10px;
	background-position: -48px -101px
}

.brandedicon.img-description {
	width: 10px;
	height: 2px;
	background-position: -108px -30px
}

.brandedicon.img-large {
	width: 10px;
	height: 10px;
	background-position: -58px -111px
}

.brandedicon.img-large:active {
	width: 10px;
	height: 10px;
	background-position: -23px -118px
}

.brandedicon.img-medium {
	width: 8px;
	height: 8px;
	background-position: 0 -151px
}

.brandedicon.img-medium:active {
	width: 8px;
	height: 8px;
	background-position: -36px -162px
}

.brandedicon.img-small {
	width: 6px;
	height: 6px;
	background-position: -34px -170px
}

.brandedicon.img-small:active {
	width: 6px;
	height: 6px;
	background-position: -28px -165px
}

.brandedicon.img-style {
	width: 10px;
	height: 10px;
	background-position: -118px -113px
}

.brandedicon.italic {
	width: 8px;
	height: 10px;
	background-position: -38px -152px
}

.brandedicon.italic:active {
	width: 8px;
	height: 10px;
	background-position: -48px -151px
}

.brandedicon.left {
	width: 8px;
	height: 11px;
	background-position: -40px -141px
}

.brandedicon.link {
	width: 10px;
	height: 10px;
	background-position: -68px -111px
}

.brandedicon.logo {
	width: 18px;
	height: 24px;
	background-position: -108px -56px
}

.brandedicon.logout {
	width: 12px;
	height: 12px;
	background-position: -115px -80px
}

.brandedicon.me {
	width: 24px;
	height: 30px;
	background-position: -60px -30px
}

.brandedicon.misc-more {
	width: 10px;
	height: 2px;
	background-position: -108px -30px
}

.brandedicon.more {
	width: 30px;
	height: 30px;
	background-position: 0 -28px
}

.brandedicon.move {
	width: 6px;
	height: 10px;
	background-position: -22px -158px
}

.brandedicon.no-color {
	width: 10px;
	height: 10px;
	background-position: -78px -112px
}

.brandedicon.numbered {
	width: 10px;
	height: 10px;
	background-position: -98px -114px
}

.brandedicon.numbered:active {
	width: 10px;
	height: 10px;
	background-position: -88px -112px
}

.brandedicon.one-column {
	width: 10px;
	height: 10px;
	background-position: -58px -111px
}

.brandedicon.ordered-list {
	width: 10px;
	height: 10px;
	background-position: -108px -123px
}

.brandedicon.paragraph {
	width: 12px;
	height: 14px;
	background-position: -79px -78px
}

.brandedicon.phone {
	width: 14px;
	height: 24px;
	background-position: -24px -84px
}

.brandedicon.preview {
	width: 30px;
	height: 30px;
	background-position: -62px 0
}

.brandedicon.preview-desktop {
	width: 24px;
	height: 24px;
	background-position: -84px -30px
}

.brandedicon.preview-edit {
	width: 25px;
	height: 25px;
	background-position: 0 -58px
}

.brandedicon.preview-phone {
	width: 14px;
	height: 24px;
	background-position: -24px -84px
}

.brandedicon.preview-share {
	width: 24px;
	height: 20px;
	background-position: 0 -83px
}

.brandedicon.preview-tablet {
	width: 20px;
	height: 24px;
	background-position: -108px -32px
}

.brandedicon.progress {
	width: 12px;
	height: 12px;
	background-position: -103px -92px
}

.brandedicon.publish {
	width: 30px;
	height: 30px;
	background-position: -92px 0
}

.brandedicon.publish-important {
	width: 32px;
	height: 28px;
	background-position: 0 0
}

.brandedicon.quote {
	width: 10px;
	height: 10px;
	background-position: -118px -123px
}

.brandedicon.redo {
	width: 16px;
	height: 16px;
	background-position: -49px -60px
}

.brandedicon.right {
	width: 8px;
	height: 11px;
	background-position: -30px -144px
}

.brandedicon.rotate-left {
	width: 13px;
	height: 11px;
	background-position: 0 -103px
}

.brandedicon.rotate-right {
	width: 13px;
	height: 11px;
	background-position: 0 -114px
}

.brandedicon.round {
	width: 10px;
	height: 10px;
	background-position: 0 -125px
}

.brandedicon.settings {
	width: 12px;
	height: 12px;
	background-position: -91px -78px
}

.brandedicon.share {
	width: 24px;
	height: 24px;
	background-position: -25px -60px
}

.brandedicon.sharp {
	width: 10px;
	height: 10px;
	background-position: -10px -125px
}

.brandedicon.side-left {
	width: 10px;
	height: 10px;
	background-position: -33px -124px
}

.brandedicon.side-left:active {
	width: 10px;
	height: 10px;
	background-position: -43px -121px
}

.brandedicon.side-right {
	width: 10px;
	height: 10px;
	background-position: 0 -135px
}

.brandedicon.side-right:active {
	width: 10px;
	height: 10px;
	background-position: -20px -128px
}

.brandedicon.space {
	width: 6px;
	height: 12px;
	background-position: -122px 0
}

.brandedicon.structure {
	width: 10px;
	height: 10px;
	background-position: -63px -121px
}

.brandedicon.structure-center {
	width: 10px;
	height: 10px;
	background-position: -53px -121px
}

.brandedicon.structure-center:active {
	width: 10px;
	height: 10px;
	background-position: -10px -135px
}

.brandedicon.structure-left {
	width: 10px;
	height: 4px;
	background-position: -73px -132px
}

.brandedicon.structure-left:active {
	width: 10px;
	height: 4px;
	background-position: -63px -131px
}

.brandedicon.structure-right {
	width: 10px;
	height: 4px;
	background-position: -53px -137px
}

.brandedicon.structure-right:active {
	width: 10px;
	height: 4px;
	background-position: -63px -135px
}

.brandedicon.style {
	width: 30px;
	height: 30px;
	background-position: -30px -30px
}

.brandedicon.tablet {
	width: 20px;
	height: 24px;
	background-position: -108px -32px
}

.brandedicon.text {
	width: 10px;
	height: 10px;
	background-position: -113px -133px
}

.brandedicon.text-center {
	width: 10px;
	height: 10px;
	background-position: -38px -94px
}

.brandedicon.text-center:active {
	width: 10px;
	height: 10px;
	background-position: -73px -122px
}

.brandedicon.text-justify {
	width: 10px;
	height: 10px;
	background-position: -59px -91px
}

.brandedicon.text-justify:active {
	width: 10px;
	height: 10px;
	background-position: -83px -122px
}

.brandedicon.text-left {
	width: 10px;
	height: 10px;
	background-position: -69px -91px
}

.brandedicon.text-left:active {
	width: 10px;
	height: 10px;
	background-position: -93px -124px
}

.brandedicon.text-right {
	width: 10px;
	height: 10px;
	background-position: -79px -92px
}

.brandedicon.text-right:active {
	width: 10px;
	height: 10px;
	background-position: -103px -133px
}

.brandedicon.toolbar-divider {
	width: 9px;
	height: 10px;
	background-position: -63px -139px
}

.brandedicon.two-column {
	width: 10px;
	height: 10px;
	background-position: -43px -131px
}

.brandedicon.underline {
	width: 8px;
	height: 10px;
	background-position: -28px -155px
}

.brandedicon.underline:active {
	width: 8px;
	height: 10px;
	background-position: -46px -161px
}

.brandedicon.undo {
	width: 16px;
	height: 16px;
	background-position: -65px -60px
}

.brandedicon.unordered-list {
	width: 10px;
	height: 10px;
	background-position: -23px -108px
}

.brandedicon.up {
	width: 9px;
	height: 6px;
	background-position: -82px -142px
}

.brandedicon.video {
	width: 10px;
	height: 10px;
	background-position: -30px -134px
}

.brandedicon.window {
	width: 10px;
	height: 10px;
	background-position: -20px -138px
}

html.editor, html.editor body {
	overflow-y: scroll;
	overflow-x: hidden
}

html.editor body {
	background: #f5f5f5
}

html.editor body div[ui-view] {
	display: none
}

#editor, #editor div, #editor dl, #editor dt, #editor dd, #editor ul,
	#editor ol, #editor li, #editor h1, #editor h2, #editor h3, #editor h4,
	#editor h5, #editor h6, #editor pre, #editor form, #editor fieldset,
	#editor input, #editor textarea, #editor p, #editor blockquote, #editor th,
	#editor td {
	margin: 0;
	padding: 0
}

#editor table {
	border-collapse: collapse;
	border-spacing: 0
}

#editor fieldset, #editor img {
	border: 0
}

#editor address, #editor caption, #editor cite, #editor code, #editor dfn,
	#editor em, #editor th, #editor var {
	font-style: normal;
	font-weight: 400
}

#editor ol, #editor ul {
	list-style: none
}

#editor caption, #editor th {
	text-align: left
}

#editor h1, #editor h2, #editor h3, #editor h4, #editor h5, #editor h6 {
	font-size: 100%;
	font-weight: 400
}

#editor q:before, #editor q:after {
	content: ''
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.tool-container, .tool-container *, .ui-section-menu *, .widget-item *,
	.medium-editor-toolbar *, .medium-editor-toolbar-form-anchor * {
	font-family: 'Slate W01', sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-size: 12px !important;
	line-height: 16px !important
}

.medium-editor-toolbar-anchor-preview {
	line-height: 16px !important
}

.medium-editor-toolbar-anchor-preview, #editor .section-name {
	font-family: 'Slate W01', sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important
}

#editor .section-name {
	font-size: 12px !important;
	line-height: 18px !important;
	margin-left: 2px
}

#editor input, #editor select, #editor textarea, #editor *, #publish *,
	#settings *, #css * {
	font-family: 'Slate W01', sans-serif !important;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 16px
}

#editor {
	display: none
}

#site, body {
	margin: 0;
	padding: 0
}

#site-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

#editor strong, .ui-section-menu strong, #settings strong {
	color: inherit !important;
	font-family: 'Slate W01', sans-serif !important;
	font-weight: 700 !important;
	font-style: bold !important
}

#editor * {
	z-index: 999
}

#editor a {
	color: inherit;
	cursor: pointer
}

#sidebar {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #0f0f0f;
	color: #fff;
	width: 60px;
	height: 100%;
	position: fixed !important;
	left: -60px;
	z-index: 9997;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .05)
}

#sidebar .editor-button {
	width: inherit;
	height: 90px;
	box-sizing: border-box;
	float: left;
	text-align: center;
	color: inherit !important;
	text-decoration: none !important;
	white-space: nowrap;
	overflow: hidden;
	font-size: 12px;
	display: inline;
	border-bottom: solid 1px #1e1e1e;
	padding-top: 18px;
	padding-bottom: 20px;
	font-family: 'Slate W01', sans-serif !important;
	font-style: normal;
	font-weight: 700;
	width: 60px
}

#sidebar .editor-button.unpublished-changes {
	padding: 7px 0 9px
}

#sidebar .editor-button .editor-button-inner {
	margin: 0 4px;
	padding: 11px 0;
	text-align: center;
	font-weight: 700;
	background-color: #2d2d2d;
	border-radius: 3px
}

#sidebar .publish-tooltip {
	opacity: 0;
	position: fixed;
	left: 68px;
	bottom: 34px;
	background: #000;
	padding: 15px;
	border-radius: 3px;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	pointer-events: none;
	z-index: 9999
}

#sidebar .editor-button.unpublished-changes:hover .publish-tooltip {
	opacity: 1
}

#sidebar .publish-tooltip:before {
	content: '';
	position: absolute;
	left: -6px;
	bottom: 25px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #000
}

#sidebar .publish-tooltip h2, #sidebar .publish-tooltip p {
	font-size: 12px
}

#sidebar .publish-tooltip h2 {
	font-weight: 700
}

#sidebar .editor-button:last-child {
	border-bottom: none
}

#sidebar .bottom {
	position: absolute;
	bottom: 0;
	z-index: 9998
}

#sidebar .editor-button .brandedicon {
	display: block;
	margin: 1px auto 4px
}

#sidebar .editor-button .brandedicon.logo {
	margin-top: 4px !important;
	margin-bottom: 7px !important
}

#sidebar .editor-button:hover, #sidebar .editor-button.active {
	background: #1e1e1e
}

#sidebar .content {
	width: 90px !important
}

#sidebar .profile.panel:after {
	top: 20%
}

#sidebar .more.panel:after {
	top: 50%;
	margin-top: -6px
}

#sidebar .undo-redo-wrapper {
	width: inherit;
	text-align: center;
	box-sizing: border-box;
	float: left;
	margin-bottom: 5px;
	display: inline;
	width: 60px;
	border-bottom: solid 1px #1e1e1e;
	border-top: solid 1px #1e1e1e
}

#sidebar .undo-redo-wrapper>a {
	float: left
}

#sidebar .undo-redo-wrapper>a:hover {
	background: #2d2d2d
}

#sidebar .undo-redo-wrapper>a>span {
	float: left;
	margin: 10px 7px
}

#sidebar #style-default .content .theme-select {
	border-radius: 6px;
	margin: 10px auto;
	display: block;
	width: 90px !important;
	height: 60px !important;
	cursor: pointer
}

#sidebar #style-default .content .theme-select:hover {
	opacity: .75
}

#sidebar #style-default .content .theme-select .selected {
	width: inherit;
	height: inherit;
	position: relative;
	border-radius: 6px
}

#sidebar #style-default .content .theme-select .selected img {
	width: 20px !important;
	height: 20px !important;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10px;
	margin-top: -10px
}

#edit-frame {
	left: 0;
	top: 0;
	position: absolute !important;
	z-index: 999;
	display: block;
	border: 1px solid #000;
	pointer-events: none
}

#delete-item {
	position: absolute;
	margin: 0;
	background: #0f0f0f;
	padding: 2px 4px;
	cursor: pointer
}

.ui-state-highlight {
	border: 1px solid #000;
	background: 0 0
}

.ui-section-menu .ui-state-highlight {
	border: none
}

.ui-sortable-placeholder {
	visibility: visible !important
}

.ui-list-block-display {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.ui-list-block-display li {
	display: block
}

.ui-list-block-placeholder {
	width: 100%;
	height: 60px;
	display: block;
	background: rgba(0, 0, 0, .08)
}

.tool-container {
	position: absolute !important;
	color: #fff !important;
	border-radius: 4px;
	display: none;
	height: 30px;
	margin-top: 12px;
	margin-left: -2px;
	background: #0f0f0f;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
	padding: 0;
	overflow: hidden
}

.tool-container * {
	cursor: pointer
}

.tool-container a .brandedicon {
	margin-left: 3px;
	margin-right: 3px
}

.tool-container a .toolbar-divider {
	cursor: default !important
}

.tool-container .toolbar-divider {
	height: 30px;
	border-right: 1px solid #2d2d2d;
	position: relative;
	padding: 0
}

.tool-container .toolbar-divider:hover {
	background: 0 0
}

.tool-container .ui-dropdown {
	width: auto;
	overflow: hidden;
	background-image: url(../img/icons/dropdown.png);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	margin-left: -6px
}

.tool-container .ui-dropdown select {
	margin: 0;
	padding: 0 14px 0 0;
	border: none;
	box-shadow: none;
	background: 0 0;
	background-image: none;
	-webkit-appearance: none;
	color: #fff;
	font-family: 'Slate W01', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	text-align: left
}

.tool-container .ui-dropdown select option {
	color: #000
}

.select-style select:focus {
	outline: none
}

.ui-toolbar {
	display: none;
	padding: 0 3px
}

.tool-item {
	display: inline-block;
	text-align: center;
	float: left;
	padding: 7px
}

.tool-item:hover {
	background: #2d2d2d
}

.toolbar-spacer {
	display: none
}

.tool-item.ui-dropdown {
	color: #fff;
	font-family: 'Slate W01', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	padding-left: 6px
}

.tool-item.ui-dropdown .dropdown {
	margin-top: 6px;
	float: right
}

#font-family-dropdown {
	width: 80px;
	text-align: left
}

#font-size-dropdown {
	width: 36px;
	text-align: left;
	font-size: 12px
}

.tool-item:active, .tool-item.active, .tool-item.ui-dropdown, .tool-item.color-box
	{
	opacity: 1 !important;
	filter: none
}

.tool-container .arrow {
	width: 0;
	height: 0;
	position: absolute !important;
	border-width: 7px;
	border-style: solid
}

.tool-container.tool-top .arrow, .tool-container.tool-custom .arrow {
	border-color: #fff transparent transparent;
	left: 50%;
	bottom: -14px;
	margin-left: -7px
}

.tool-container.tool-bottom .arrow {
	border-color: transparent transparent #fff;
	left: 50%;
	top: -14px;
	margin-left: -7px
}

.tool-container.tool-left .arrow {
	border-color: transparent transparent transparent #fff;
	top: 50%;
	right: -14px;
	margin-top: -7px
}

.tool-container.tool-right .arrow {
	border-color: transparent #fff transparent transparent;
	top: 50%;
	left: -14px;
	margin-top: -7px
}

.colpick {
	z-index: 99971
}

.colpick_submit {
	color: #fff !important;
	background: #1C9785 !important;
	border-radius: 6px !important;
	font-family: 'Slate W01', sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	width: 35px !important
}

.colpick_hex_field {
	background: #fff !important
}

#editor .ui-bordered-panel strong {
	font-weight: 700 !important;
	color: #fff !important
}

#editor .ui-bordered-panel:after, #editor .ui-bordered-panel:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute !important;
	pointer-events: none
}

#editor .ui-bordered-panel:after {
	border-color: #1E1E1E;
	border-left-color: #1E1E1E;
	border-width: 6px;
	margin-top: -6px
}

#editor .ui-bordered-panel:before {
	border-color: #1E1E1E;
	border-left-color: #1E1E1E;
	border-width: 9px;
	margin-top: -9px
}

#editor .ui-bordered-panel .secondary-button {
	margin-top: 6px
}

#editor .ui-bordered-panel {
	width: 120px !important;
	display: none
}

.ui-section-menu {
	background: #0f0f0f
}

.ui-section-menu * {
	position: static !important
}

.ui-section-menu>a:last-child {
	border-bottom: none
}

.ui-section-menu>a:hover .ui-section-menu>a.active {
	background: #1e1e1e
}

.context-menu {
	padding: 20px;
	background: #3c3c3c;
	width: 90px;
	box-sizing: border-box;
	position: relative !important;
	left: 0;
	top: 0;
	z-index: 9997 !important;
	border-radius: 6px;
	line-height: 25px;
	display: none;
	cursor: default
}

.context-menu a {
	width: inherit;
	width: 70px;
	padding: 0 10px;
	text-decoration: none !important;
	font-weight: 400 !important;
	cursor: pointer;
	line-height: 24px !important;
	display: block
}

.context-menu a:hover {
	background: #5a5a5a
}

#sidebar .panel {
	background: #1e1e1e;
	width: 90px;
	box-shadow: 5px 0 3px rgba(0, 0, 0, .1)
}

#sidebar .panel, #editor .ui-bordered-panel {
	padding: 15px !important;
	color: #fff !important;
	border-radius: 6px;
	line-height: 16px !important;
	font-family: 'Slate W01', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	z-index: 9997 !important;
	border: none !important;
	display: none;
	position: absolute !important
}

.ui-section-menu .panel {
	width: 90px
}

.ui-section-menu .panel, .floating.panel {
	padding: 15px !important;
	color: #fff !important;
	border-radius: 6px;
	line-height: 16px !important;
	font-size: 14px;
	z-index: 9997 !important;
	border: none !important;
	display: none;
	position: absolute !important
}

.floating.panel {
	font-family: 'Slate W01', sans-serif;
	font-weight: 400;
	font-style: normal
}

#sidebar .panel.profile, #sidebar .panel.more, #editor .ui-bordered-panel,
	.ui-section-menu .panel, .floating.panel {
	background: #1e1e1e;
	box-shadow: 0 0 5px 3px rgba(0, 0, 0, .15)
}

#sidebar .panel.profile, #sidebar .panel.more {
	padding: 5px 0 !important;
	width: 120px
}

#sidebar .panel.profile {
	top: 10px !important
}

#sidebar .panel.more {
	top: 266px !important
}

.floating.panel {
	left: 200px;
	top: 200px;
	width: 180px
}

#sidebar .panel.full {
	height: 100%;
	width: 120px;
	top: 0;
	left: 0;
	padding: 0 !important;
	border-radius: 0 !important
}

#sidebar .panel.full .sidehead {
	width: inherit;
	padding-top: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #2d2d2d;
	margin-top: 2px;
	text-align: center
}

#sidebar .panel.full .sidehead a {
	width: 60px;
	display: block;
	float: right;
	text-align: center
}

#sidebar .panel.full .content {
	margin: 15px
}

.panel input[type="text"] {
	display: block;
	width: inherit !important;
	height: 30px;
	padding: 4px 8px !important;
	box-sizing: border-box;
	border-radius: 3px;
	border: none;
	background: #2d2d2d;
	margin-top: 8px;
	margin-bottom: 4px;
	font-family: 'Slate W01', sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #fff;
	font-weight: 700;
	box-shadow: none
}

.panel .sortable-list input[type=text] {
	margin: 0 !important;
	width: 85px !important;
	height: 20px !important;
	padding: 0 4px !important
}

#sidebar .panel strong, .ui-section-menu .panel strong {
	color: #fff !important;
	text-decoration: none
}

.panel a, .panel a:visited, .panel a:active {
	color: #fff !important;
	text-decoration: underline
}

.ui-section-menu .panel {
	font-family: 'Slate W01', sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important
}

.ui-section-menu * {
	color: #fff !important
}

#sidebar .panel p, .ui-section-menu .panel p {
	line-height: 1.2em
}

.panel hr {
	margin: 20px 0
}

.panel hr, #sidebar hr, .ui-section-menu hr {
	height: 0;
	border: none;
	border-bottom: 1px solid #2d2d2d;
	outline: none;
	font-size: 1px
}

.ui-section-menu hr {
	margin: 20px auto;
	width: 40px
}

#sidebar hr {
	margin: 20px auto;
	width: 60px
}

#sidebar .panel hr {
	width: 100%
}

#sidebar .panel:after {
	content: '';
	position: absolute !important;
	top: 55%;
	right: 100%;
	width: 0;
	height: 0;
	border-right: 6px solid #1e1e1e;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent
}

#sidebar .panel.full:after {
	border: none;
	position: static
}

#sidebar .more.panel a, #sidebar .profile.panel a {
	display: block;
	line-height: 10px;
	text-decoration: none;
	font-family: 'Slate W01', sans-serif;
	font-style: normal;
	padding: 10px 15px;
	font-weight: 700 !important
}

#sidebar .more.panel a:hover, #sidebar .profile.panel a:hover {
	background: #2d2d2d
}

#sidebar .more.panel a .brandedicon, #sidebar .profile.panel a .brandedicon
	{
	margin-right: 6px;
	position: relative !important;
	top: 2px
}

#sidebar .more.panel a:hover, #sidebar .profile.panel a:hover {
	text-decoration: none
}

#sidebar .panel .sortable-list {
	margin-top: 12px;
	margin-bottom: 12px
}

#sidebar .panel .sortable-list li, .ui-section-menu .panel .sortable-list li
	{
	display: block;
	font-size: 12px;
	padding: 4px 2px;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0;
	height: 20px
}

#sidebar .panel .sortable-list li:nth-of-type(1) {
	border-top: 1px solid #3C3C3C
}

#sidebar .panel .sortable-list li {
	border-bottom: 1px solid #3C3C3C
}

#sidebar .panel .sortable-list li .down {
	display: none;
	cursor: pointer
}

#sidebar .panel .sortable-list li:hover .down {
	display: inline-block
}

#sidebar .panel .sortable-list li .add-section {
	margin-right: 5px;
	position: relative;
	top: 4px
}

.ui-section-menu .panel .management-list {
	margin: 6px 0 0;
	list-style: none
}

.ui-section-menu .panel .management-list li {
	font-weight: 700;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 84px;
	padding-left: 6px;
	padding-right: 0;
	display: inline-block;
	color: #fff;
	position: relative !important;
	cursor: move;
	border-top: 1px solid #2d2d2d
}

.ui-section-menu .panel .management-list li .brandedicon.element-delete
	{
	cursor: pointer;
	position: relative !important;
	top: 1px;
	left: -6px
}

.panel input[type=checkbox] {
	display: none;
	position: relative !important
}

.panel input[type=checkbox]+label, .panel input[type=checkbox]:checked+label
	{
	display: inline-block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../img/icons.png);
	width: 15px;
	height: 15px;
	padding: 0;
	cursor: pointer;
	transition: none;
	position: relative !important
}

.panel input[type=checkbox]+label:hover {
	opacity: .6
}

.ui-section-menu .panel input[type=checkbox]+label, .ui-section-menu .panel input[type=checkbox]:checked+label
	{
	float: left;
	margin-bottom: 4px;
	color: #fff !important
}

.ui-section-menu .panel input[type=checkbox]+label+span,
	.ui-section-menu .panel input[type=checkbox]:checked+label+span {
	position: relative !important;
	top: 4px;
	left: 2px;
	color: #fff !important
}

.panel .sortable-list li input[type=checkbox]+label, .panel .sortable-list li input[type=checkbox]:checked+label
	{
	position: relative !important;
	left: -2px;
	top: -1px
}

.panel input[type=checkbox]+label {
	background-position: -64px -76px
}

.panel input[type=checkbox]:checked+label {
	background-position: -49px -76px
}

.panel .sortable-list li .section-name {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 52px;
	height: 18px;
	display: inline-block;
	color: #fff;
	position: relative !important;
	top: 1px;
	font-weight: 400
}

.panel .sortable-list li {
	cursor: move
}

.panel .sortable-list li .draggable {
	float: right;
	position: relative !important;
	top: 6px
}

.panel .sortable-list li .down {
	float: right;
	position: relative !important;
	top: 8px
}

.ui-section-menu .panel .sortable-list {
	margin-top: 4px
}

.primary-button, .secondary-button {
	display: block;
	text-align: center;
	color: #fff !important;
	background: #76b5c0;
	border-radius: 3px;
	padding: 6px;
	cursor: pointer;
	text-decoration: none !important;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);
	font-family: 'Slate W01', sans-serif;
	font-weight: 400 !important;
	font-style: normal
}

.primary-button:hover {
	background: #4BA5B4
}

.secondary-button {
	background: #2d2d2d
}

.secondary-button:hover {
	background: #3C3C3C
}

#ui-text-linkedin, #ui-text-facebook, #ui-text-twitter,
	#ui-text-google_plus {
	margin-bottom: 0
}

#sidebar .style.panel .color-box {
	float: left;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	margin: 3px;
	cursor: pointer;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 0 0 1px
		rgba(0, 0, 0, .3)
}

#sidebar .style.panel .color-box:hover {
	opacity: .75
}

#sidebar .style.panel .color-check {
	margin-left: 2px;
	margin-top: 3px
}

#sidebar .style.panel .no-color {
	margin-left: 3px;
	margin-top: 3px
}

.ui-section-menu {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	z-index: 9997 !important;
	display: block;
	width: 30px !important;
	background-color: #0f0f0f;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .05)
}

.ui-section-menu .secondary-button, .ui-section-menu p {
	color: #fff !important
}

.ui-section-menu>a {
	border-top: solid 1px #1e1e1e;
	border-bottom: none;
	padding: 10px 10px 9px;
	display: block;
	border-radius-bottom-left: 3px;
	border-radius-bottom-right: 3px
}

.ui-section-menu>a:first-child {
	border-top: none
}

.ui-section-menu>a:last-child {
	border-top: solid 1px #1e1e1e
}

.ui-section-menu>a:hover {
	background-color: #1e1e1e;
	border-radius: 3px !important
}

.ui-section-menu a[tooltip] {
	cursor: pointer !important;
	display: block;
	width: 30px;
	height: 30px;
	border-top: 1px solid #2D2D2D
}

.ui-section-menu a[tooltip]:nth-of-type(1) {
	border-top: none
}

.ui-section-menu .primary-button, .ui-section-menu .secondary-button {
	margin-top: 6px;
	margin-bottom: 6px
}

.ui-section-menu .primary-button.final, .ui-section-menu .secondary-button.final
	{
	margin-bottom: 0
}

.ui-section-menu .panel .image-preview-container .image-preview {
	background-size: cover;
	border-radius: 6px;
	display: block;
	cursor: pointer;
	float: left;
	width: 41px;
	height: 30px;
	margin: 5px 1px
}

.ui-section-menu .panel .image-preview-container .image-preview .checkmark
	{
	margin-left: 11px;
	margin-top: 5px
}

.ui-section-menu .panel .image-preview-container .image-preview:nth-of-type(odd)
	{
	margin-right: 5px !important
}

.panel .secondary-button.tiny {
	width: 42px;
	height: 30px;
	padding: 0;
	float: left;
	display: block;
	margin: 5px 0 0
}

.ui-toolbelt {
	position: absolute !important;
	display: none;
	text-align: center;
	max-height: 40px
}

.ui-toolbelt a {
	float: left
}

.panel .buttonset {
	text-align: center;
	top: 8px
}

.panel .buttonset, .panel .iconset {
	margin-left: auto;
	margin-right: auto;
	position: relative !important;
	font-weight: 700
}

.panel .iconset {
	height: 30px;
	margin-bottom: 6px;
	top: 2px
}

.panel .iconset, .panel .buttonset a {
	text-align: center
}

.panel .buttonset a, .panel .iconset a {
	display: inline-block;
	border-radius: 3px;
	margin: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	box-sizing: border-box;
	font-style: normal;
	background-color: transparent;
	border: solid 1px #2d2d2d;
	font-weight: 400 !important
}

.panel .buttonset:hover a, .panel .iconset:hover a {
	border-color: #3c3c3c
}

.panel .iconset a {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	text-align: center
}

.panel .iconset.double a {
	width: 45px
}

.panel .iconset a .brandedicon {
	margin: 0;
	display: inline-block
}

.panel .iconset a.active, .panel .iconset a.set {
	background-color: #2d2d2d
}

.panel .iconset:hover a.active:hover, .panel .iconset:hover a.set {
	background-color: #3c3c3c
}

.panel .iconset a:nth-of-type(1), .panel .iconset a:nth-of-type(2) {
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.panel .iconset a:nth-of-type(2), .panel .iconset a:nth-of-type(3) {
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.panel .iconset a .brandedicon.structure-left, .panel .iconset a .brandedicon.structure-right
	{
	position: relative !important;
	top: -3px
}

.buttonset .button-left, .buttonset .button-right {
	width: 45px
}

.buttonset .brandedicon {
	margin: 0;
	display: inline-block
}

.ui-section-menu .panel .buttonset .button-left, .ui-section-menu .panel .buttonset .button-right
	{
	width: 42px;
	text-align: center
}

.buttonset a:nth-of-type(1) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	text-decoration: none
}

.buttonset a:nth-of-type(2) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -4px;
	text-decoration: none
}

.panel .buttonset .button-left.active, .panel .buttonset .button-right.active
	{
	background: #2d2d2d
}

.panel .buttonset:hover .button-left.active, .panel .buttonset:hover .button-right.active
	{
	background: #3c3c3c
}

.ui-section-menu .panel input[type=checkbox]+label, .ui-section-menu .panel input[type=checkbox]:checked+label
	{
	position: relative !important;
	top: 3px;
	margin-top: 4px;
	margin-right: 5px
}

.ui-section-menu .panel:after {
	left: 100%;
	top: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute !important;
	pointer-events: none;
	border-color: rgba(34, 34, 34, 0);
	border-left-color: #1e1e1e;
	border-width: 4px;
	margin-top: -4px
}

.ui-section-menu .panel.pos2:after, .ui-section-menu .panel.pos3structure:after
	{
	top: 50px
}

.ui-section-menu .panel.pos3:after {
	top: 53px
}

.widget-item {
	width: 90px;
	height: 30px;
	background: #2d2d2d;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 6px;
	margin-top: 6px;
	margin-bottom: 6px;
	text-align: left;
	cursor: move;
	padding: 8px;
	display: block
}

.widget-item:hover {
	background: #3c3c3c
}

.widget-item .txt {
	position: relative !important;
	top: -4px;
	margin-top: 2px;
	text-transform: capitalize;
	font-weight: 700 !important;
	line-height: 22px !important
}

.widget-item .brandedicon {
	margin: 2px 8px 2px 2px;
	float: left
}

.widget-item .brandedicon.space {
	margin-left: 4px;
	margin-right: 10px
}

.widget-item .brandedicon.button {
	display: inline-block !important;
	overflow: hidden !important;
	background: none !important;
	background-repeat: no-repeat !important;
	background-image: url(../img/icons.png) !important;
	width: 10px !important;
	height: 6px !important;
	padding: 0 !important;
	margin: 4px 8px 2px 2px !important;
	background-position: 0 -160px !important
}

.editable-placeholder, .medium-editor-placeholder {
	opacity: .6
}

#publish * {
	position: relative
}

#publish {
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(15, 15, 15, .9);
	top: 0;
	left: 0
}

#publish, #editor #settings, #css, #gallery {
	z-index: 9999
}

#editor #settings, #css, #gallery, #onboarding {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: none;
	display: none;
	background: rgba(15, 15, 15, .9);
	top: 0;
	left: 0
}

#publish .close, #settings .close, #css .close, #gallery .close {
	width: 36px;
	height: 36px;
	border: solid 2px #fff;
	border-radius: 40px;
	position: fixed;
	right: 40px;
	top: 40px;
	background: url(../img/modals/close.png) no-repeat center;
	cursor: pointer;
	-webkit-transition: transform .5s;
	transition: transform .5s
}

#publish .close:hover, #settings .close:hover, #css .close:hover,
	#gallery .close:hover {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

#settings * {
	position: relative
}

#settings .proceed {
	color: #fff;
	display: block;
	width: 320px;
	text-align: center;
	margin: 30px auto;
	opacity: .5;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	font-size: 14px
}

#settings .proceed:hover {
	opacity: 1
}

#settings h2 {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #3C3C3C !important
}

#settings p {
	line-height: 20px !important
}

#settings p, #settings span {
	font-size: 14px !important;
	color: #5a5a5a
}

#settings p a {
	color: #76b5c0;
	font-size: inherit
}

#settings p a:hover {
	text-decoration: underline
}

#settings span a {
	color: #5a5a5a;
	text-decoration: underline;
	font-size: inherit
}

#settings span a:hover {
	color: #3c3c3c
}

#settings input[type="text"] {
	height: 14px;
	border: solid 1px #e1e1e1
}

#settings input[type="text"], #settings textarea {
	float: left;
	padding: 14px;
	background: #f5f5f5;
	border-radius: 3px;
	font-size: 14px;
	color: #3C3C3C
}

#settings textarea {
	height: 20px;
	border: solid 1px #E1E1E1;
	resize: none
}

#settings select {
	width: 380px;
	height: 44px;
	background: #f5f5f5;
	border: solid 1px #e1e1e1;
	color: #3C3C3C
}

#settings select, #settings .button {
	font-size: 14px;
	border-radius: 3px;
	float: left;
	cursor: pointer
}

#settings .button {
	background: #76b5c0;
	color: #fff;
	box-shadow: 0 1px 3px #E1E1E1;
	text-align: center;
	width: 100%;
	line-height: 40px;
	-webkit-transition: background .5s;
	transition: background .5s;
	border: none;
	margin: 0;
	font-weight: 700
}

#settings .button:hover {
	background: #4BA5B4
}

#settings input[type="submit"] {
	background: #76b5c0;
	color: #fff;
	font-size: 14px;
	box-shadow: 0 1px 3px #E1E1E1;
	border-radius: 3px;
	text-align: center;
	float: left;
	width: 100%;
	line-height: 44px;
	-webkit-transition: background .5s;
	transition: background .5s;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0
}

#settings input[type="submit"]:hover {
	background: #4BA5B4
}

#settings .notification {
	float: left;
	width: 100%;
	border-radius: 3px;
	color: #3C3C3C;
	margin-top: 20px
}

#settings .notification.error {
	background: url(../img/modals/error.png) no-repeat left 20px top 20px
		#EBE8DD;
	border: solid 1px #D8D4C8
}

#settings .notification.success {
	background: url(../img/modals/success.png) no-repeat left 20px top 20px
		#CDE3E7;
	border: solid 1px #A5C7CD
}

#settings .notification .close-notification {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(../img/modals/close-alert.png) no-repeat center
}

#settings .notification .close-notification:hover {
	opacity: .5
}

#settings .notification h2 {
	float: left;
	width: 75%;
	margin: 20px 10% 10px 15%;
	color: #3C3C3C
}

#settings .notification p {
	float: left;
	width: 75%;
	margin: 0 10% 20px 15%;
	color: #3C3C3C
}

#settings .notification p a {
	color: #3C3C3C;
	text-decoration: underline
}

#settings .notification .button {
	float: left;
	width: auto;
	padding: 0 20px;
	margin-bottom: 20px;
	margin-left: 15%
}

#settings .settings {
	width: 640px;
	background: #F5F5F5;
	border-radius: 3px;
	margin: 30px auto;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

#settings .settings .side {
	float: left;
	width: 179px;
	color: #fff;
	z-index: 2
}

#settings .settings .side h2 {
	float: left;
	width: 100px;
	margin: 40px 40px 20px;
	color: #3C3C3C
}

#settings .settings .side .menu {
	float: left
}

#settings .settings .side .menu a {
	float: left;
	width: 80px;
	padding: 0 40px 0 60px;
	color: #3c3c3c !important;
	background-repeat: no-repeat;
	background-position: 40px;
	font-size: 14px;
	line-height: 30px;
	border-top: solid 1px transparent;
	border-bottom: solid 1px transparent
}

#settings .settings .side .menu a.active {
	background-color: #fff;
	border-top-color: #E1E1E1;
	border-bottom-color: #E1E1E1
}

#settings .settings .side .menu a.general {
	background-image: url(../img/modals/general.png)
}

#settings .settings .side .menu a.domains {
	background-image: url(../img/modals/domain.png)
}

#settings .settings .side .menu a.email {
	background-image: url(../img/modals/email.png)
}

#settings .settings .side .menu a.seo {
	background-image: url(../img/modals/seo.png)
}

#settings .settings .base {
	float: left;
	width: 380px;
	min-height: 300px;
	padding: 40px;
	background: #fff;
	border-left: solid 1px #E1E1E1;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

#settings .settings .base>div {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

#settings .settings .base>div:last-child {
	margin-bottom: 0
}

#settings .settings .base h2 {
	margin-bottom: 5px
}

#settings .settings .base p {
	margin-bottom: 10px
}

#settings .settings .base .brandedme-url>div {
	float: left;
	width: 300px
}

#settings .settings .base .brandedme-url input[type="text"] {
	width: 270px
}

#settings .settings .base .brandedme-url>div p {
	position: absolute;
	line-height: 14px;
	height: 10px;
	top: 12px;
	right: 15px
}

#settings .settings .base .brandedme-url span {
	float: right;
	width: auto;
	line-height: 40px
}

#settings .settings .base .website-title input[type="text"] {
	width: 348px
}

#settings .settings .base .favicon {
	float: left;
	width: 180px
}

#settings .settings .base .favicon>div {
	float: left;
	width: 100%
}

#settings .settings .base .favicon>div .image {
	float: left;
	width: 16px;
	height: 16px;
	padding: 12px;
	border-radius: 3px;
	border: solid 1px #e1e1e1;
	text-align: center;
	margin-right: 10px
}

#settings .settings .base .favicon>div .image img {
	max-width: 16px;
	max-height: 16px
}

#settings .settings .base .favicon>div span {
	float: left;
	line-height: 40px
}

#settings .settings .base .shared-image {
	float: left;
	width: 180px;
	margin-left: 20px
}

#settings .settings .base .shared-image>div {
	float: left;
	width: 100%
}

#settings .settings .base .shared-image>div .image {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	border: solid 1px #e1e1e1;
	text-align: center;
	margin-right: 10px;
	overflow: hidden
}

#settings .settings .base .shared-image>div span {
	float: left;
	line-height: 40px
}

#settings .settings .base .custom-domain>form {
	float: left;
	width: 100%
}

#settings .settings .base .custom-domain>form input[type="text"] {
	float: left;
	width: 128px
}

#settings .settings .base .custom-domain>form select {
	float: left;
	width: 78px;
	margin-left: 10px
}

#settings .settings .base .custom-domain>form input[type="submit"] {
	float: right;
	width: 120px
}

#settings .settings .base .custom-domain .configure-domain {
	display: inline-block;
	margin-top: 10px;
	color: #5a5a5a;
	text-decoration: underline
}

#settings .settings .base .custom-email, #settings .settings .base .register-domain
	{
	padding-top: 40px;
	border-top: solid 1px #E1E1E1
}

#settings .settings .base.pro .custom-domain>form input[type="text"] {
	float: left;
	width: 220px
}

#settings .settings .base .custom-email-setup .email-item {
	float: left;
	width: 340px;
	padding: 20px;
	border: solid 1px #E1E1E1;
	margin-bottom: 10px;
	border-radius: 3px;
	overflow: hidden
}

#settings .settings .base .custom-email-setup .email-item:last-child {
	margin-bottom: 20px
}

#settings .settings .base .custom-email-setup .email-item>div {
	float: left;
	width: 200px
}

#settings .settings .base .custom-email-setup .email-item>div>h2 {
	margin-bottom: 0
}

#settings .settings .base .custom-email-setup .email-item>div>p {
	background: url(../img/modals/forward.png) no-repeat top 2px left 0;
	padding-left: 15px;
	margin-bottom: 0
}

#settings .settings .base .custom-email-setup .email-item .edit {
	float: right;
	width: 30px;
	height: 30px;
	background: url(../img/modals/edit.png) no-repeat center
}

#settings .settings .base .custom-email-setup .email-item .delete {
	float: right;
	width: 30px;
	height: 30px;
	background: url(../img/modals/delete.png) no-repeat center
}

#settings .settings .base .custom-email-setup .email-item a:hover {
	opacity: .5
}

#settings .settings .base .custom-email-setup form.email-item {
	height: auto;
	display: none
}

#settings .settings .base .custom-email-setup form.email-item>div {
	margin-bottom: 20px;
	float: left;
	width: 100%
}

#settings .settings .base .custom-email-setup form.email-item h2 {
	margin-bottom: 10px;
	width: 100%;
	float: left
}

#settings .settings .base .custom-email-setup form.email-item .custom input
	{
	float: left;
	width: 310px
}

#settings .settings .base .custom-email-setup form.email-item .custom span
	{
	float: left;
	line-height: 40px
}

#settings .settings .base .custom-email-setup form.email-item .forward {
	margin-bottom: 15px
}

#settings .settings .base .custom-email-setup form.email-item .forward input
	{
	float: left;
	width: 310px
}

#settings .settings .base .custom-email-setup form.email-item .close-box
	{
	width: 15px;
	height: 15px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(../img/modals/close-alert.png) no-repeat center
}

#settings .settings .base .custom-email-setup .email-item form {
	height: auto;
	float: left;
	padding-top: 20px;
	border-top: solid 1px #E1E1E1;
	margin-top: 20px;
	display: none
}

#settings .settings .base .custom-email-setup .email-item form>div {
	margin-bottom: 20px;
	float: left;
	width: 100%
}

#settings .settings .base .custom-email-setup .email-item form h2 {
	margin-bottom: 10px;
	width: 100%;
	float: left
}

#settings .settings .base .custom-email-setup .email-item form .custom input
	{
	float: left;
	width: 90px;
	margin-right: 10px
}

#settings .settings .base .custom-email-setup .email-item form .custom span
	{
	float: left;
	line-height: 40px
}

#settings .settings .base .custom-email-setup .email-item form .forward
	{
	margin-bottom: 15px
}

#settings .settings .base .custom-email-setup .email-item form .forward input
	{
	float: left;
	width: 310px
}

#settings .settings .base .custom-email-setup .email-item form .close-box
	{
	width: 15px;
	height: 15px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(../img/modals/close-alert.png) no-repeat center
}

#settings .settings .base .custom-email-setup form.email-item .close-box:hover
	{
	opacity: .5
}

#settings .settings .base .custom-email-setup .notification {
	margin-top: 0;
	margin-bottom: 20px
}

#settings .settings .base.seo>div:last-child {
	margin-bottom: 0
}

#settings .settings .base.seo>div input[type="text"] {
	width: 350px
}

#settings .settings .base.seo>div textarea {
	width: 350px;
	height: 45px
}

#css h2 {
	font-size: 14px;
	font-weight: 700;
	color: #3C3C3C
}

#css p {
	line-height: 20px
}

#css p, #css span {
	font-size: 14px;
	color: #5a5a5a
}

#css p a {
	color: #76b5c0
}

#css p a:hover {
	text-decoration: underline
}

#css span a {
	color: #5a5a5a;
	text-decoration: underline
}

#css span a:hover {
	color: #3c3c3c
}

#css input[type="text"] {
	height: 10px;
	background: #f5f5f5;
	border: solid 1px #e1e1e1;
	color: #3C3C3C
}

#css input[type="text"], #css textarea {
	float: left;
	padding: 14px;
	border-radius: 3px;
	font-size: 14px
}

#css textarea {
	height: 20px;
	border: solid 1px #E1E1E1;
	resize: none
}

#css textarea, #css select {
	background: #f5f5f5;
	color: #3C3C3C
}

#css select {
	width: 380px;
	height: 40px;
	border: solid 1px #e1e1e1
}

#css select, #css .button {
	font-size: 14px;
	border-radius: 3px;
	float: left;
	cursor: pointer
}

#css .button {
	background: #76b5c0;
	color: #fff;
	box-shadow: 0 1px 3px #E1E1E1;
	text-align: center;
	width: 100%;
	line-height: 40px;
	-webkit-transition: background .5s;
	transition: background .5s;
	border: none;
	margin: 0
}

#css .button:hover {
	background: #4BA5B4
}

#css input[type="submit"] {
	background: #76b5c0;
	color: #fff;
	font-size: 14px;
	box-shadow: 0 1px 3px #E1E1E1;
	border-radius: 3px;
	text-align: center;
	float: left;
	width: 100%;
	line-height: 40px;
	-webkit-transition: background .5s;
	transition: background .5s;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0
}

#css input[type="submit"]:hover {
	background: #4BA5B4
}

#css .notification {
	float: left;
	width: 100%;
	border-radius: 3px;
	color: #3C3C3C;
	margin-top: 20px
}

#css .notification.error {
	background: url(../img/modals/error.png) no-repeat left 20px top 20px
		#EBE8DD;
	border: solid 1px #D8D4C8
}

#css .notification.success {
	background: url(../img/modals/success.png) no-repeat left 20px top 20px
		#CDE3E7;
	border: solid 1px #A5C7CD
}

#css .notification .close-notification {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(../img/modals/close-alert.png) no-repeat center
}

#css .notification .close-notification:hover {
	opacity: .5
}

#css .notification h2 {
	float: left;
	width: 75%;
	margin: 20px 10% 10px 15%;
	color: #3C3C3C
}

#css .notification p {
	float: left;
	width: 75%;
	margin: 0 10% 20px 15%;
	color: #3C3C3C
}

#css .notification p a {
	color: #3C3C3C;
	text-decoration: underline
}

#css .notification .button {
	float: left;
	width: auto;
	padding: 0 20px;
	margin-bottom: 20px;
	margin-left: 15%
}

#css .code {
	width: 460px;
	background: #F5F5F5;
	border-radius: 3px;
	margin: 30px auto;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	overflow: hidden
}

#css .code .header {
	float: left;
	width: 380px;
	padding: 20px 40px;
	z-index: 2;
	border-bottom: solid 1px #E1E1E1
}

#css .code .header>div {
	float: left;
	width: 260px
}

#css .code .header>div h2 {
	float: left;
	width: 100%;
	color: #3C3C3C;
	line-height: 20px
}

#css .code .header>div p {
	float: left;
	width: 100%;
	color: #5a5a5a;
	line-height: 20px
}

#css .code .header .button {
	float: right;
	width: 90px
}

#css .code .base {
	float: left;
	width: 100%;
	min-height: 480px;
	background: #fff
}

#css .code .base textarea {
	float: left;
	width: 380px;
	height: 420px;
	padding: 20px 40px;
	border: none;
	background: #fff;
	font-family: 'Slate W01', sans-serif;
	font-size: 14px;
	line-height: 20px
}

#gallery .proceed {
	color: #fff;
	display: block;
	width: 320px;
	text-align: center;
	margin: 30px auto;
	opacity: .5;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	font-size: 14px
}

#gallery .proceed:hover {
	opacity: 1
}

#gallery h2 {
	font-size: 14px;
	font-weight: 700;
	color: #3C3C3C
}

#gallery p {
	line-height: 20px
}

#gallery p, #gallery span {
	font-size: 14px;
	color: #5a5a5a
}

#gallery p a {
	color: #76b5c0
}

#gallery p a:hover {
	text-decoration: underline
}

#gallery span a {
	color: #5a5a5a;
	text-decoration: underline
}

#gallery span a:hover {
	color: #3c3c3c
}

#gallery input[type="text"] {
	height: 10px;
	border: solid 1px #e1e1e1
}

#gallery input[type="text"], #gallery textarea {
	float: left;
	padding: 14px;
	background: #f5f5f5;
	border-radius: 3px;
	font-size: 14px;
	color: #3C3C3C
}

#gallery textarea {
	height: 20px;
	border: solid 1px #E1E1E1;
	resize: none
}

#gallery select {
	width: 380px;
	height: 40px;
	background: #f5f5f5;
	border: solid 1px #e1e1e1;
	color: #3C3C3C
}

#gallery select, #gallery .button {
	font-size: 14px;
	border-radius: 3px;
	float: left;
	cursor: pointer
}

#gallery .button {
	background: #76b5c0;
	color: #fff;
	box-shadow: 0 1px 3px #E1E1E1;
	text-align: center;
	width: 100%;
	line-height: 40px;
	-webkit-transition: background .5s;
	transition: background .5s;
	border: none;
	margin: 0
}

#gallery .button:hover {
	background: #4BA5B4
}

#gallery iframe {
	width: 100%;
	height: 500px;
	border: none
}

#gallery input[type="submit"] {
	background: #76b5c0;
	color: #fff;
	font-size: 14px;
	box-shadow: 0 1px 3px #E1E1E1;
	border-radius: 3px;
	text-align: center;
	float: left;
	width: 100%;
	line-height: 40px;
	-webkit-transition: background .5s;
	transition: background .5s;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0
}

#gallery input[type="submit"]:hover {
	background: #4BA5B4
}

#gallery .image-picker {
	width: 880px;
	background: #fff;
	border-radius: 3px;
	overflow: hidden;
	margin: 30px auto;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

#gallery .image-picker .header {
	float: left;
	width: 800px;
	padding: 15px 40px;
	background: #f5f5f5;
	border-bottom: solid 1px #e1e1e1
}

#gallery .image-picker .header h2 {
	float: left;
	width: auto
}

#gallery .image-picker .header .tabs {
	float: right
}

#gallery .image-picker .header .tabs a {
	color: #3c3c3c;
	font-size: 14px;
	margin-left: 20px;
	border-bottom: solid 2px transparent;
	padding-bottom: 14px
}

#gallery .image-picker .header .tabs a.active {
	border-color: #76b5c0
}

#gallery .image-picker .side {
	float: left;
	width: 140px;
	padding: 40px 0 40px 40px;
	z-index: 2
}

#gallery .image-picker .side .menu {
	float: left;
	width: 100%;
	margin-top: 10px
}

#gallery .image-picker .side .menu a {
	float: left;
	width: 119px;
	color: #3c3c3c;
	font-size: 14px;
	line-height: 30px;
	padding: 0 10px;
	text-transform: capitalize
}

#gallery .image-picker .side .menu a.active {
	border-color: #76b5c0;
	border-right: solid 2px #76b5c0;
	background: #f5f5f5
}

#gallery .image-picker .side .menu a:hover {
	background: #f5f5f5
}

#gallery .image-picker .side p {
	line-height: 18px;
	margin: 10px 0
}

#gallery .image-picker .main.library {
	float: right;
	width: 620px;
	min-height: 350px;
	margin: 0;
	padding-left: 40px;
	border-left: solid 1px #e1e1e1
}

#gallery .image-picker .main.library .images {
	float: left;
	width: 100%;
	height: 380px;
	padding: 40px 0 30px;
	overflow-y: scroll;
	overflow-x: hidden
}

#gallery .image-picker .main.library .images .image {
	background: #e1e1e1;
	width: 132px;
	height: 90px;
	float: left;
	margin: 0 10px 10px 0;
	border-radius: 3px;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	transition: opacity .4s;
	background-size: cover
}

#gallery .image-picker .main.library .images .image img {
	min-width: 120px;
	max-width: 120px
}

#gallery .image-picker .main.library .images .image:hover {
	opacity: .6
}

#gallery .image-picker .main.library .image:nth-child(4n+4) {
	margin: 0 0 10px
}

#gallery .image-picker .main.upload {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	border-left: none
}

#gallery .uploader {
	border: 4px dashed #ddd;
	width: 730px;
	color: #92AAB0;
	text-align: center;
	vertical-align: middle;
	padding: 100px 40px 140px;
	font-size: 24px;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 30px
}

#gallery .uploader div.title {
	font-size: 28px
}

#gallery .uploader div.title, #gallery .uploader div.or {
	text-align: center;
	color: #878787
}

#gallery .uploader-active {
	border-color: #0B85A1
}

#gallery .uploader div.or {
	font-size: 18px;
	padding: 10px
}

#gallery .uploader div.browser label {
	position: relative;
	overflow: hidden;
	display: block;
	width: 300px;
	background: #76b5c0;
	font-size: 14px;
	box-shadow: 0 1px 3px #E1E1E1;
	border-radius: 3px;
	text-align: center;
	float: left;
	line-height: 40px;
	-webkit-transition: background .5s;
	transition: background .5s;
	border: none;
	cursor: pointer;
	font-weight: 700;
	color: #fff;
	left: 50%;
	margin: 10px auto 0 -150px
}

#gallery .uploader div.browser label span {
	color: #fff
}

#gallery .uploader div.browser span {
	cursor: pointer
}

#gallery .uploader div.browser input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: 0;
	filter: alpha(opacity = 0);
	-o-transform: translate(250px, -50px) scale(1);
	-moz-transform: translate(-300px, 0) scale(4);
	direction: ltr;
	cursor: pointer
}

#gallery .uploader div.browser label:hover {
	background-color: #4BA5B4
}

.styled-select select {
	padding: 4px 4px 4px 8px;
	margin: 0;
	background: 0 0;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	width: 80px;
	height: 30px;
	color: #fff;
	border-radius: 4px;
	border: none;
	font-weight: 400 !important
}

.styled-select select option {
	color: #000 !important
}

.styled-select {
	overflow: hidden;
	width: 90px;
	height: 30px;
	background: url(../img/icons/dropdown.png) no-repeat 75px 10px #2D2D2d;
	border-radius: 3px
}

.styled-select:hover {
	background-color: #3c3c3c
}

.styled-range {
	overflow: hidden;
	width: 90px;
	height: 40px;
	background: #2D2D2d;
	border-radius: 3px;
	padding: 4px 0 4px 8px;
	box-sizing: border-box;
	line-height: 15px;
	font-weight: 400 !important
}

.styled-range:hover {
	background-color: #3c3c3c
}

.styled-range input[type=range] {
	width: 70px;
	margin-bottom: 4px;
	cursor: pointer
}

#css .notification, #publish .notification, #settings .notification {
	top: 0 !important
}

.advanced.image-small .img-small, .advanced.image-small.active .img-small-active,
	.advanced.image-medium .img-medium, .advanced.image-medium.active .img-medium-active,
	.advanced.image-large .img-large, .advanced.image-large.active .img-large-active
	{
	display: inline-block !important
}

.advanced.image-small.active .img-small, .advanced.image-small .img-small-active,
	.advanced.image-medium.active .img-medium, .advanced.image-medium .img-medium-active,
	.advanced.image-large.active .img-large, .advanced.image-large .img-large-active
	{
	display: none !important
}

.advanced.small .button-small, .advanced.small.active .button-small-active,
	.advanced.medium .button-medium, .advanced.medium.active .button-medium-active,
	.advanced.large .button-large, .advanced.large.active .button-large-active
	{
	display: inline-block !important
}

.advanced.small.active .button-small, .advanced.small .button-small-active,
	.advanced.medium.active .button-medium, .advanced.medium .button-medium-active,
	.advanced.large.active .button-large, .advanced.large .button-large-active
	{
	display: none !important
}

.advanced.left .button-left, .advanced.left.active .button-left-active,
	.advanced.center .button-center, .advanced.center.active .button-center-active,
	.advanced.right .button-right, .advanced.right.active .button-right-active
	{
	display: inline-block !important
}

.advanced.left.active .button-left, .advanced.left .button-left-active,
	.advanced.center.active .button-center, .advanced.center .button-center-active,
	.advanced.right.active .button-right, .advanced.right .button-right-active
	{
	display: none !important
}

.centered {
	text-align: center !important
}

#onboarding {
	display: none;
	background: 0 0;
	z-index: 99997
}

#onboarding .container {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: none;
	z-index: 99998;
	top: 0;
	display: none
}

#onboarding .container.stage1 {
	left: 180px
}

#onboarding .container.stage2 {
	right: 180px
}

#onboarding .container.stage3 {
	left: 60px
}

#onboarding .dialog {
	position: fixed;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	width: 220px;
	border-radius: 4px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .3)
}

#onboarding .stage1 .dialog {
	left: 212px;
	top: 90px
}

#onboarding .stage1 .dialog img {
	display: none
}

#onboarding .stage2 .dialog {
	right: 212px;
	top: 110px
}

#onboarding .stage3 .dialog {
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -120px
}

#onboarding .stage4 .dialog {
	left: 80px;
	bottom: 20px
}

#onboarding .stage1 .dialog:after, #onboarding .stage4 .dialog:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 6px;
	margin-top: -6px
}

#onboarding .stage2 .dialog:after, #onboarding .stage3 .dialog:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(232, 232, 232, 0);
	border-left-color: #fff;
	border-width: 6px;
	margin-top: -6px
}

#onboarding * {
	font-family: 'Slate W01', sans-serif !important;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #5C5C5C
}

#onboarding strong {
	font-size: 18px;
	text-align: center;
	font-family: 'Slate W01', sans-serif;
	font-weight: 700;
	color: #3c3c3c !important;
	letter-spacing: 0;
	margin-bottom: 8px
}

#onboarding img, #onboarding p {
	margin-top: 6px;
	margin-bottom: 4px
}

#onboarding .container .dialog .primary-button, #onboarding .container .dialog .secondary-button
	{
	display: block;
	width: 85px;
	height: 30px;
	box-sizing: border-box;
	box-shadow: none;
	margin-top: 10px;
	margin-bottom: 38px;
	font-weight: 700 !important;
	font-style: bold !important;
	text-transform: background .2s
}

#onboarding .container .dialog .primary-button {
	float: left
}

#onboarding .container .dialog .secondary-button {
	float: right;
	background: #E1E1E1;
	color: #5A5A5A !important
}

#onboarding .container .dialog .secondary-button:hover {
	background: #f5f5f5
}

#onboarding .container .dialog .bottom-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 180px;
	padding: 4px 20px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top: solid 1px #e1e1e1;
	background: #f5f5f5
}

#onboarding .container .dialog .bottom-bar p {
	display: inline-block;
	color: #787878
}

#onboarding .container .dialog .bottom-bar .steps {
	float: left
}

#onboarding .container .dialog .bottom-bar .skip {
	float: right;
	font-weight: 700
}

#onboarding .container .dialog .bottom-bar .skip a {
	color: inherit
}

#onboarding .container .dialog .bottom-bar .skip a:hover {
	text-decoration: underline
}

.fontsize16px {
	font-size: 16px !important
}

.fontsize20px {
	font-size: 20px !important
}

.fontsize24px {
	font-size: 24px !important
}

.fontsize28px {
	font-size: 28px !important
}

.fontsize32px {
	font-size: 32px !important
}

.fontsize36px {
	font-size: 36px !important
}

.fontsize40px {
	font-size: 40px !important
}

.fontsize44px {
	font-size: 44px !important
}

.fontArvo {
	font-family: "Arvo" !important
}

.fontOpen.Sans {
	font-family: "Open Sans" !important
}

.fontOswald {
	font-family: "Oswald" !important
}

.fontLato {
	font-family: "Lato" !important
}

.fontLora {
	font-family: "Lora" !important
}

.fontMerriweather {
	font-family: "Merriweather" !important
}

.fontPT.Serif {
	font-family: "PT Serif" !important
}

.fontTitillium.Web {
	font-family: "Titillium Web" !important
}

.fontCabin {
	font-family: "Cabin" !important
}

.fontPlayfair.Display {
	font-family: "Playfair Display" !important
}

.fontMaven.Pro {
	font-family: "Maven Pro" !important
}

.editor .notification-container {
	z-index: 10010
}

.editor .notification-container .notification {
	background: rgba(255, 255, 255, .9)
}

.editor .notification-container .notification p {
	color: #000
}

#publish .wrapper {
	width: 1200px;
	height: 800px;
	position: fixed;
	margin-left: -600px;
	left: 50%;
	margin-top: 5% !important
}

#publish {
	overflow: hidden !important
}

#publish h1 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	color: #3c3c3c
}

#publish h2 {
	font-size: 18px
}

#publish h2, #publish h3 {
	font-weight: 700;
	color: #3c3c3c
}

#publish h3 {
	font-size: 14px
}

#publish p {
	font-size: 18px;
	line-height: 24px;
	color: #5a5a5a
}

#publish small, #publish small a {
	font-size: 16px;
	line-height: 18px
}

#publish small {
	color: #5a5a5a
}

#publish h1 a, #publish h2 a, #publish h3 a, #publish p a, #publish small a
	{
	color: #76b5c0
}

#publish h1 a:hover, #publish h2 a:hover, #publish h3 a:hover, #publish p a:hover,
	#publish small a:hover {
	text-decoration: underline
}

#publish p a, #publish p b, #publish p strong {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit
}

#publish p b, #publish p strong {
	font-weight: 700
}

#publish input[type="text"], #publish input[type="password"], #publish textarea
	{
	background: #fff;
	display: block;
	line-height: 38px;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	padding: 0 15px;
	font-size: 14px;
	color: #5a5a5a;
	background: #f5f5f5
}

#publish input[type="text"]:focus, #publish input[type="password"]:focus,
	#publish textarea:focus {
	border-color: #76b5c0
}

#publish select {
	display: block;
	border: solid 1px #e1e1e1;
	padding: 0 15px;
	color: #5a5a5a;
	height: 40px;
	background: #f5f5f5
}

#publish select, #publish .button {
	font-size: 14px;
	border-radius: 3px;
	line-height: 40px;
	cursor: pointer
}

#publish .button {
	background: #76b5c0;
	color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
	text-align: center;
	float: left;
	width: 100%;
	-webkit-transition: background .4s;
	transition: background .4s;
	border: none;
	margin: 0;
	font-weight: 700
}

#publish-billing .button {
	-webkit-transition: none;
	transition: none
}

#publish .button:hover {
	background: #2A7D8B
}

#publish .button.light {
	color: #5a5a5a;
	background: 0 0;
	border: solid 1px #e1e1e1;
	line-height: 38px;
	box-shadow: none;
	-webkit-transition: background .5s;
	transition: background .5s
}

#publish .button.large {
	font-size: 18px;
	line-height: 60px
}

#publish .button.light:hover {
	background: #e1e1e1
}

#publish .notification {
	float: left;
	width: 100%;
	border-radius: 3px;
	color: #3C3C3C;
	margin-top: 0
}

#publish .notification.error {
	background: #EBE8DD;
	border: solid 1px #D8D4C8
}

#publish .notification.success {
	background: #CDE3E7;
	border: solid 1px #A5C7CD
}

#publish .notification img {
	float: left;
	margin: 20px
}

#publish .notification .close-notification:hover {
	opacity: .5
}

#publish .notification h3 {
	float: left;
	width: 75% !important;
	margin: 20px 0 0 15%;
	color: #3C3C3C;
	text-align: left
}

#publish .notification small {
	float: left;
	width: auto !important;
	color: #000;
	opacity: .75;
	text-align: left !important;
	margin-top: 20px
}

#publish .notification .button {
	float: left;
	width: auto;
	padding: 0 20px;
	margin-bottom: 20px;
	margin-left: 15%
}

#publish.publish-process .wrapper {
	width: 960px;
	height: 600px;
	position: absolute;
	left: 50%;
	margin-left: -480px
}

#publish.publish-process .description {
	float: left;
	width: 240px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -50px
}

#publish.publish-process .description h1 {
	color: #fff
}

#publish.publish-process .description p {
	color: #fff;
	opacity: .75
}

#publish.publish-process .pricing-plans {
	float: right;
	width: 680px;
	height: 600px
}

#publish.publish-process .pricing-plans .becomepro-pointer {
	float: left;
	margin-top: 30px;
	margin-left: 40px
}

#publish.publish-process .pricing-plans .pricing-plan {
	width: 240px;
	padding: 40px;
	border-radius: 3px;
	box-shadow: 0 0 25px rgba(0, 0, 0, .25)
}

#publish.publish-process .pricing-plans .pricing-plan.basic {
	float: left;
	background: #1e1e1e
}

#publish.publish-process .pricing-plans .pricing-plan.basic * {
	color: #fff
}

#publish.publish-process .pricing-plans .pricing-plan.basic small {
	opacity: .75
}

#publish.publish-process .pricing-plans .pricing-plan.pro {
	float: right;
	background: #fff
}

#publish.publish-process .pricing-plans .pricing-plan .plan-description
	{
	float: left;
	width: 100%
}

#publish.publish-process .pricing-plans .pricing-plan .plan-description h1,
	#publish.publish-process .pricing-plans .pricing-plan .plan-description small
	{
	float: left;
	width: 100%;
	text-align: center
}

#publish.publish-process .pricing-plans .pricing-plan .benefit {
	float: left;
	width: 100%;
	margin-top: 40px
}

#publish.publish-process .pricing-plans .pricing-plan img {
	float: left
}

#publish.publish-process .pricing-plans .pricing-plan h3, #publish.publish-process .pricing-plans .pricing-plan small
	{
	float: right;
	width: 190px
}

#publish.publish-process .pricing-plans .pricing-plan h3 {
	margin-bottom: 3px
}

#publish.publish-process .pricing-plans .pricing-plan .button {
	margin-top: 40px
}

#publish.publish-process .pricing-plans .pricing-plan .switch {
	display: inline-block;
	width: 161px;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	margin-top: 12px;
	margin-left: 39px
}

#publish.publish-process .pricing-plans .pricing-plan .switch a {
	float: left;
	width: 80px;
	text-align: center;
	color: #5a5a5a;
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	position: relative;
	line-height: 25px;
	cursor: pointer
}

#publish.publish-process .pricing-plans .pricing-plan .switch a.anually
	{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-right: solid 1px #e1e1e1
}

#publish.publish-process .pricing-plans .pricing-plan .switch a.monthly
	{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

#publish.publish-process .pricing-plans .pricing-plan .switch a.active {
	background: #e1e1e1;
	color: #1e1e1e
}

#publish.publish-process .pricing-plans .pricing-plan .switch a:hover {
	color: #1e1e1e
}

#publish.publish-process .pricing-plans .pricing-plan .switch a small {
	position: absolute;
	bottom: -16px;
	left: 20px;
	width: 70px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	background: #76b5c0
}

#publish.publish-process .aligner {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

#publish.publish-process .wrapper>p {
	color: #fff;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 40px;
	opacity: .75
}

#publish.publish-process .wrapper>p a {
	color: inherit
}

#publish.publish-process .content {
	background: #fff;
	padding: 60px;
	width: 400px;
	border-radius: 3px;
	box-shadow: 0 0 25px rgba(0, 0, 0, .25)
}

#publish.publish-process .content h1, #publish.publish-process .content p
	{
	float: left;
	width: 100%;
	text-align: center
}

#publish.publish-process .content .domain-link {
	float: left;
	width: 100%;
	border: solid 1px #e1e2e3;
	border-radius: 3px;
	margin: 15px 0
}

#publish.publish-process .content .domain-link .link {
	float: left;
	font-size: 18px;
	line-height: 60px;
	color: #5a5a5a;
	padding-left: 60px;
	background: url(../img/link.png) no-repeat left 25px center
}

#publish.publish-process .content .domain-link .link:hover {
	text-decoration: underline
}

#publish.publish-process .content .domain-link .edit {
	float: right;
	width: 60px;
	height: 60px;
	background: url(../img/edit.png) no-repeat center #fff;
	border-left: solid 1px #e1e1e1;
	transition: background .4s
}

#publish.publish-process .content .domain-link .edit:hover {
	background-color: #f5f5f5
}

#publish.publish-process .content .avatar {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 3px;
	background: #e1e1e1;
	overflow: hidden
}

#publish.publish-process .content .avatar img {
	float: left;
	width: 60px;
	height: 60px
}

#publish.publish-process .content form {
	float: left;
	width: 100%
}

#publish.publish-process .content form textarea {
	float: right;
	width: 280px;
	height: 75px;
	padding: 15px 20px;
	font-size: 18px;
	line-height: 24px;
	background: #f5f5f5;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	resize: none;
	color: #5a5a5a;
	margin-bottom: 20px
}

#publish.publish-process .content form .textarea-caret {
	display: block;
	width: 10px;
	height: 16px;
	background: url(../img/textarea-caret.png);
	position: absolute;
	top: 22px;
	left: 69px;
	z-index: 999;
	float: left
}

#publish.publish-process .content form .networks {
	float: left;
	width: 180px;
	margin-left: 77px;
	margin-top: 4px
}

#publish.publish-process .content form .networks p {
	float: left;
	width: 100%;
	margin-left: 0;
	text-align: left;
	margin-bottom: 5px
}

#publish.publish-process .content form .networks .network {
	float: left;
	width: 40px;
	margin-left: 0;
	margin-right: 10px
}

#publish.publish-process .content form .networks .network input[type="checkbox"]
	{
	margin-top: 4px;
	float: right
}

#publish.publish-process .content form .button {
	float: right;
	width: auto;
	padding: 0 40px;
	height: 60px
}

#publish.upgrade-process .wrapper {
	background: #f5f5f5;
	border-radius: 3px;
	box-shadow: 0 0 25px rgba(0, 0, 0, .25);
	width: 680px;
	display: inline-block;
	overflow: hidden;
	height: auto;
	position: relative;
	left: 50%;
	margin-left: -320px
}

#publish.upgrade-process .wrapper .header {
	display: block;
	padding: 12px 40px;
	background: #f5f5f5;
	border-bottom: solid 1px #e1e1e1
}

#publish.upgrade-process .wrapper .header h3 {
	float: left
}

#publish.upgrade-process .wrapper .header .steps {
	float: right
}

#publish.upgrade-process .wrapper .header .steps .bar {
	float: right;
	width: 80px;
	border-radius: 5px;
	height: 4px;
	background: #e1e1e1;
	overflow: hidden;
	margin-left: 10px;
	margin-top: 7px
}

#publish.upgrade-process .wrapper .header .steps .bar .fill {
	float: left;
	height: 4px;
	width: 50%;
	background: #76b5c0;
	border-radius: 5px
}

#publish.upgrade-process .wrapper .side {
	float: left;
	padding: 40px;
	background: #f5f5f5;
	width: 199px;
	height: 100%
}

#publish.upgrade-process .wrapper .side>h2 {
	float: left;
	width: 100%
}

#publish.upgrade-process .wrapper .side>small {
	margin-top: 10px;
	float: left;
	width: 100%;
	line-height: 18px
}

#publish.upgrade-process .wrapper .side input[type="text"] {
	float: left;
	width: 170px;
	margin-top: 15px;
	background: #fff;
	height: 40px
}

#publish.upgrade-process .wrapper .side .balance {
	float: left;
	width: 100%;
	margin-top: 20px
}

#publish.upgrade-process .wrapper .side .balance>div {
	float: left;
	width: 100%;
	padding: 20px 0;
	border-top: solid 1px #e1e1e1
}

#publish.upgrade-process .wrapper .side .balance>div small {
	margin-bottom: 5px;
	float: left;
	width: 100%
}

#publish.upgrade-process .wrapper .side .balance>div h2 {
	float: left;
	width: 100%;
	color: #76b5c0
}

#publish.upgrade-process .wrapper .side .balance>div:last-child {
	border-bottom: solid 1px #e1e1e1;
	margin-bottom: 20px
}

#publish.upgrade-process .wrapper .content {
	background: #fff;
	float: right;
	padding: 40px;
	width: 320px;
	border-left: solid 1px #e1e1e1
}

#publish.upgrade-process .wrapper#publish-billing .content {
	min-height: 470px
}

#publish.upgrade-process .wrapper .content>div {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

#publish.upgrade-process .wrapper .content>div h3 {
	float: left;
	width: 100%;
	margin-bottom: 10px
}

#publish.upgrade-process .wrapper .content .domain-offer {
	margin-bottom: 20px
}

#publish.upgrade-process .wrapper .content .domain-offer h3 {
	margin-top: 20px
}

#publish.upgrade-process .wrapper .content .domain-offer form {
	display: none
}

#publish.upgrade-process .wrapper .content .options {
	border-radius: 3px;
	border: solid 1px #e1e1e1;
	float: left
}

#publish.upgrade-process .wrapper .content .option {
	float: left;
	width: 290px;
	padding: 15px;
	border-bottom: solid 1px #e1e1e1;
	background: #f5f5f5
}

#publish.upgrade-process .wrapper .content .option input[type="radio"] {
	float: left;
	margin: 1px 0 0
}

#publish.upgrade-process .wrapper .content .option small {
	float: left;
	margin-left: 10px
}

#publish.upgrade-process .wrapper .content .option small.custom-level {
	margin-left: 0;
	margin-top: 7px;
	font-size: 14px
}

#publish.upgrade-process .wrapper .content .option b {
	font-size: 16px;
	font-weight: 700
}

#publish.upgrade-process .wrapper .content .option .benefit {
	float: right;
	color: #76b5c0
}

#publish.upgrade-process .wrapper .content .option:last-child {
	border: none
}

#publish.upgrade-process .wrapper .content .option form {
	float: left;
	margin-top: 15px;
	width: 100%
}

#publish.upgrade-process .wrapper .content .option form input[type="text"]
	{
	float: left;
	width: 170px;
	background: #fff;
	height: 38px
}

#publish.upgrade-process .wrapper .content .option form select {
	float: right;
	width: 80px;
	background: #fff
}

#publish.upgrade-process .wrapper .content .option .notification {
	float: left;
	width: 100%;
	margin-top: 15px
}

#publish.upgrade-process .wrapper .content .domain-offer .option .notification.checking
	{
	text-align: center;
	background: #CDE3E7;
	border: solid 1px #A5C7CD
}

#publish.upgrade-process .wrapper .content .option .notification img {
	float: left
}

#publish.upgrade-process .wrapper .content .option .notification.success img
	{
	margin-top: 2px;
	margin-right: 1px
}

#publish.upgrade-process .wrapper .content .option .notification.error img
	{
	margin-top: -2px
}

#publish.upgrade-process .wrapper .content .domain-offer .option .notification.error img
	{
	margin-top: 20px
}

#publish.upgrade-process .wrapper .content .domain-offer .option .notification.success img
	{
	margin: 24px
}

#publish.upgrade-process .wrapper .content .option .notification small {
	float: left
}

#publish.upgrade-process .wrapper .content .domain-offer .option .notification small
	{
	margin-left: 0
}

#publish.upgrade-process .wrapper .content .domain-offer .option .notification.checking small
	{
	float: none;
	display: inline-block;
	margin: 19px auto
}

#publish.upgrade-process .wrapper .side .paypal-button {
	float: left;
	margin-top: 20px
}

#publish.upgrade-process .wrapper .side .notification.error {
	margin-bottom: 20px
}

#publish.upgrade-process .wrapper .side .notification.error p {
	font-size: 16px;
	width: 70%;
	line-height: 18px;
	margin: 10px 0
}

#publish.upgrade-process .wrapper .billing input[type="text"] {
	width: 120px;
	float: left;
	height: 40px
}

#publish.upgrade-process .wrapper .billing .firstname {
	float: left;
	width: 150px
}

#publish.upgrade-process .wrapper .billing .lastname {
	float: left;
	width: 150px;
	margin-left: 20px
}

#publish.upgrade-process .wrapper .billing .card {
	float: left;
	width: 100%
}

#publish.upgrade-process .wrapper .billing .card h3 {
	float: left;
	width: auto
}

#publish.upgrade-process .wrapper .billing .card img {
	float: right
}

#publish.upgrade-process .wrapper .billing .card>div {
	float: left
}

#publish.upgrade-process .wrapper .billing .card input {
	float: left;
	width: 33px;
	margin-right: 20px
}

#publish.upgrade-process .wrapper .billing .card input:last-child {
	margin-right: 0
}

#publish.upgrade-process .wrapper .billing .zipcode {
	float: left;
	width: 150px
}

#publish.upgrade-process .wrapper .billing .cvv {
	float: left;
	width: 150px;
	margin-left: 20px
}

#publish.upgrade-process .wrapper .billing .cvv input {
	float: left;
	width: 30px
}

#publish.upgrade-process .wrapper .billing .cvv small {
	float: right;
	line-height: 40px
}

#publish.upgrade-process .wrapper .billing .cvv small a {
	color: inherit
}

#publish.upgrade-process .wrapper .billing .exp {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

#publish.upgrade-process .wrapper .billing .exp select {
	float: left;
	width: 150px
}

#publish.upgrade-process .wrapper .billing .exp .month {
	float: left
}

#publish.upgrade-process .wrapper .billing .exp small {
	float: left;
	line-height: 40px;
	width: 20px;
	text-align: center
}

#publish.upgrade-process .wrapper .billing .exp .year {
	float: left
}

#publish.upgrade-process.upgraded {
	display: table
}

#publish.upgrade-process.upgraded .aligner {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

#publish.upgrade-process.upgraded .wrapper {
	margin-left: -420px;
	background: 0 0;
	box-shadow: none
}

#publish.upgrade-process.upgraded .wrapper>p {
	color: #fff;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 40px;
	opacity: .75;
	left: 80px
}

#publish.upgrade-process.upgraded .wrapper>p a {
	color: inherit
}

#publish.upgrade-process.upgraded .content {
	background: #fff;
	padding: 60px;
	width: 400px;
	border-radius: 3px;
	box-shadow: 0 0 25px rgba(0, 0, 0, .25);
	text-align: center
}

#publish.upgrade-process.upgraded .content img.success-big {
	margin-bottom: 30px
}

#publish.upgrade-process.upgraded .content h1 {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 10px
}

#publish.upgrade-process.upgraded .content p, #publish.upgrade-process.upgraded .content small
	{
	float: left;
	width: 100%;
	text-align: center
}

#publish.upgrade-process.upgraded.connect-domain form {
	float: left;
	width: 100%;
	margin: 20px 0 25px
}

#publish.upgrade-process.upgraded.connect-domain form input[type="text"]
	{
	float: left;
	width: 230px;
	font-size: 18px;
	line-height: 58px;
	height: 60px
}

#publish.upgrade-process.upgraded.connect-domain form input[type="submit"]
	{
	float: right;
	width: 120px;
	border: none;
	padding: 0;
	height: 60px
}

#publish.upgrade-process.upgraded.connect-domain.connected .content .button
	{
	margin: 20px 0 25px
}

#publish.upgrade-process.upgraded .notification {
	margin-bottom: 20px !important
}

#publish.invite-process {
	display: table
}

#publish.invite-process .aligner {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

#publish.invite-process .wrapper {
	width: 520px;
	margin: 0 auto 0 -260px
}

#publish.invite-process .wrapper>p {
	color: #fff;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	opacity: .75
}

#publish.invite-process .wrapper>p a {
	color: inherit
}

#publish.invite-process .content {
	background: #fff;
	padding: 60px;
	width: 400px;
	border-radius: 3px;
	box-shadow: 0 0 25px rgba(0, 0, 0, .25)
}

#publish.invite-process .content h1, #publish.invite-process .content p
	{
	float: left;
	width: 100%;
	text-align: center
}

#publish.invite-process .content p {
	margin-bottom: 20px
}

#publish.invite-process .content div>img {
	max-width: 100%;
	margin-bottom: 20px
}

#publish.invite-process .content small {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 20px
}

#publish.invite-process .content .invite-connections-illustration {
	float: left;
	width: 100%;
	height: 160px;
	margin-bottom: 10px;
	background: url(../img/invite-connections-illustration.png) no-repeat
		center
}

#publish.invite-process .content .invite-connections-illustration .connection,
	#publish.invite-process .content .invite-connections-illustration .you
	{
	width: 120px;
	position: absolute;
	text-align: center
}

#publish.invite-process .content .invite-connections-illustration .connection img
	{
	display: inline-block;
	margin-bottom: 6px;
	border-radius: 99px;
	width: 40px;
	height: 40px
}

#publish.invite-process .content .invite-connections-illustration .you img
	{
	display: inline-block;
	margin-bottom: 6px;
	border-radius: 99px
}

#publish.invite-process .content .invite-connections-illustration .connection small,
	#publish.invite-process .content .invite-connections-illustration .you small
	{
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 0
}

#publish.invite-process .content .invite-connections-illustration .you {
	left: 139px;
	top: 52px
}

#publish.invite-process .content .invite-connections-illustration .you img
	{
	width: 60px;
	height: 60px
}

#publish.invite-process .content .invite-connections-illustration .connection.one
	{
	left: -25px;
	top: 47px
}

#publish.invite-process .content .invite-connections-illustration .connection.two
	{
	left: 50px;
	top: 76px
}

#publish.invite-process .content .invite-connections-illustration .connection.three
	{
	right: 48px;
	top: 43px
}

#publish.invite-process .content .invite-connections-illustration .connection.four
	{
	right: -25px;
	top: 77px
}

#publish.invite-process form>div {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

#publish.invite-process .content form>div p {
	text-align: left;
	margin-bottom: 10px;
	float: left;
	width: 100%
}

#publish.invite-process form>div input[type="text"] {
	font-size: 18px;
	padding: 10px 20px;
	box-sizing: border-box;
	width: 100%;
	height: 60px
}

#publish.invite-process form>div textarea {
	font-size: 18px !important;
	padding: 15px 20px !important;
	line-height: normal !important;
	resize: none !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: 112px !important
}

#publish .subdomain-form>div {
	position: relative
}

#publish.invite-process .content form.subdomain-form>div p {
	position: absolute;
	line-height: 14px;
	height: 10px;
	top: 22px;
	right: 15px;
	float: none;
	width: auto;
	margin: 0
}

#publish.invite-process .content form.subdomain-form .button.large {
	width: 100%;
	float: none
}

.preview #launcher {
	display: none !important
}

.preload {
	display: none
}

html.preview {
	background: url(../img/preview/background.jpg) no-repeat center center
		fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: repeat-y;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden !important
}

body.preview {
	overflow-x: hidden !important;
	background-color: #1E1E1E
}

.preview #container {
	position: absolute;
	overflow-y: hidden;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.preview #device_frame {
	position: absolute;
	left: 50%;
	top: 80px;
	background-repeat: no-repeat;
	background-size: cover
}

.preview #device_frame.tablet.apple {
	width: 861px;
	height: 1063px;
	margin-left: -430px;
	background-image: url(../img/preview/tablet-apple.png)
}

.preview #site-frame {
	left: 50%;
	position: absolute;
	top: 80px;
	border: none;
	overflow-x: hidden
}

.preview #site-frame.live {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.preview #site-frame.live.horizontal {
	margin-top: 50px
}

.preview #site-frame.tablet.apple {
	margin-left: -317px;
	margin-top: 105px;
	width: 635px;
	height: 846px
}

.preview #site-frame.tablet.apple.horizontal {
	margin-top: 214px;
	margin-left: -421px;
	width: 848px;
	height: 634px
}

.preview #device_frame.tablet.android {
	width: 472px;
	height: 816px;
	margin-left: -236px;
	background-image: url(../img/preview/tablet-android.png)
}

.preview #site-frame.tablet.android {
	margin-left: -190px;
	margin-top: 104px;
	width: 380px;
	height: 620px
}

.preview #site-frame.tablet.android.horizontal {
	margin-left: -316px;
	margin-top: 218px;
	width: 620px;
	height: 380px
}

.preview #device_frame.tablet.windows {
	width: 739px;
	height: 1152px;
	margin-left: -369px;
	background-image: url(../img/preview/tablet-windows.png)
}

.preview #site-frame.tablet.windows {
	margin-left: -269px;
	margin-top: 95px;
	width: 540px;
	height: 959px
}

.preview #site-frame.tablet.windows.horizontal {
	margin-left: -479px;
	margin-top: 306px;
	width: 960px;
	height: 541px
}

.preview #device_frame.phone.apple {
	width: 418px;
	height: 839px;
	margin-left: -209px;
	background-image: url(../img/preview/phone-apple.png)
}

.preview #site-frame.phone.apple {
	margin-left: -162px;
	margin-top: 132px;
	width: 328px;
	height: 576px
}

.preview #site-frame.phone.apple.horizontal {
	margin-left: -289px;
	margin-top: 258px;
	width: 577px;
	height: 328px
}

.preview #device_frame.phone.android {
	width: 434px;
	height: 819px;
	margin-left: -217px;
	background-image: url(../img/preview/phone-android.png)
}

.preview #site-frame.phone.android {
	margin-left: -181px;
	margin-top: 84px;
	width: 360px;
	height: 640px
}

.preview #site-frame.phone.android.horizontal {
	margin-left: -313px;
	margin-top: 228px;
	width: 641px;
	height: 361px
}

.preview #device_frame.phone.windows {
	width: 456px;
	height: 818px;
	margin-left: -228px;
	background-image: url(../img/preview/phone-windows.png)
}

.preview #site-frame.phone.windows {
	margin-left: -182px;
	margin-top: 94px;
	width: 361px;
	height: 584px
}

.preview #site-frame.phone.windows.horizontal {
	margin-left: -269px;
	margin-top: 228px;
	width: 585px;
	height: 361px
}

.preview #qr-container {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 20px;
	border-radius: 12px;
	background: #fff
}

.preview #branding {
	position: absolute;
	bottom: 20px;
	right: 20px
}

.preview #site-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.preview #sidebar .editor-button.active {
	background: #1E1E1E;
	border-right: 2px solid #42919E;
	padding-left: 2px
}

.preview .ui-section-menu a[tooltip].active {
	background: #3D96A6;
	border-radius: 4px
}

.preview #sidebar .share.panel {
	font-size: 12px
}

.preview #sidebar .share.panel:after {
	top: 60%
}

.center-button {
	display: block;
	position: fixed;
	left: 50%;
	top: 20px;
	width: 130px;
	background: #1e1e1e;
	padding: 9px;
	border-radius: 4px;
	height: 30px;
	box-sizing: border-box;
	color: #fff !important;
	font-family: "Slate W01" !important;
	font-weight: 700 !important;
	font-style: Bold !important;
	text-align: center;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
	margin-left: -30px
}

.center-button .brandedicon {
	float: left;
	margin: 2px 8px 2px 2px
}

.modal {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(15, 15, 15, .9);
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 10000;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out
}

.theme .modal, .modal div.modal {
	opacity: 1
}

body.modal-open, .editor body.modal-open {
	overflow: hidden
}

.mobile .modal {
	position: absolute;
	overflow-y: auto;
	background: rgba(15, 15, 15, 1)
}

.modal.fade {
	opacity: 0
}

.modal.in {
	opacity: 1
}

.modal.fade .modal {
	transform: translate(0, -25%);
	transition: transform .3s ease-out
}

.modal.in .modal {
	transform: translate(0, 0)
}

.modal .close {
	width: 36px;
	height: 36px;
	border: solid 2px #fff;
	border-radius: 40px;
	position: fixed;
	right: 40px;
	top: 40px;
	background: url(../img/close.png) no-repeat center;
	cursor: pointer;
	-webkit-transition: transform .5s;
	transition: transform .5s
}

.modal .close:hover {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.modal .proceed {
	color: #fff;
	display: block;
	width: 320px;
	text-align: center;
	margin: 40px auto;
	opacity: .5;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	font-size: 14px
}

.modal .proceed:hover {
	opacity: 1
}

.modal h1 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	color: #3c3c3c
}

.modal h2 {
	font-size: 18px
}

.modal h2, .modal h3 {
	font-weight: 700;
	color: #3c3c3c
}

.modal h3 {
	font-size: 14px
}

.modal p {
	font-size: 18px;
	line-height: 24px;
	color: #5a5a5a
}

.modal small {
	font-size: 14px;
	line-height: 18px;
	color: #5a5a5a
}

.modal h1 a, .modal h2 a, .modal h3 a, .modal p a, .modal small a {
	color: #76b5c0
}

.modal h1 a:hover, .modal h2 a:hover, .modal h3 a:hover, .modal p a:hover,
	.modal small a:hover {
	text-decoration: underline
}

.modal input[type="text"], .modal input[type="email"], .modal input[type="password"]
	{
	height: 38px
}

.modal input[type="text"], .modal input[type="email"], .modal input[type="password"],
	.modal textarea {
	background: #fff;
	display: block;
	line-height: 38px;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	padding: 0 15px;
	font-size: 14px;
	color: #5a5a5a;
	background: #f5f5f5
}

.modal input[type="text"]:focus, .modal input[type="email"]:focus,
	.modal input[type="password"]:focus, .modal textarea:focus {
	border-color: #76b5c0
}

.modal select {
	display: block;
	border: solid 1px #e1e1e1;
	padding: 0 15px;
	color: #5a5a5a;
	height: 40px
}

.modal select, .modal .button {
	font-size: 14px;
	border-radius: 3px;
	line-height: 40px;
	cursor: pointer
}

.modal .button {
	background: #76b5c0;
	color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
	text-align: center;
	float: left;
	width: 100%;
	-webkit-transition: background .4s;
	transition: background .4s;
	border: none;
	margin: 0;
	padding: 0;
	font-weight: 700
}

.modal .button:hover {
	background: #2A7D8B
}

.modal .button.large {
	font-size: 18px;
	line-height: 60px
}

.modal .button.light {
	color: #5a5a5a;
	background: 0 0;
	border: solid 1px #e1e1e1;
	line-height: 38px;
	box-shadow: none;
	-webkit-transition: background .5s;
	transition: background .5s
}

.modal .button.light:hover {
	background: #e1e1e1
}

.modal .notification {
	float: left;
	width: 100%;
	border-radius: 3px;
	color: #3C3C3C;
	margin-top: 0
}

.modal .notification.error {
	background: #EBE8DD;
	border: solid 1px #D8D4C8
}

.modal .notification.success {
	background: #CDE3E7;
	border: solid 1px #A5C7CD
}

.modal .notification img {
	float: left;
	margin: 20px
}

.modal .notification .close-notification {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(../img/close-alert.png) no-repeat center
}

.modal .notification .close-notification:hover {
	opacity: .5
}

.modal .notification h3 {
	float: left;
	width: 75% !important;
	margin: 20px 0 0 15%;
	color: #3C3C3C;
	text-align: left
}

.modal .notification small {
	float: left;
	width: auto !important;
	color: #000;
	opacity: .75;
	text-align: left !important;
	margin-top: 20px
}

.modal .notification .button {
	float: left;
	width: auto;
	padding: 0 20px;
	margin-bottom: 20px;
	margin-left: 15%
}

.modal .share {
	width: 320px;
	padding: 40px;
	background: #fff;
	border-radius: 3px;
	margin: 40px auto
}

.modal .share h2 {
	margin-bottom: 10px;
	color: #3c3c3c
}

.modal .share h2, .modal .share p {
	float: left;
	width: 100%;
	text-align: center
}

.modal .share p {
	font-size: 14px;
	color: #787878
}

.modal .share .domain-link {
	float: left;
	width: 100%;
	border: solid 1px #e1e2e3;
	border-radius: 3px;
	margin: 15px 0
}

.modal .share .domain-link .link {
	float: left;
	line-height: 40px;
	color: #3c3c3c;
	padding-left: 40px;
	background: url(../img/link.png) no-repeat left 15px center
}

.modal .share .domain-link .link:hover {
	text-decoration: underline
}

.modal .share .domain-link .edit {
	float: right;
	width: 40px;
	height: 40px;
	background: url(../img/edit.png) no-repeat center;
	cursor: pointer
}

.modal .share span {
	color: #787878;
	float: left;
	font-size: 14px;
	width: 100%;
	text-align: center
}

.modal .share form {
	float: left;
	width: 100%;
	margin-top: 20px
}

.modal .share form .avatar {
	float: left;
	width: 50px;
	border-radius: 3px
}

.modal .share form textarea {
	float: right;
	width: 220px;
	height: 60px;
	padding: 13px 15px;
	font-size: 14px;
	line-height: 20px;
	background: #f5f5f5;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	resize: none;
	color: #3c3c3c
}

.modal .share form .networks {
	float: right;
	margin: 20px 2px
}

.modal .share form .networks span {
	float: left;
	line-height: 20px;
	width: auto;
	margin-left: 0
}

.modal .share form .networks .network {
	float: right;
	width: 40px;
	margin-left: 10px
}

.modal .share form .networks .network input[type="checkbox"] {
	margin-top: -2px;
	float: right
}

.modal .customize-email-content {
	width: 320px;
	padding: 40px;
	background: #fff;
	border-radius: 3px;
	margin: 40px auto
}

.modal .customize-email-content h2 {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	color: #3c3c3c
}

.modal .customize-email-content p {
	font-size: 14px;
	line-height: 20px;
	color: #787878;
	float: left;
	width: 100%
}

.modal .customize-email-content form {
	float: left;
	width: 100%;
	margin-top: 20px
}

.modal .customize-email-content form div {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

.modal .customize-email-content form div input {
	float: left;
	width: 288px
}

.modal .customize-email-content form textarea {
	float: left;
	width: 290px;
	height: 80px;
	padding: 14px;
	font-size: 14px;
	line-height: 20px;
	background: #f5f5f5;
	border-radius: 3px;
	border: solid 1px #e1e1e1;
	resize: none;
	color: #3c3c3c
}

.modal.billing-process {
	display: table
}

.modal.billing-process .aligner {
	display: table-cell
}

.modal.billing-process .wrapper {
	display: inline-block
}

.modal.billing-process .wrapper .header {
	display: block
}

.modal.billing-process .wrapper .side select {
	background-color: #fff
}

.modal.billing-process .wrapper .side .planlength {
	float: left;
	width: 100%;
	margin-top: 10px
}

.modal.billing-process .wrapper .content {
	background: #fff;
	float: right;
	padding: 40px;
	width: 320px;
	border-left: solid 1px #e1e1e1
}

.modal.billing-process .wrapper .content>div {
	float: left;
	width: 100%;
	margin-bottom: 40px
}

.modal.billing-process .wrapper .content>div h3 {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

.modal.billing-process .wrapper .billing input[type="text"] {
	width: 120px;
	float: left
}

.modal.billing-process .wrapper .billing .firstname {
	float: left;
	width: 150px
}

.modal.billing-process .wrapper .billing .lastname {
	float: left;
	width: 150px;
	margin-left: 20px
}

.modal.billing-process .wrapper .billing .card {
	float: left;
	width: 100%
}

.modal.billing-process .wrapper .billing .card h3 {
	float: left;
	width: auto
}

.modal.billing-process .wrapper .billing .card img {
	float: right
}

.modal.billing-process .wrapper .billing .card>div {
	float: left
}

.modal.billing-process .wrapper .billing .card input {
	float: left;
	width: 33px;
	margin-right: 20px
}

.modal.billing-process .wrapper .billing .card input:last-child {
	margin-right: 0
}

.modal.billing-process .wrapper .billing .zipcode {
	float: left;
	width: 150px
}

.modal.billing-process .wrapper .billing .cvv {
	float: left;
	width: 150px;
	margin-left: 20px
}

.modal.billing-process .wrapper .billing .cvv input {
	float: left;
	width: 30px
}

.modal.billing-process .wrapper .billing .cvv small {
	float: right;
	line-height: 40px
}

.modal.billing-process .wrapper .billing .cvv small a {
	color: inherit
}

.modal.billing-process .wrapper .billing .exp {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

.modal.billing-process .wrapper .billing .exp select {
	float: left;
	width: 150px
}

.modal.billing-process .wrapper .billing .exp .month {
	float: left
}

.modal.billing-process .wrapper .billing .exp small {
	float: left;
	line-height: 40px;
	width: 20px;
	text-align: center
}

.modal.billing-process .wrapper .billing .exp .year {
	float: left
}

.modal.billing-process .wrapper .billing.newcard .button {
	float: left;
	width: 47.5%
}

.modal.billing-process .wrapper .billing.newcard .button:last-child {
	float: right
}

.fadein, .fadeout {
	transition: .3s all linear
}

.fadein.ng-hide-remove, .fadeout.ng-hide-add.ng-hide-add-active {
	opacity: 0;
	display: block !important
}

.fadeout.ng-hide-add, .fadein.ng-hide-remove.ng-hide-remove-active {
	opacity: 1;
	display: block !important
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	filter: alpha(opacity = 0);
	opacity: 0
}

.tooltip.in {
	filter: alpha(opacity = 90);
	opacity: .9
}

.tooltip.top {
	padding: 5px 0;
	margin-top: -3px
}

.tooltip.right {
	padding: 0 5px;
	margin-left: 3px
}

.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px
}

.tooltip.left {
	padding: 0 5px;
	margin-left: -3px
}

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	border-radius: 4px
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
	right: 5px
}

.tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
	bottom: 0;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
	left: 5px
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.modal.reimport-content .content {
	width: 540px;
	padding: 40px;
	background: #fff;
	border-radius: 3px;
	margin: 40px auto;
	font-family: 'Slate W01', sans-serif;
	box-sizing: border-box
}

.modal.reimport-content .content .button.large {
	margin-top: 20px
}

.modal.reimport-content .content img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px
}

.modal.reimport-content .content h2 {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	color: #3c3c3c;
	font-size: 24px;
	line-height: 28px
}

.modal.reimport-content .content p {
	font-size: 18px;
	line-height: 22px;
	color: #787878;
	float: left;
	width: 100%;
	text-align: center
}

.modal.reimport-content .content .section-list {
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	margin-top: 20px;
	padding: 20px 20px 0
}

.modal.reimport-content .content .section-list label {
	display: block;
	float: left;
	width: 133px;
	margin-bottom: 20px;
	margin-right: 5px;
	font-size: 18px;
	line-height: 22px;
	color: #3c3c3c;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-position: right center;
	background-repeat: no-repeat
}

.modal.reimport-content .content .section-list label.success {
	background-image: url(/img/success.png)
}

invite-contact {
	position: relative
}

invite-contact-popover {
	position: relative;
	display: block;
	z-index: 100
}

.user main.dashboard section.invite .confirm-message, .user main.invite section.invite-contacts .confirm-message
	{
	display: block;
	position: absolute;
	width: 200px;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	padding: 15px;
	top: -16px;
	background: #1E1E1E
}

.user main.invite section.invite-contacts .confirm-message {
	right: -236px
}

.user main.dashboard section.invite .confirm-message {
	right: 27px
}

.user main.dashboard section.invite .invite-all .confirm-message {
	top: 306px;
	right: 230px
}

.user main.invite section.invite-contacts .invite-all .confirm-message {
	right: -242px
}

.user main.dashboard section.invite .confirm-message .close, .user main.invite section.invite-contacts .confirm-message .close
	{
	width: 10px;
	height: 10px;
	background: url(../../../../img/close.png) no-repeat center;
	right: 20px;
	top: 20px;
	position: absolute;
	cursor: pointer
}

.user main.dashboard section.invite .confirm-message:before, .user main.invite section.invite-contacts .confirm-message:before
	{
	position: absolute;
	display: block;
	content: ' ';
	left: -6px;
	top: 30px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #1e1e1e
}

.user main.dashboard section.invite .confirm-message:before {
	left: 230px;
	border-right: transparent;
	border-left: 6px solid #1e1e1e
}

.user main.dashboard section.invite .confirm-message h2, .user main.invite section.invite-contacts .confirm-message h2
	{
	color: #fff;
	float: left;
	line-height: 26px
}

.user main.dashboard section.invite .confirm-message input, .user main.invite section.invite-contacts .confirm-message input
	{
	float: left
}

.user main.dashboard section.invite .confirm-message input[type="text"],
	.user main.invite section.invite-contacts .confirm-message input[type="text"]
	{
	background: #3C3C3C;
	border: none;
	color: #fff;
	padding: 5px 10px;
	width: 180px;
	margin-bottom: 10px;
	margin-top: 5px
}

.user main.dashboard section.invite .confirm-message textarea, .user main.invite section.invite-contacts .confirm-message textarea
	{
	background: #3C3C3C;
	border: none;
	color: #fff;
	padding: 5px 10px;
	width: 180px;
	height: 56px;
	resize: none;
	border-radius: 3px;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 5px;
	line-height: 18px
}

.user main.dashboard section.invite .confirm-message input[type="checkbox"],
	.user main.invite section.invite-contacts .confirm-message input[type="checkbox"]
	{
	margin-right: 8px
}

.user main.dashboard section.invite .confirm-message input[type="submit"],
	.user main.invite section.invite-contacts .confirm-message input[type="submit"]
	{
	height: 40px;
	box-shadow: 0 1px 3px #000;
	border: none;
	padding: 0;
	width: 100%;
	margin-top: 10px
}

.user main.dashboard section.invite .ng-animate .confirm-message input[type="submit"],
	.user main.invite section.invite-contacts .ng-animate .confirm-message input[type="submit"]
	{
	pointer-events: none
}

.user main.invite section.invite-contacts invite-contact-settings {
	display: block;
	z-index: 100
}

.user main.invite section.invite-contacts invite-contact-settings .confirm-message
	{
	right: -240px
}

main.configure-domain>.description {
	float: left;
	width: 880px;
	padding: 10px 0;
	border-radius: 3px;
	margin: 0 40px 20px;
	background:
		url(/img/user/configure-domain/add-domain-options-pointer.png)
		no-repeat center left 380px
}

main.configure-domain>.description img {
	float: left;
	margin-bottom: 0
}

main.configure-domain>.description .info {
	float: left;
	width: 480px;
	text-align: left
}

main.configure-domain>.description h1, main.configure-domain>.description p,
	main.configure-domain>.description span {
	color: #3c3c3c;
	float: left;
	width: 100%;
	text-align: left
}

main.configure-domain>.description .info h1 {
	margin-top: 5px;
	font-size: 30px;
	margin-bottom: 4px;
	font-weight: 700
}

main.configure-domain>.description .info p {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 8px;
	color: #5a5a5a
}

main.configure-domain>.description .info span {
	font-size: 18px;
	color: #4496A7;
	background: #E6F3F5;
	border: solid 1px #4496A7;
	border-radius: 3px;
	display: inline-block;
	float: none;
	padding: 10px 20px;
	margin-top: 6px;
	width: auto;
	font-weight: 700
}

main.configure-domain>.description .info span i {
	margin-right: 5px;
	color: #A53C3C;
	font-size: 16px;
	font-style: normal;
	font-variant: small-caps;
	font-weight: 700
}

main.configure-domain select {
	background-position: center right 20px
}

main.configure-domain>.description select {
	float: right;
	font-size: 18px;
	height: 60px;
	width: 300px;
	padding: 0 20px;
	background-color: #fff
}

main.configure-domain section.instructions {
	float: left;
	width: 878px
}

main.configure-domain section.instructions .intro {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 40px
}

main.configure-domain section.instructions .intro p {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 18px
}

main.configure-domain section.instructions .connect-options {
	float: left;
	width: 796px;
	padding: 40px;
	margin-bottom: 60px
}

main.configure-domain section.instructions .connect-options img {
	float: left
}

main.configure-domain section.instructions .connect-options .connect-options-option
	{
	float: left;
	width: 100%;
	position: relative
}

main.configure-domain section.instructions .connect-options .connect-options-option .arrow-pointing-to-connect-field
	{
	position: absolute;
	right: 160px;
	top: 40px;
	float: none
}

main.configure-domain section.instructions .connect-options .connect-options-or
	{
	float: left;
	width: 100%;
	margin: 20px 0
}

main.configure-domain section.instructions .connect-options h1, main.configure-domain section.instructions .connect-options p
	{
	float: right;
	width: 720px
}

main.configure-domain section.instructions .connect-options h1 {
	font-size: 24px
}

main.configure-domain section.instructions .connect-options p {
	font-size: 18px;
	line-height: 24px
}

main.configure-domain section.instructions .connect-options .connect-option-email
	{
	margin-top: 2px
}

main.configure-domain section.instructions .connect-options .connect-option-email img
	{
	float: left;
	margin: 7px 12px 0 0
}

main.configure-domain section.instructions .inside-description {
	float: left;
	width: 400px
}

main.configure-domain section.instructions .inside-description h1 {
	float: left;
	width: 100%
}

main.configure-domain section.instructions .inside-description p {
	float: left;
	width: 100%;
	font-size: 18px;
	margin-top: 6px
}

main.configure-domain section.instructions h1 {
	font-size: 30px
}

main.configure-domain section.instructions .connect-domain {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	padding-bottom: 40px
}

main.configure-domain section.instructions .arrow-border {
	margin-bottom: 60px;
	opacity: 0
}

main.configure-domain section.instructions .arrow-border.in {
	margin-bottom: 60px;
	opacity: 1
}

main.configure-domain section.instructions .connect-domain * {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

main.configure-domain section.instructions .connect-domain h1 {
	float: left;
	width: auto
}

main.configure-domain section.instructions .connect-domain p {
	float: left
}

main.configure-domain section.instructions .connect-domain form {
	float: right;
	width: 444px
}

main.configure-domain section.instructions .connect-domain form input {
	float: left
}

main.configure-domain section.instructions .connect-domain form input[type="text"]
	{
	font-size: 18px;
	height: 38px;
	margin-right: 10px;
	width: 260px;
	color: #3c3c3c;
	background-position: center left 5px
}

main.configure-domain section.instructions .connect-domain form .button
	{
	height: 60px;
	font-size: 18px;
	border-color: transparent;
	float: left;
	width: 140px;
	padding-left: 0;
	padding-right: 0;
	text-align: center
}

main.configure-domain form .form-notification {
	float: left;
	display: block;
	padding: 20px;
	border-radius: 3px;
	margin: 10px 0 0;
	width: 400px
}

main.configure-domain form .form-notification.error {
	background: #E4DDD3;
	border: solid 1px #BBB6AB
}

main.configure-domain form .form-notification.success {
	background: #BCDDE2;
	border: solid 1px #7E9DA3
}

main.configure-domain form .form-notification>img {
	position: absolute;
	margin-right: 15px
}

main.configure-domain form .form-notification.success>img {
	margin-top: 5px
}

main.configure-domain form .form-notification p {
	float: left;
	color: #696255;
	font-size: 18px;
	margin-top: 0 !important;
	margin-bottom: 0 !important
}

main.configure-domain form .form-notification.success p {
	color: #49696E
}

main.configure-domain form .form-notification .close {
	position: absolute;
	right: 12px;
	top: 12px
}

main.configure-domain section.instructions .connect-domain.connected .inside-description
	{
	opacity: .5
}

main.configure-domain section.instructions .connect-domain.connected .inside-description h1,
	main.configure-domain section.instructions .connect-domain.connected .inside-description p
	{
	text-decoration: line-through
}

main.configure-domain section.instructions .connect-domain.connected form input[type="text"]
	{
	padding-left: 44px;
	width: 231px;
	background: url(/img/user/configure-domain/check.png) no-repeat center
		left 20px;
	background-size: 13px 12px
}

main.configure-domain section.instructions .connect-domain.connected form .button
	{
	float: right;
	width: 140px;
	border: solid 1px #e1e1e1;
	line-height: 58px;
	padding: 0;
	height: auto;
	color: #3c3c3c
}

main.configure-domain section.instructions .connect-domain.connected .domain-link
	{
	float: right;
	width: 440px;
	border: solid 1px #e1e2e3;
	border-radius: 3px
}

main.configure-domain section.instructions .connect-domain.connected .domain-link .link
	{
	float: left;
	font-size: 18px;
	line-height: 60px;
	color: #5a5a5a;
	padding-left: 60px;
	background: url(/img/user/configure-domain/check.png) no-repeat left
		25px center
}

main.configure-domain section.instructions .connect-domain.connected .domain-link .edit
	{
	float: right;
	width: 60px;
	height: 60px;
	background: url(/img/user/configure-domain/edit.png) no-repeat center
		#fff;
	border-left: solid 1px #e1e1e1;
	transition: background .4s
}

main.configure-domain section.instructions .connect-domain.connected .domain-link .edit:hover
	{
	background-color: #f5f5f5
}

main.configure-domain section.instructions .select-hosting {
	float: left;
	width: 100%;
	margin-bottom: 40px
}

main.configure-domain section.instructions .select-hosting h1 {
	float: left;
	width: auto
}

main.configure-domain section.instructions .select-hosting select {
	float: right;
	font-size: 18px;
	height: 60px;
	width: 360px;
	padding: 0 20px
}

main.configure-domain section.instructions .connect-domain .step-number,
	main.configure-domain section.instructions .select-hosting .step-number
	{
	float: left;
	margin-right: 15px;
	border-radius: 99px;
	border: solid 2px #3c3c3c;
	width: 20px;
	height: 20px;
	padding: 19px 18px 21px 22px;
	text-align: center
}

main.configure-domain section.instructions .connect-domain .step-number h1
	{
	line-height: 22px;
	text-align: center;
	display: block
}

main.configure-domain section.instructions .spacer {
	float: left;
	width: 798px;
	height: 40px
}

main.configure-domain section.instructions .guide {
	float: left;
	width: 798px;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	padding: 0 40px 40px;
	margin-bottom: 20px
}

main.configure-domain section.instructions .guide .step-image {
	float: left;
	width: 320px
}

main.configure-domain section.instructions .guide .step-image img {
	width: 100%;
	border: solid 1px #e1e1e1;
	border-radius: 3px
}

main.configure-domain section.instructions .guide h2 {
	font-size: 18px
}

main.configure-domain section.instructions .guide p {
	font-size: 16px;
	line-height: 22px;
	float: left;
	width: 100%
}

main.configure-domain section.instructions .guide .step {
	float: left;
	width: 100%;
	margin-top: 30px;
	padding-bottom: 40px;
	background: url(/img/user/configure-domain/icon-next-step.png) no-repeat
		bottom left 154px
}

main.configure-domain section.instructions .guide .step:first-of-type {
	margin-top: 40px
}

main.configure-domain section.instructions .guide .step:last-of-type {
	padding-bottom: 0;
	background: 0 0
}

main.configure-domain section.instructions .guide .step-info {
	float: right;
	width: 440px
}

main.configure-domain section.instructions .guide .step-info>* {
	margin-bottom: 8px
}

main.configure-domain section.instructions .help {
	float: left;
	width: 100%;
	margin-top: 20px
}

main.configure-domain section.instructions .help>div {
	float: left;
	width: 30%;
	margin-right: 5%
}

main.configure-domain section.instructions .help.two-col>div {
	width: 47.5%;
	text-align: center
}

main.configure-domain section.instructions .help.two-col>div h2, main.configure-domain section.instructions .help.two-col>div p
	{
	text-align: center
}

main.configure-domain section.instructions .help>div:last-child {
	margin-right: 0
}

main.configure-domain section.instructions .help>div h2 {
	font-size: 18px;
	margin-bottom: 4px
}

main.configure-domain section.instructions .help>div p {
	font-size: 18px;
	line-height: 24px
}

main.configure-domain section.instructions .help .send-friend form {
	margin-top: 15px
}

main.configure-domain section.instructions .help .send-friend input[type="text"]
	{
	float: left;
	width: 200px
}

main.configure-domain section.instructions .help .send-friend input[type="submit"]
	{
	float: left;
	height: 40px;
	width: 230px;
	margin-top: 10px
}

main.configure-domain section.instructions .registernew-form {
	width: 520px;
	display: block;
	margin: 30px 0;
	padding-bottom: 60px;
	padding-left: 180px;
	padding-right: 180px;
	border-bottom: solid 1px #e1e1e1
}

main.configure-domain section.instructions .registernew-form h1 {
	display: block;
	width: 100%;
	text-align: center
}

main.configure-domain section.instructions .registernew-form p {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 22px;
	line-height: 28px;
	margin-top: 8px
}

main.configure-domain section.instructions .registernew-form form {
	display: block;
	margin-top: 30px
}

main.configure-domain section.instructions .registernew-form form .domain-name
	{
	display: block
}

main.configure-domain section.instructions .registernew-form form .domain-name input[type="text"]
	{
	font-size: 22px;
	height: 70px;
	padding: 0 20px;
	background: #fff;
	float: left;
	width: 320px
}

main.configure-domain section.instructions .registernew-form form .domain-name select
	{
	float: right;
	width: 140px;
	height: 72px;
	padding: 0 20px;
	font-size: 22px;
	color: #3c3c3c
}

main.configure-domain section.instructions .registernew-form form input[type="submit"]
	{
	display: block;
	float: left;
	padding: 0;
	text-align: center;
	width: 100%;
	height: 72px;
	font-size: 22px;
	margin-top: 16px
}

main.configure-domain section.instructions .registernew-form .form-notification
	{
	width: 90%;
	padding: 20px 5%
}

main.configure-domain section.instructions .registernew-form .form-notification p
	{
	float: left;
	width: auto
}

main.configure-domain section.instructions .registernew-form .form-notification.error img
	{
	margin: 6px 2px 0 0
}

main.configure-domain section.instructions .registernew-form .form-notification.success img
	{
	margin: 10px 7px 0 3px
}

main.configure-domain section.instructions .registernew-form .register-domain-suggestions
	{
	float: left;
	width: 100%;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	background: #fff;
	margin: 20px 0
}

main.configure-domain section.instructions .registernew-form .register-domain-suggestions>div
	{
	float: left;
	width: 92%;
	padding: 1% 4% 3%;
	border-bottom: solid 1px #e1e1e1
}

main.configure-domain section.instructions .registernew-form .register-domain-suggestions>div:last-child
	{
	border-bottom: 0
}

main.configure-domain section.instructions .registernew-form .register-domain-suggestions>div .name
	{
	float: left;
	width: auto
}

main.configure-domain section.instructions .registernew-form .register-domain-suggestions>div .price
	{
	float: right;
	color: #76b5c0;
	width: auto
}

main.configure-domain section.instructions .transferdomain {
	width: 520px;
	display: block;
	margin: 30px 0;
	padding-left: 180px;
	padding-right: 180px
}

main.configure-domain section.instructions .transferdomain h1 {
	display: block;
	width: 100%;
	text-align: center
}

main.configure-domain section.instructions .transferdomain p {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 22px;
	line-height: 28px;
	margin-top: 8px
}

main.domains .tooltip {
	font-family: 'Slate W01', sans-serif;
	font-size: 14px;
	line-height: 18px;
	opacity: 1
}

main.domains .tooltip-inner {
	max-width: 280px;
	padding: 8px 12px
}

main.domains>.description {
	float: left;
	width: 880px;
	padding: 0 40px;
	margin: 20px auto 0
}

main.domains>.description .info {
	float: left;
	width: 700px
}

main.domains>.description .info img {
	float: left
}

main.domains>.description .info h1, main.domains>.description .info p {
	float: left;
	width: 600px;
	text-align: left;
	margin-left: 30px
}

main.domains>.description .info h1 {
	margin-bottom: 3px;
	margin-top: 22px;
	font-size: 30px
}

main.domains>.description .info p {
	font-size: 18px
}

main.domains form .form-notification {
	float: none;
	display: inline-block;
	padding: 20px;
	border-radius: 3px;
	margin: 10px 0 0;
	width: 318px
}

main.domains form .form-notification.error {
	background: #E4DDD3;
	border: solid 1px #BBB6AB
}

main.domains form .form-notification.success {
	background: #BCDDE2;
	border: solid 1px #7E9DA3
}

main.domains form .form-notification>img {
	position: absolute;
	margin-right: 15px
}

main.domains form .form-notification.success>img {
	margin-top: 6px
}

main.domains form .form-notification.error>img {
	margin-top: 3px
}

main.domains form .form-notification p {
	float: left;
	margin-right: 30px;
	margin-left: 30px;
	color: #696255;
	font-size: 18px;
	margin-top: 0 !important;
	margin-bottom: 0 !important
}

main.domains form .form-notification.success p {
	color: #49696E
}

main.domains form .form-notification .close {
	position: absolute;
	right: 12px;
	top: 12px
}

main.domains>.description .add-domain {
	float: right;
	margin-top: 6px;
	font-size: 18px;
	font-weight: 400;
	padding: 0 40px;
	line-height: 60px
}

main.domains section.add-domain-options {
	position: relative;
	float: left;
	width: 880px;
	background: #f0f0f0;
	border-style: solid
}

main.domains section.add-domain-options h2 {
	font-size: 22px
}

main.domains section.add-domain-options p {
	font-size: 18px;
	line-height: 24px;
	margin-top: 10px;
	margin-bottom: 4px
}

main.domains section.add-domain-options>div {
	text-align: center
}

main.domains section.add-domain-options>div>* {
	display: inline-block;
	float: none;
	text-align: center
}

main.domains section.add-domain-options>div form {
	width: 360px;
	padding: 12px 0 9px
}

main.domains section.add-domain-options>div form input[type="text"] {
	float: left;
	background: #fff;
	font-size: 18px;
	height: 60px;
	padding: 0 20px
}

main.domains section.add-domain-options>div form input.button {
	float: left;
	height: 60px;
	width: 100%;
	padding: 0;
	font-size: 18px;
	font-weight: 400;
	margin-top: 10px
}

main.domains section.add-domain-options .register-domain {
	float: left;
	width: 400px
}

main.domains section.add-domain-options .register-domain form {
	position: relative
}

main.domains section.add-domain-options .register-domain input[type="text"]
	{
	width: 220px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

main.domains section.add-domain-options .register-domain select {
	background-color: #fff;
	position: absolute;
	width: 100px;
	right: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height: 62px;
	font-size: 18px
}

main.domains section.add-domain-options .register-domain .register-domain-suggestions
	{
	float: left;
	width: 100%;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	background: #fff;
	margin-top: 10px
}

main.domains section.add-domain-options .register-domain .register-domain-suggestions>div
	{
	float: left;
	width: 92%;
	padding: 1% 4% 3%;
	border-bottom: solid 1px #e1e1e1
}

main.domains section.add-domain-options .register-domain .register-domain-suggestions>div:last-child
	{
	border-bottom: 0
}

main.domains section.add-domain-options .register-domain .register-domain-suggestions>div .name
	{
	float: left
}

main.domains section.add-domain-options .register-domain .register-domain-suggestions>div .price
	{
	float: right;
	color: #76b5c0
}

main.domains section.add-domain-options .or-divider {
	float: left;
	margin-left: 33px;
	margin-top: 100px
}

main.domains section.add-domain-options .connect-domain {
	float: right;
	width: 400px
}

main.domains section.add-domain-options .connect-domain a {
	font-weight: 400
}

main.domains section.add-domain-options .connect-domain input[type="text"]
	{
	width: 318px
}

main.domains section.add-domain-options .connect-domain .button {
	font-size: 18px;
	line-height: 60px;
	height: 60px;
	margin-top: 10px
}

main.domains section.add-domain-options .connect-domain.upgrade .button
	{
	margin-top: 36px
}

main.domains section.add-domain-options.single-option .connect-domain .button
	{
	margin-top: 48px
}

main.domains section.add-domain-options .cancel {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px;
	cursor: pointer
}

main.domains section.add-domain-options .cancel:hover {
	opacity: .6
}

main.domains .delete-domain {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-top: 0;
	background: #fff;
	border: solid 1px #e1e1e1;
	border-bottom: none;
	border-right: none;
	padding: 0 5px;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	cursor: pointer
}

main.domains .delete-domain a {
	color: inherit
}

main.domains section.domain {
	float: left;
	width: 880px;
	margin-top: 20px;
	position: relative
}

main.domains section.domain.primary {
	border: solid 2px #76b5c0;
	margin-left: -1px
}

main.domains section.domain .info {
	float: left;
	width: 400px
}

main.domains section.domain .info .domain-details {
	float: left;
	width: 100%;
	margin-top: 10px
}

main.domains section.domain .info .domain-details>div {
	float: left;
	width: 100%;
	margin-bottom: 6px
}

main.domains section.domain .info .domain-details>div h2, main.domains section.domain .info .domain-details>div p
	{
	float: left;
	line-height: normal
}

main.domains section.domain .info .domain-details>div h2 {
	margin-right: 2px;
	width: 100px
}

main.domains section.domain .info h1 a:hover {
	text-decoration: underline
}

main.domains section.domain .info .domain-buttons {
	float: left;
	width: 100%;
	margin-top: 12px
}

main.domains section.domain .info .domain-buttons>* {
	float: left;
	margin-right: 10px;
	font-weight: 400
}

main.domains section.domain .info .domain-buttons .primary-set {
	float: left;
	font-size: 14px;
	color: #3c3c3c;
	cursor: default;
	background: #f5f5f5
}

main.domains section.domain .info .domain-buttons .primary-set img {
	margin-right: 10px
}

main.domains section.domain .info .configure-notification {
	position: relative;
	float: left;
	padding: 10px;
	background: #E9E4D9;
	border-radius: 4px
}

main.domains section.domain .info .configure-notification:before {
	display: block;
	content: ' ';
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #E9E4D9;
	left: -6px;
	top: 12px;
	position: absolute
}

main.domains section.domain .info .configure-notification img {
	float: left
}

main.domains section.domain .info .configure-notification p {
	float: left;
	margin-left: 8px;
	color: #696255
}

main.domains section.domain .divider {
	position: absolute;
	left: 480px;
	width: 1px;
	top: 40px;
	bottom: 40px;
	background: #e1e1e1
}

main.domains section.domain .email {
	float: right;
	width: 400px
}

main.domains section.domain .email .emails-list {
	float: left;
	width: 100%;
	margin-top: 10px
}

main.domains section.domain .email .emails-list .email-item {
	float: left;
	padding: 10px 0 0;
	border-top: solid 1px #e1e1e1;
	width: 100%
}

main.domains section.domain .email .emails-list .email-item:last-child {
	border-bottom: solid 1px #e1e1e1
}

main.domains section.domain .email .emails-list .email-item .email-info
	{
	float: left;
	width: 300px;
	margin-bottom: 10px
}

main.domains section.domain .email .emails-list .email-item .email-info>h2
	{
	float: left;
	width: 100%
}

main.domains section.domain .email .emails-list .email-item .email-info>img,
	main.domains section.domain .email .emails-list .email-item .email-info>p
	{
	float: left;
	width: auto
}

main.domains section.domain .email .emails-list .email-item .email-info>img
	{
	margin-top: 5px
}

main.domains section.domain .email .emails-list .email-item .email-info>p
	{
	margin-left: 10px
}

main.domains section.domain .email .emails-list .email-item .email-buttons
	{
	float: right;
	width: auto;
	margin: 13px 0;
	display: none
}

main.domains section.domain .email .emails-list .email-item.editable .email-buttons
	{
	display: block
}

main.domains section.domain .email .emails-list .email-item:hover .email-buttons
	{
	display: block
}

main.domains section.domain .email .emails-list .email-item .email-buttons a
	{
	float: left;
	margin-left: 12px;
	cursor: pointer
}

main.domains section.domain .email .emails-list .email-item .email-buttons a:first-child
	{
	margin-left: 0
}

main.domains section.domain .email .add-email {
	float: left;
	margin-top: 10px;
	font-weight: 400
}

main.domains section.domain .button {
	float: left;
	width: auto;
	padding: 0 20px;
	height: 40px
}

main.domains section.domain .email .emails-list .email-item.editable .email-info input[type="text"]
	{
	float: left;
	height: 24px;
	padding: 0 6px
}

main.domains section.domain .email .emails-list .email-item.editable .email-info .forward-from
	{
	float: left;
	width: 100%
}

main.domains section.domain .email .emails-list .email-item.editable .email-info .forward-from input[type="text"]
	{
	width: 80px;
	font-weight: 700;
	color: #3c3c3c
}

main.domains section.domain .email .emails-list .email-item.editable .email-info .forward-from h2
	{
	float: left;
	width: auto;
	line-height: 26px;
	margin-left: 6px
}

main.domains section.domain .email .emails-list .email-item.editable .email-info .forward-to
	{
	float: left;
	width: 100%;
	margin-top: 4px
}

main.domains section.domain .email .emails-list .email-item.editable .email-info .forward-to img
	{
	float: left;
	margin: 9px 10px 0 0
}

main.domains section.domain .email .emails-list .email-item.editable .email-info .forward-to input[type="text"]
	{
	float: left;
	width: 220px
}

main.domains section.domain .email .emails-list .email-item.editable .notification
	{
	float: left;
	width: 100%;
	border-radius: 3px;
	color: #3C3C3C;
	margin-top: 0;
	padding: 0
}

main.domains section.domain .email .emails-list .email-item.editable .notification.error
	{
	background: #EBE8DD;
	border: solid 1px #D8D4C8
}

main.domains section.domain .email .emails-list .email-item.editable .notification>img
	{
	float: left;
	margin: 20px
}

main.domains section.domain .email .emails-list .email-item.editable .notification p
	{
	float: left;
	color: #000;
	opacity: .75;
	margin: 19px 0;
	width: 85%;
	text-align: left;
	font-size: 16px;
	line-height: 18px
}

main.domains section.domain .email .emails-list .email-item.editable .notification p.multiline
	{
	margin: 10px 0
}

.modal.delete-confirmation {
	display: table
}

.modal.delete-confirmation .aligner {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.modal.delete-confirmation .wrapper {
	width: 520px;
	margin: 0 auto;
	background: 0 0;
	box-shadow: none
}

.modal.delete-confirmation>p {
	color: #fff;
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 30px;
	opacity: .75
}

.modal.delete-confirmation .wrapper>p a {
	color: inherit
}

.modal.delete-confirmation .content {
	background: #fff;
	padding: 60px;
	width: 400px;
	border-radius: 3px;
	box-shadow: 0 0 25px rgba(0, 0, 0, .25);
	text-align: left
}

.modal.delete-confirmation .content h1 {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	color: #3c3c3c
}

.modal.delete-confirmation .content p {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 24px;
	color: #5a5a5a
}

.modal.delete-confirmation .content small {
	float: left;
	width: 100%;
	text-align: left
}

.modal.delete-confirmation .content .warning-box {
	padding: 5%;
	width: 90%;
	background: #EBDDDD;
	border: solid 1px #D8C8C8
}

.modal.delete-confirmation .content .confirm-checkbox {
	float: left;
	width: 100%
}

.modal.delete-confirmation .content .confirm-checkbox input {
	float: left;
	outline: none;
	box-shadow: none;
	background: #f5f5f5;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	font-size: 14px;
	height: 18px;
	padding: 10px 14px
}

.modal.delete-confirmation .content .confirm-checkbox small {
	float: left;
	width: auto;
	margin-left: 6px;
	font-size: 14px;
	line-height: 18px;
	color: #5a5a5a
}

.modal.delete-confirmation .content .button {
	margin-top: 20px;
	padding: 0
}

.modal.delete-confirmation .content .button.delete {
	height: 40px
}

.modal.delete-confirmation .content .button.delete.ng-hide-add, .modal.delete-confirmation .content .button.delete.ng-hide-remove
	{
	display: block !important;
	-webkit-transition: height .4s linear;
	transition: height .4s linear
}

.modal.delete-confirmation .content .button.delete.ng-hide {
	height: 0
}

.user.domains .modal {
	background: rgba(60, 60, 60, .75)
}

.modal.billing-process {
	display: table
}

.modal.billing-process h2 {
	font-size: 18px;
	color: #3c3c3c
}

.modal.billing-process .button {
	height: 40px
}

.modal.billing-process .button.light {
	color: #5a5a5a;
	background: 0 0;
	border: solid 1px #e1e1e1;
	line-height: 38px;
	box-shadow: none;
	-webkit-transition: background .5s;
	transition: background .5s
}

.modal.billing-process .aligner {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.modal.billing-process .wrapper {
	position: relative;
	background: #f5f5f5;
	border-radius: 3px;
	box-shadow: 0 0 25px rgba(0, 0, 0, .25);
	width: 680px;
	display: inline-block;
	overflow: hidden
}

.modal.billing-process .wrapper .header {
	display: block;
	padding: 12px 40px;
	background: #f5f5f5;
	border-bottom: solid 1px #e1e1e1
}

.modal.billing-process .wrapper .side {
	float: left;
	padding: 40px;
	background: #f5f5f5;
	width: 199px;
	height: 100%
}

.modal.billing-process .wrapper .side>h2 {
	float: left;
	width: 100%
}

.modal.billing-process .wrapper .side>small {
	margin-top: 10px;
	float: left;
	width: 100%;
	line-height: 18px
}

.modal.billing-process .wrapper .side input[type="text"] {
	float: left;
	width: 170px;
	margin-top: 15px;
	background: #fff
}

.modal.billing-process .wrapper .side select {
	float: left;
	width: 200px;
	margin-top: 15px;
	background: #fff;
	-webkit-appearance: menulist;
	-moz-appearance: menulist
}

.modal.billing-process .wrapper .side .balance {
	float: left;
	width: 100%;
	margin-top: 20px
}

.modal.billing-process .wrapper .side .balance>div {
	float: left;
	width: 100%;
	padding: 20px 0;
	border-top: solid 1px #e1e1e1
}

.modal.billing-process .wrapper .side .balance>div small {
	margin-bottom: 5px;
	float: left;
	width: 100%
}

.modal.billing-process .wrapper .side .balance>div h2 {
	float: left;
	width: 100%;
	color: #76b5c0
}

.modal.billing-process .wrapper .side .balance>div:last-child {
	border-bottom: solid 1px #e1e1e1;
	margin-bottom: 10px
}

.modal.billing-process .wrapper .side .paypal-button {
	float: left;
	margin-top: 20px;
	cursor: pointer
}

.modal.billing-process .wrapper .billing .has-card {
	padding: 50px 0 30px;
	text-align: center
}

.modal.billing-process .wrapper .billing .has-card img {
	margin-bottom: 20px
}

.modal.billing-process .wrapper .billing .has-card h2, .modal.billing-process .wrapper .billing .has-card small
	{
	float: left;
	width: 100%;
	text-align: center
}

.modal.billing-process .wrapper .billing .has-card h2 {
	margin-bottom: 5px
}

.modal.billing-process .wrapper .billing .has-card small {
	margin-bottom: 10px
}

.modal.billing-process .wrapper .billing .has-card .button {
	margin-top: 10px
}

.modal.billing-process .wrapper .notification {
	float: left;
	width: 100%;
	border-radius: 3px;
	color: #3C3C3C;
	margin-top: 0;
	padding: 0
}

.modal.billing-process .wrapper .notification.error {
	background: #EBE8DD;
	border: solid 1px #D8D4C8
}

.modal.billing-process .wrapper .notification>img {
	float: left;
	margin: 20px
}

.modal.billing-process .wrapper .notification p {
	float: left;
	color: #000;
	opacity: .75;
	margin: 10px 0;
	text-align: left;
	font-size: 16px;
	line-height: 18px
}

.modal.billing-process .wrapper .side .notification>p {
	width: 70%
}

.modal.billing-process .wrapper .content .notification>p {
	width: 80%
}

.modal.billing-process .wrapper billing-new-card .button {
	padding: 0;
	float: left;
	width: 47.5%
}

.modal.billing-process .wrapper billing-new-card .button:last-child {
	float: right;
	transition: none
}

.modal.billing-process .wrapper billing-new-card .button.single {
	width: 100%
}

.modal.congrats-notification {
	display: table
}

.modal.congrats-notification .aligner {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.modal.congrats-notification .wrapper {
	width: 520px;
	margin: 0 auto;
	background: 0 0;
	box-shadow: none
}

.modal.congrats-notification>p {
	color: #fff;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	opacity: .75
}

.modal.congrats-notification .wrapper>p a {
	color: inherit
}

.modal.congrats-notification .content {
	background: #fff;
	padding: 60px;
	width: 400px;
	border-radius: 3px;
	box-shadow: 0 0 25px rgba(0, 0, 0, .25);
	text-align: center
}

.modal.congrats-notification .content img.success-big {
	margin-bottom: 30px
}

.modal.congrats-notification .content h1 {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	color: #3c3c3c
}

.modal.congrats-notification .content p {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	color: #5a5a5a
}

.modal.congrats-notification .content small {
	float: left;
	width: 100%;
	text-align: center
}

.modal.congrats-notification form {
	float: left;
	width: 100%;
	margin: 20px 0 25px
}

.modal.congrats-notification form input[type="text"] {
	float: left;
	width: 230px;
	font-size: 18px;
	line-height: 58px
}

.modal.congrats-notification form input[type="submit"] {
	float: right;
	width: 120px;
	border: none;
	padding: 0
}

.modal.congrats-notification .content .button {
	margin: 20px 0 25px
}

.modal.congrats-notification .notification {
	margin-bottom: 20px !important
}

.modal.connect-domain-warning {
	display: table
}

.modal.connect-domain-warning .aligner {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.modal.connect-domain-warning .wrapper {
	width: 520px;
	margin: 0 auto;
	background: 0 0;
	box-shadow: none
}

.modal.connect-domain-warning>p {
	color: #fff;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	opacity: .75
}

.modal.connect-domain-warning .wrapper>p a {
	color: inherit
}

.modal.connect-domain-warning .content {
	background: #fff;
	padding: 60px;
	width: 400px;
	border-radius: 3px;
	box-shadow: 0 0 25px rgba(0, 0, 0, .25);
	text-align: center
}

.modal.connect-domain-warning .content h1 {
	float: left;
	width: 100%;
	text-align: center;
	margin: 30px 0 10px;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	color: #3c3c3c
}

.modal.connect-domain-warning .content p {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	color: #5a5a5a
}

.modal.connect-domain-warning .content .button {
	margin-top: 20px;
	height: 60px
}

.modal.connect-domain-warning .content .button+.button {
	margin-top: 10px
}

main.analytics.not-published {
	margin: 100px auto 220px
}

main.analytics.not-published h2 {
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	color: #5a5a5a
}

main.analytics.not-published p {
	margin-top: 20px;
	font-size: 21px;
	line-height: 25px;
	text-align: center
}

main.analytics.not-published .button {
	margin: 20px auto 0;
	width: 250px;
	font-size: 21px;
	line-height: 66px
}

main.analytics .analytics-navigation {
	float: left;
	width: 200px;
	position: fixed;
	z-index: 9;
	margin-left: 40px
}

main.analytics .analytics-navigation>h2 {
	margin-bottom: 12px;
	float: left
}

main.analytics .analytics-navigation .navigation-item {
	cursor: pointer
}

main.analytics .analytics-navigation .navigation-item.disabled {
	cursor: not-allowed
}

main.analytics .analytics-navigation .navigation-item a {
	float: left;
	padding: 12px 20px;
	width: 160px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	margin-bottom: 4px;
	transition: .2s background
}

main.analytics .analytics-navigation .navigation-item.active a {
	border-right: solid 2px #76b5c0;
	padding-right: 18px;
	background: #fff
}

main.analytics .analytics-navigation .navigation-item:hover:not (.disabled
	) a {
	border-right: solid 2px #76b5c0;
	padding-right: 18px;
	background: #f0f0f0
}

main.analytics .content {
	float: right;
	position: static;
	width: 683px;
	padding-left: 37px;
	border-left: solid 1px #e1e1e1
}

main.analytics section {
	float: right;
	width: 600px
}

main.analytics section.overview .description {
	float: none
}

main.analytics section.overview analytics-overview {
	width: 100%
}

main.analytics section.location loading {
	height: 200px
}

main.analytics section.location {
	margin-top: 20px
}

main.analytics section.location .description {
	position: relative
}

main.analytics section.location .description h2, main.analytics section.location .description p
	{
	float: left;
	width: 360px
}

main.analytics section.location .description .button {
	position: absolute;
	top: 0;
	right: 0;
	width: 140px;
	padding: 0
}

main.analytics section.location .list {
	float: left;
	width: 100%
}

main.analytics section.location .list .list-item {
	border-top: solid 1px #e1e1e1;
	float: left;
	width: 47.5%;
	padding: 10px 0
}

main.analytics section.location .list .list-item:nth-child(even) {
	float: right
}

main.analytics section.location .list .list-item img, main.analytics section.location .list .list-item h2
	{
	float: left
}

main.analytics section.location .list .list-item img {
	margin-right: 8px;
	margin-top: 3px
}

main.analytics section.location .list .list-item p {
	float: right
}

.modal .simple-modal {
	margin: 200px auto;
	padding: 40px;
	width: 320px;
	border-radius: 3px;
	background: #fff
}

.modal .simple-modal .title {
	width: 100%;
	text-align: center;
	color: #3c3c3c
}

.modal .simple-modal .description {
	margin-top: 10px;
	font-size: 14px;
	color: #787878;
	float: left;
	width: 100%;
	text-align: center;
	line-height: 20px
}

.modal .simple-modal .button {
	margin-top: 15px;
	height: 40px
}

.modal#delete-confirmation .content {
	width: 300px;
	padding: 40px;
	background: #fff;
	border-radius: 3px;
	margin: 40px auto;
	font-family: 'Slate W01', sans-serif
}

.modal#delete-confirmation .content h2 {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	color: #3c3c3c;
	font-size: 24px;
	line-height: 28px
}

.modal#delete-confirmation .content p {
	font-size: 18px;
	line-height: 22px;
	color: #787878;
	float: left;
	width: 100%;
	text-align: center
}

.modal#delete-confirmation .content textarea {
	float: left;
	width: 278px;
	height: 100px;
	padding: 10px;
	font-size: 14px;
	margin: 20px 0;
	resize: none;
	border-radius: 3px;
	border: solid 1px #e1e1e1;
	background: #f5f5f5
}

.modal#delete-confirmation .content .button.delete {
	float: left;
	padding: 0;
	width: 140px;
	margin-right: 20px;
	background: #A53C3C;
	height: 40px
}

.modal#delete-confirmation .content .button.delete:hover {
	background: #772525
}

.modal#delete-confirmation .content .button.cancel {
	float: left;
	padding: 0;
	width: 140px;
	background: #e1e1e1;
	color: #333;
	box-shadow: none
}

.modal#delete-confirmation .content .button.cancel:hover {
	background: #d2d2d2
}

.modal .billing .content {
	float: none;
	margin: 0 auto
}

.modal .billing select {
	line-height: normal;
	background: url(../../../img/down.png) no-repeat center right 10px
}

.modal .billing .content .notification.error {
	position: static;
	background: #EBE8DD;
	border: solid 1px #D8D4C8
}

.modal.login {
	position: fixed;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	overflow: scroll;
	background: #f5f5f5;
	display: table;
	z-index: 99;
	top: 0;
	left: 0
}

.modal.login span, .modal.login p {
	color: #5a5a5a
}

.modal.login .close {
	width: 96px;
	height: 96px;
	position: fixed;
	right: 0;
	top: 0;
	background: url(/img/signmodals/close.png) no-repeat center;
	border: none;
	cursor: pointer;
	z-index: 999;
	transition: opacity .4s;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s
}

.modal.login .close:hover {
	opacity: .5
}

.modal.login .wrapper {
	display: block;
	width: 100%;
	margin: auto
}

.modal.login .content {
	width: 520px;
	margin: 80px auto;
	float: none
}

.modal.login .content .description {
	width: 280px;
	margin: 0 auto;
	text-align: center
}

.modal.login .content .description img {
	margin-bottom: 20px
}

.modal.login .content .description h1, .modal.login .content .description p
	{
	float: left;
	width: 100%;
	text-align: center
}

.modal.login .content .description h1 {
	font-size: 30px;
	margin-bottom: 8px
}

.modal.login .content .description p {
	font-size: 18px;
	line-height: 24px;
	color: #5a5a5a
}

.modal.login .content .main {
	float: left;
	width: 100%;
	margin: 40px 0
}

.modal.login .content .main .connect {
	float: left;
	width: 220px
}

.modal.login .connect-linkedin {
	background: #0177B7;
	margin-top: 25px
}

.modal.login .connect-linkedin img {
	margin-right: 14px
}

.modal.login .connect-linkedin:hover {
	background-color: #005C8F
}

.modal.login .content .main .divider {
	width: 80px;
	float: left
}

.modal.login .content .main .divider>div {
	width: 1px;
	background: #e1e1e1;
	margin: 0 auto
}

.modal.signup .content .main .divider>div {
	height: 40px
}

.modal.login .content .main .divider>div {
	height: 25px
}

.modal.login .content .main .divider p {
	width: 100%;
	text-align: center;
	line-height: 40px
}

.modal.login .content .main form {
	float: right;
	width: 220px
}

.modal.login .content .main form input.field {
	float: left;
	padding: 0 10px;
	margin-bottom: 10px;
	width: 198px;
	background: #fff;
	transition: border-color .4s;
	-webkit-transition: border-color .3s;
	-moz-transition: border-color .3s
}

.modal.login .content .main form input.field.wrong {
	border-color: #A53C3C
}

.modal.login .content .main form input.field:focus {
	border-color: #76b5c0
}

.modal.signup .content .main form input.name {
	width: 83px
}

.modal.signup .content .main form input.name.first {
	margin-right: 10px
}

.modal.login .content .main form input[type="submit"] {
	width: 100%;
	line-height: 36px
}

.modal.login .content .main form .notification {
	padding: 0;
	float: left;
	width: 100%;
	background: #e1e1e1;
	border-radius: 3px;
	margin-bottom: 10px
}

.modal.login .content .main form .notification p {
	font-size: 14px;
	line-height: normal;
	float: right;
	width: 170px;
	margin: 10px 10px 10px 0
}

.modal.login .content .main form .notification img {
	float: left;
	margin: 10px
}

.modal.resetpassword .main form {
	float: none;
	margin: 0 auto
}

.modal.login .content .links {
	float: left;
	width: 100%
}

.modal.login .content .links span {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 18px
}

@media screen and (max-width:640px) {
	.modal.login .content {
		width: 100%;
		margin: 80px 0
	}
	.modal.login .content .main {
		margin-top: 0
	}
	.modal.login .content .main .connect {
		float: none;
		margin: 0 auto
	}
	.modal.login .content .main .connect .linkedin {
		margin-top: 20px
	}
	.modal.login .content .main .divider {
		width: 100%;
		float: left
	}
	.modal.login .content .main .divider>div {
		display: none
	}
	.modal.login .content .main form {
		float: none;
		width: 220px;
		margin: 0 auto
	}
}

.modal#share h2 {
	font-size: 24px
}

.modal#share p {
	font-size: 18px
}

.modal#share span, .modal#share textarea {
	font-size: 16px
}

.modal#share input[type="submit"] {
	height: 40px
}

.modal .share .domain-link .link {
	font-size: 16px
}

.critical-error-modal {
	background: #f5f5f5
}

.critical-error {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center
}

.critical-error h2 {
	margin-top: 30px;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	color: #3c3c3c
}

.critical-error a, .critical-error p {
	margin-top: 20px;
	font-size: 21px;
	line-height: 25px;
	text-align: center
}

.critical-error a {
	color: #5a5a5a;
	display: block;
	cursor: pointer
}

.critical-error a.show-details {
	color: rgba(90, 90, 90, .7)
}

.critical-error .details {
	width: 600px;
	margin: 10px auto 0;
	padding: 5px;
	background: #fff;
	border-radius: 4px
}

.critical-error .details .title {
	font-size: 16px;
	line-height: 18px;
	text-align: center
}

.critical-error .details p {
	margin: 0;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	color: #a53c3c
}

.critical-error .button {
	display: block;
	float: none;
	margin: 30px auto;
	width: 230px;
	font-size: 21px;
	line-height: 66px;
	font-weight: 400;
	transition: none
}

.critical-error .button.light {
	line-height: 66px;
	background: #fff;
	transition: none
}

.editor-error-modal {
	background: #f5f5f5
}

.editor-error {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center
}

.editor-error h2 {
	margin-top: 30px;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	color: #3c3c3c
}

.editor-error p {
	margin-top: 20px;
	font-size: 21px;
	line-height: 25px;
	text-align: center
}

.editor-error .button {
	display: inline-block;
	float: none;
	margin: 30px;
	width: 230px;
	font-size: 21px;
	line-height: 66px;
	font-weight: 400
}

.notification-container {
	position: fixed !important;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	z-index: 110;
	text-align: center;
	font-size: 14px
}

.notification {
	display: inline-block;
	padding: 10px 20px;
	background: #686868;
	border-radius: 3px; 
	font-size: 14px
}

.notification img {
	float: left;
	margin-top: 5px;
	margin-right: 10px
}

.notification p {
	float: left;
	color: #fff;
	font-size: 14px
}

analytics-overview {
	display: block
}

analytics-overview loading {
	height: 297px
}

analytics-overview .message span {
	display: block;
	text-align: center;
	line-height: 240px;
	font-size: 40px;
	color: #000
}

analytics-overview .graph {
	display: block;
	width: 100%;
	height: 240px;
	border-radius: 3px;
	background: #f5f5f5;
	margin-bottom: 20px
}

analytics-overview .numbers {
	width: 100%
}

analytics-overview .numbers>div {
	display: inline-block;
	width: 24%
}

analytics-overview .numbers h2, analytics-overview .numbers p {
	width: 100%;
	text-align: center
}

analytics-overview .numbers a {
	cursor: pointer
}

loading {
	display: inline-block;
	position: relative;
	width: 100%
}

#editor billing-new-card form, billing-new-card form {
	position: relative;
	background: #fff;
	float: right;
	padding: 40px;
	width: 320px;
	height: auto;
	border-left: solid 1px #e1e1e1
}

#editor billing-new-card form>div {
	float: left;
	width: 100%
}

billing-new-card form>div {
	float: left;
	width: 100%;
	margin-bottom: 40px
}

#editor billing-new-card form>div {
	margin-bottom: 20px
}

#editor billing-new-card form>div.submit-button-container,
	billing-new-card form>div.submit-button-container {
	margin-bottom: 0
}

#editor billing-new-card form>div.notification, billing-new-card form>div.notification
	{
	margin-bottom: 20px
}

#editor billing-new-card form>div h3, billing-new-card form>div h3 {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

#editor billing-new-card input[type="text"], billing-new-card input[type="text"]
	{
	width: 120px;
	float: left
}

#editor billing-new-card .submitted input.ng-invalid, billing-new-card .submitted input.ng-invalid
	{
	border-color: #A53C3C
}

#editor billing-new-card small, billing-new-card small {
	font-size: 14px;
	color: #5a5a5a
}

#editor billing-new-card .firstname, billing-new-card .firstname {
	float: left;
	width: 150px
}

#editor billing-new-card .lastname, billing-new-card .lastname {
	float: left;
	width: 150px;
	margin-left: 20px
}

#editor billing-new-card .card, billing-new-card .card {
	float: left;
	width: 100%
}

#editor billing-new-card .card h3, billing-new-card .card h3 {
	float: left;
	width: auto
}

#editor billing-new-card .card img, billing-new-card .card img {
	float: right
}

#editor billing-new-card .card>div, billing-new-card .card>div {
	float: left
}

#editor billing-new-card .card input, billing-new-card .card input {
	float: left;
	width: 33px;
	margin-right: 20px;
	padding: 0 15px;
	line-height: 38px;
	height: 38px
}

#editor billing-new-card .card input:focus, billing-new-card .card input:focus
	{
	border-color: #76b5c0
}

#editor billing-new-card .card input:last-child, billing-new-card .card input:last-child
	{
	margin-right: 0
}

#editor billing-new-card .zipcode, billing-new-card .zipcode {
	float: left;
	width: 150px
}

#editor billing-new-card .cvv, billing-new-card .cvv {
	float: left;
	width: 150px;
	margin-left: 20px
}

#editor billing-new-card .cvv input, billing-new-card .cvv input {
	float: left;
	width: 30px
}

#editor billing-new-card .cvv small, billing-new-card .cvv small {
	float: right;
	line-height: 40px
}

#editor billing-new-card .cvv small a, billing-new-card .cvv small a {
	color: inherit;
	font-size: 14px
}

#editor billing-new-card .exp, billing-new-card .exp {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

#editor billing-new-card .exp select, billing-new-card .exp select {
	float: left;
	padding: 0 15px;
	width: 150px;
	background: #f5f5f5;
	color: #5a5a5a;
	font-size: 14px;
	-webkit-appearance: menulist;
	-moz-appearance: menulist
}

#editor billing-new-card .exp .month, billing-new-card .exp .month {
	float: left
}

#editor billing-new-card .exp small, billing-new-card .exp small {
	float: left;
	line-height: 40px;
	width: 20px;
	text-align: center
}

#editor billing-new-card .exp .year, billing-new-card .exp .year {
	float: left
}

#editor billing-new-card .button, billing-new-card .button {
	height: 40px
}

#editor billing-new-card .notification, billing-new-card .notification {
	float: left;
	width: 100%;
	border-radius: 3px;
	color: #3C3C3C;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0
}

#editor billing-new-card .notification.error, billing-new-card .notification.error
	{
	background: #EBE8DD;
	border: solid 1px #D8D4C8
}

#editor billing-new-card .notification>img, billing-new-card .notification>img
	{
	float: left;
	margin: 20px
}

#editor billing-new-card .notification>p, #editor billing-new-card .notification>small,
	.modal.billing-process .wrapper billing-new-card .notification>p,
	.modal.billing-process .wrapper billing-new-card .notification>small,
	billing-new-card .notification>p, billing-new-card .notification>small
	{
	float: left;
	width: auto;
	color: #000;
	opacity: .75;
	text-align: left;
	margin-top: 20px;
	font-size: 16px;
	line-height: 18px
}
 
#editor billing-new-card .notification>p.hide, billing-new-card .notification>p.hide
	{
	display: none
}

.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0
}

@
-webkit-keyframes pop-upwards { 0%{
	-webkit-transform: matrix(.97, 0, 0, 1, 0, 12);
	transform: matrix(.97, 0, 0, 1, 0, 12);
	opacity: 0
}

20%{
-webkit-transform
:matrix
(
.99
,
0,0,1,0,2);
transform
:matrix
(
.99
,
0,0,1,0,2);
opacity
:
.7
}
40%{
-webkit-transform
:matrix
(1
,
0,0,1,0,-1);
transform
:matrix
(1
,
0,0,1,0,-1);
opacity
:
1
}
70%,100%{
-webkit-transform
:matrix
(1
,
0,0,1,0,0);
transform
:matrix
(1
,
0,0,1,0,0);
opacity
:
1
}
}
@
keyframes pop-upwards { 0%{
	-webkit-transform: matrix(.97, 0, 0, 1, 0, 12);
	transform: matrix(.97, 0, 0, 1, 0, 12);
	opacity: 0
}

20%{
-webkit-transform
:matrix
(
.99
,
0,0,1,0,2);
transform
:matrix
(
.99
,
0,0,1,0,2);
opacity
:
.7
}
40%{
-webkit-transform
:matrix
(1
,
0,0,1,0,-1);
transform
:matrix
(1
,
0,0,1,0,-1);
opacity
:
1
}
70%,100%{
-webkit-transform
:matrix
(1
,
0,0,1,0,0);
transform
:matrix
(1
,
0,0,1,0,0);
opacity
:
1
}
}
.medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
	position: absolute;
	left: 50%;
	display: block;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	content: ""
}

.medium-toolbar-arrow-under:after {
	border-width: 8px 8px 0 8px
}

.medium-toolbar-arrow-over:before {
	border-width: 0 8px 8px 8px
}

.medium-editor-toolbar, .medium-editor-anchor-preview {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	visibility: hidden;
	font-size: 16px;
	font-family: HelveticaNeue, Helvetica, Arial, sans-serif
}

.medium-editor-toolbar ul, .medium-editor-anchor-preview ul {
	margin: 0;
	padding: 0
}

.medium-editor-toolbar li, .medium-editor-anchor-preview li {
	float: left;
	margin: 0;
	list-style: none
}

.medium-editor-anchor-preview li {
	padding: 0
}

.medium-editor-toolbar li button, .medium-editor-anchor-preview li button
	{
	display: block;
	margin: 0;
	cursor: pointer;
	font-size: 14px;
	line-height: 1.33;
	text-decoration: none;
	box-sizing: border-box
}

.medium-editor-anchor-preview li button {
	padding: 15px
}

.medium-editor-toolbar li .medium-editor-action-underline,
	.medium-editor-anchor-preview li .medium-editor-action-underline {
	text-decoration: underline
}

.medium-editor-toolbar li .medium-editor-action-pre,
	.medium-editor-anchor-preview li .medium-editor-action-pre {
	padding: 15px 0;
	font-weight: 100;
	font-size: 12px;
	font-family: 'Menlo', monospace
}

.medium-editor-anchor-preview i {
	display: inline-block;
	margin: 5px 5px 5px 10px;
	text-decoration: underline;
	font-style: normal;
	cursor: pointer
}

.medium-editor-toolbar-active, .medium-editor-anchor-preview-active {
	visibility: visible
}

.sticky-toolbar {
	position: fixed;
	top: 1px
}

.stalker-toolbar {
	-webkit-animation: pop-upwards 160ms forwards linear;
	-ms-animation: pop-upwards 160ms forwards linear;
	animation: pop-upwards 160ms forwards linear;
	-webkit-transition: top .075s ease-out, left .075s ease-out;
	transition: top .075s ease-out, left .075s ease-out
}

.medium-editor-action-bold {
	font-weight: bolder
}

.medium-editor-action-italic {
	font-style: italic
}

.medium-editor-toolbar-form-anchor {
	display: none
}

.medium-editor-toolbar-form-anchor input,
	.medium-editor-toolbar-form-anchor a {
	font-family: HelveticaNeue, Helvetica, Arial, sans-serif
}

.medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input,
	.medium-editor-toolbar-form-anchor label {
	margin: 0;
	padding: 6px;
	width: 250px;
	border: none;
	font-size: 14px;
	box-sizing: border-box
}

.medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input:focus,
	.medium-editor-toolbar-form-anchor label:focus {
	outline: 0;
	border: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none
}

.medium-editor-toolbar-form-anchor label {
	display: block
}

.medium-editor-toolbar-form-anchor a {
	display: inline-block;
	margin: 0 10px;
	text-decoration: none;
	font-weight: bolder;
	font-size: 24px
}

.medium-editor-placeholder {
	position: relative
}

.medium-toolbar-arrow-under:after {
	top: 60px;
	border-color: #1E1E1E transparent transparent transparent
}

.medium-toolbar-arrow-over:before {
	top: -8px;
	border-color: transparent transparent #1E1E1E transparent
}

.medium-editor-toolbar {
	border-radius: 4px;
	background: #1E1E1E;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
	padding: 0;
	overflow: hidden
}

.medium-editor-toolbar li {
	padding: 0
}

.medium-editor-toolbar li button {
	min-width: 30px;
	height: 30px;
	border: none;
	background-color: transparent;
	color: #fff;
	padding: 0
}

.medium-editor-toolbar li button:hover {
	color: #fff;
	background: #3c3c3c
}

.medium-editor-toolbar li .medium-editor-button-last {
	border-right: none
}

.medium-editor-toolbar li .styled-select {
	background: url(../img/icons/dropdown.png) no-repeat 40px 10px #1E1E1E;
	border: none !important;
	box-shadow: none;
	font-family: 'Slate W01' !important;
	font-weight: 400;
	font-style: bold;
	font-size: 12px
}

.medium-editor-toolbar li .styled-select, .medium-editor-toolbar li .styled-select select
	{
	width: 50px !important
}

.medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input {
	height: 30px;
	background: #1E1E1E;
	color: #fff
}

.medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input::-webkit-input-placeholder
	{
	color: #fff;
	color: rgba(255, 255, 255, .8)
}

.medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input:-moz-placeholder,
	.medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input::-moz-placeholder
	{
	color: #fff;
	color: rgba(255, 255, 255, .8)
}

.medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input:-ms-input-placeholder
	{
	color: #fff;
	color: rgba(255, 255, 255, .8)
}

.medium-editor-toolbar-form-anchor a {
	color: #fff
}

.medium-editor-toolbar-anchor-preview {
	background: #1E1E1E;
	font-size: 13px !important;
	padding: 4px 4px 4px 0;
	color: #fff
}

.medium-editor-placeholder:after {
	color: #fff
}

.medium-editor-toolbar li .medium-editor-button-active .brandedicon.bold
	{
	background-position: -46px -119px
}

.medium-editor-toolbar li .medium-editor-button-active .brandedicon.italic
	{
	background-position: -64px -98px
}

.medium-editor-toolbar li .medium-editor-button-active .brandedicon.underline
	{
	background-position: -46px -89px
}

.medium-editor-toolbar li .medium-editor-button-active .brandedicon.bulleted
	{
	background-position: -92px -121px
}

.medium-editor-toolbar li .medium-editor-button-active .brandedicon.numbered
	{
	background-position: 0 -140px
}

.Button--cta {
	color: #0f0f0f !important
}

body, #load-frame {
	background: #f5f5f5
}

#load-frame {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	font-family: 'Slate W01', sans-serif;
	color: #3c3c3c;
	width: 100%;
	height: 100%
}

#load-frame .container {
	display: block;
	height: 180px;
	width: 240px;
	top: 50%;
	left: 50%;
	margin: -90px 0 0 -120px;
	position: absolute;
	text-align: center
}

#load-frame * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

#load-frame .container .icon {
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../img/loading/loading.png);
	margin-right: auto;
	margin-left: auto
}

#load-frame .container .icon.editor {
	width: 86px;
	height: 86px;
	background-position: -454px 0
}

#load-frame .container .icon.linkedin {
	width: 240px;
	height: 86px;
	background-position: 0 0
}

#load-frame .container .icon.preview {
	width: 128px;
	height: 86px;
	background-position: -240px 0
}

#load-frame .container .icon.loadtheme {
	width: 86px;
	height: 86px;
	background-position: -368px 0
}

#load-frame .container .icon.logo {
	background-repeat: no-repeat;
	background-image: url(../img/logo.png);
	width: 152px;
	height: 86px;
	background-position: center center
}

#load-frame .container h1 {
	display: block;
	width: 240px;
	height: 20px;
	line-height: 20px;
	margin: 30px 0 28px;
	font-size: 24px;
	text-align: center;
	font-family: 'Slate W01', sans-serif;
	font-weight: 700;
	color: #3c3c3c;
	letter-spacing: 0
}