/* @override http://local.wptouch.com/wp-content/themes/wptouch4site/style.css */

/*
Theme Name: WPtouch.com (Oct 2015)
Theme URI: http://www.wptouch.com
Description: The next evolution of wptouch.com
Author: BraveNewCode Inc.
Author URI: http://www.wptouch.com
Version: 9.0
*/

/* @group Shared Panels */

/* @group Videos */

#shared-panel-videos {
	border-top-color: #5d6c7f;
	background-image: url(img/backgrounds/footer_lodyas.png);
	color: #fff;
	text-align: center;
	padding-bottom: 120px;
}

#shared-panel-videos h5 {
	font-weight: bold;
	color: rgba(255,255,255,.75);
}

#shared-panel-videos .flexbox {
	padding-top: 15px;
}

#shared-panel-videos img {
	border-radius: 2px;
	border: 1px solid #000;
}

#shared-panel-videos p {
	color: #999;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: 70%;
}



/* @end */

/* @group Confidence */

#shared-panel-confidence {
	background: url(img/backgrounds/dark_embroidery.png) center top;
	border-top-color: #5d6c7f;
	position: relative;
}

#shared-panel-confidence > div * {
	position: relative;
	color: #fff;
}

#shared-panel-confidence .flexbox {
	align-items: start;
	padding-top: 60px;
	padding-bottom: 60px;
	-ms-flex: 1 0 auto;
 	-webkit-flex: 1 0 auto;
 	flex: 1 0 auto;
}

#shared-panel-confidence .flex-item {
	min-width: 29%;
}
#shared-panel-confidence p {
	margin-right: 5%;
	margin-top: 30px;
}

#shared-panel-confidence h1 {
	font-size: 38px;
	font-weight: 100;
	margin-bottom: 15px;
	color: #4d73ff;
}

#shared-panel-confidence h5 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
}



/* @end */



/* @end */

/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

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

body {
	font-size: 15px;
	line-height: 1;
	font-family: lato, sans-serif;
	font-weight: 300;
	color: #424953;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* Fix faint fonts on Windows */

body.windows, .windows .hero-big h2, .windows h4 {
	font-weight: 400 !important;
}

/* @end Reset */

/* @group Localhost */

#local-banner {
	background-color: rgba(254,170,196,0.8034214);
	position: fixed;
	left: 5px;
	bottom: 5px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
}

#local-banner p {
	display: none;
}

/* @end */

/* @group Global */

.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading p, .wf-loading .button, .wf-loading li, .wf-loading span {
	visibility: hidden;
}

a {
	text-decoration: none;
	color: #14b9d5;
}

a:hover, a:active {
	color: #42b0d9;
}

h3.hero-text {
	font-size: 50px;
	font-weight: 100;
	color: #fff;
	text-shadow: rgba(0,0,0,.4) 0px 1px 12px;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 25px;
	max-width: 850px;
	margin-right: auto;
	margin-left: auto;
}

/* @group My Group */

/* @end */

h3.hero-text span {
	font-weight: 500;
}

h4.hero-subtext {
	text-shadow: rgba(0,0,0,.3) 0px 1px 4px;
	text-align: center;
	color: #eaedf2;
	font-size: 18px;
	font-weight: 500;
	margin-right: 20%;
	margin-left: 20%;
	margin-bottom: 50px;
	line-height: 22px;
}

.fadein {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1 !important;
}

.clear:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.push-bar {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #5d6c7f;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.push-bar .button {
	margin-right: 6px;
	margin-left: 6px;
	padding-right: 16px;
	padding-left: 16px;
}

.max-width-1000 {
	position: relative;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

::-moz-selection {
	background: #cdd2d9;
}

::selection {
	background: #cdd2d9;
}

/* @end */

/* @group Positioning */

.center {
	text-align: center;
}



/* @end */

/* @group Colours */

.green {
	color: #8ec159;
}

/* @end */

/* @group Buttons */

.button, .btn, .button-primary, .gform_button {
	text-transform: uppercase;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: transparent;
	max-width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
	-webkit-appearance: none;
	font: 500 13px lato, sans-serif;
	text-align: center;
}

.button-small {
	font: 500 10px lato, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
}

.button:hover, .btn:hover, .button-primary:hover, , .gform_button:hover {
	cursor: pointer;
}

.button:active, .btn:active {
	-webkit-box-shadow: inset rgba(0,0,0,.3) 0px 1px 4px;
	box-shadow: inset rgba(0,0,0,.3) 0px 1px 4px;
}

.button.coral {
	color: #f5696c;
	border-color: #f5696c;
}

.button.coral.full, .button.coral:hover {
	color: #fff;
	background-color: #f5696c;
	border-color: #f5696c;
}

.button.blue, .gform_button {
	color: #14b9d5;
	background-color: transparent;
	border-color: #14b9d5;
}

.button-primary, .button.blue.full, input.button, .button:hover, .button.blue:hover, .gform_button:hover {
	color: #fff;
	background-color: #14b9d5;
	border-color: #14b9d5;
	cursor: pointer;
}

.button.yellow {
	border-color: #ffd200;
	color: #ffd200;
}

.button.yellow:hover {
	color: #fff;
	background-color: #ffd200;
	border-color: #ffd200;
}

.button.gray {
	color: #9fa7b4;
}

.button.gray:hover {
	color: #fff;
	background-color: #9fa7b4;
	border-color: #9fa7b4 !important;
}

.button.white {
	border-color: #fff;
	color: #fff;
}

.button.white.solid, .button.white:hover {
	color: rgba(0,0,0,.9);
	background-color: #fff;
	border-color: #fff;
}

/* @end */

/* @group New Hero */

.hero-big {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	border-bottom: 1px solid #e7eaed;
}

.hero-big p {
	margin-top: 20px;
	margin-bottom: 20px;
}

.hero-big img {
	margin-left: auto;
	margin-right: auto;
}

.hero-big h1 {
	font-size: 64px;
	font-weight: 100;
	letter-spacing: -2px;
	color: #434a54;
}

.hero-big h2 {
	font-size: 26px;
	font-weight: 200;
	margin: 40px 15%;
	line-height: 1.3;
}

.hero-big h4 {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #e7eaed;
	bottom: -18px;
	left: 0;
	right: 0;
	line-height: 16px;
	font-size: 16px;
	color: #656e78;
	border-radius: 12px;
	z-index: 1;
	overflow: hidden;
	display: block;
	position: absolute;
	width: 320px;
	white-space: nowrap;
	background-color: #fff;
}

.hero-big h4 a.toggle {
	color: #828489;
	display: inline-block;
	width: 50%;
	padding-top: 6px;
	padding-bottom: 6px;
}

.hero-big h4 a.toggle.active {
	color: #fff;
	background-color: #14b9d5;
}

.hero-big .button {
	padding-left: 24px;
	padding-right: 24px;
}

/* @end */

/* @group Horizontal Boxes */

.horizontal-boxes {
	padding-top: 60px;
	padding-bottom: 80px;
	border-bottom: 1px solid #e7eaed;
	line-height: 1.5;
}

.horizontal-boxes h2 {
	font-size: 32px;
	text-align: center;
	margin-bottom: 20px;
}

.horizontal-boxes h4 {
	text-align: center;
	margin-right: 15%;
	margin-left: 15%;
}

.horizontal-boxes ul li h5 {
	font-size: 18px;
	font-weight: 500;
	margin-top: 15px;
	margin-bottom: 15px;
}

.horizontal-boxes ul {
	margin-top: 60px;
	margin-bottom: 40px;
}

.horizontal-boxes li {
	width: 20%;
	display: inline-block;
	margin-left: 2%;
	margin-right: 2%;
	vertical-align: top;
}

.horizontal-boxes.three {
	padding-top: 30px;
	padding-bottom: 30px;
}

.horizontal-boxes.three li {
	display: inline-block;
	margin-left: 4%;
	margin-right: 4%;
	vertical-align: top;
	width: 25%;
}

.horizontal-boxes img {
	width: 68px;
	height: auto;
}

.horizontal-boxes div > p {
	width: 40%;
	padding-bottom: 40px;
	display: inline-block;
	margin-right: 3%;
	margin-left: 3%;
	padding-top: 40px;
}

.horizontal-boxes .button {
	width: 25%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}

/* @end */

/* @group Header */

main {
	display: block;
	padding-top: 64px;
}

main > header, .no-skrollr main > header {
	-webkit-font-smoothing: antialiased;
	height: 64px;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 9;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0.98;
	border-bottom: 1px solid #e7eaed;
}

.header-inner-wrap {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.svg-wrap {
	display: block;
	position: relative;
	float: left;
	width: 22px;
	margin-right: 12px;
	margin-top: 7px;
	height: 50px;
}

.svg-wrap img {
	height: 100%;
	width: 100%;
	position: absolute;
	-webkit-animation: adjustHue 90s ease-in-out 0s infinite alternate;
	animation: adjustHue 90s ease-in-out 0s infinite alternate;
	top: 0;
	left: 0;
	display: none;
}

main > header h3 {
	font-weight: 300;
	font-size: 24px;
	letter-spacing: -1px;
	margin-bottom: 4px;
	position: relative;
	display: inline-block;
	margin-top: 10px;
	color: #4b4b4b;
}

main > header h4 {
	font-weight: 400;
	font-size: 14px;
	color: #9fa7b4;
}

main > header ul {
	font-weight: 400;
	position: absolute;
	right: 0;
	top: 6px;
}

main > header ul > li {
	display: inline-block;
	position: relative;
}

main > header ul li a {
	display: block;
	font-size: 14px;
	color: #5d6c7f;
	padding: 20px;
}

main > header ul ul {
	display: none;
}

main > header ul li a:hover {
	color: #14b9d5;
}

main > header li.current_page_item > a {
	font-weight: 500;
	color: #14b9d5;
}

.dropit-submenu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 240px;
	background-color: #fff;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	box-shadow: rgba(0,0,0,.3) 0px 2px 2px;
	padding-top: 2px;
}

.dropit-open .dropit-submenu li {
	display: block;
}

.dropit-open .dropit-submenu li a {
	padding-top: 16px;
	padding-bottom: 16px;
}

.dropit-open .dropit-submenu > li a:hover {
	background-color: #e7eaed;
}

.dropit-trigger > a:after {
	content: '\a801';
	margin-right: -5px;
	margin-left: 5px;
	font: 11px 'fontello';
}

header a.header-icon {
	color: #fff;
}

/* @end */

/* @group Homepage */

/* @group Hero */

#home-hero {
	min-height: 600px;
	background-image: url(img/homepage/hero-wood.jpg);
	background-size: cover;
}

#home-hero .devices img {
	width: 150px;
	display: block;
}

#home-hero .devices {
	width: 150px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 40px;
}

#home-hero h1 {
	font-weight: 500;
	margin-top: 180px;
	width: 300px;
	font-size: 60px;
	line-height: 100%;
	letter-spacing: -1px;
}

#home-hero h4 {
	width: 400px;
}

#home-hero .darken {
	background-color: rgba(0,0,0,0);
}

/* @end */

/* @group How It Works */

#home-how-it-works {
	border-top-color: #5d6c7f;
	position: relative;
}

#home-how-it-works .right-align {
	background-color: #424953;
	color: #fff;
	position: relative;
}

#home-how-it-works .right-align:after {
	content: '';
	width: 0; 
	height: 0;
	border-bottom: 0 solid transparent;
	border-left: 100px solid #424953;
	position: absolute;
	right: -100px;
	top: 0;
	border-top: 1200px solid transparent;
}

#home-how-it-works .right-align li p {
	color: rgba(255,255,255,.75);
}

#home-how-it-works .left-align {
	background-image: url(img/homepage/how-it-works.jpg);
	background-size: cover;
	align-self: stretch;
}

#home-how-it-works i.icon-globe {
	color: #70fa69;
}

#home-how-it-works i.icon-google {
	color: #0089ff;
}

#home-how-it-works i.icon-desktop {
	color: #f18862;
}

#home-how-it-works i.icon-docs {
	color: #ca80fe;
}

/* @end */

/* @group Themes */

#home-themes {
	border-top-color: #5d6c7f;
background-color: #6298e3;
background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(98, 152, 227)), to(rgb(209, 0, 208)));
background-image: -webkit-linear-gradient(left bottom, rgb(98, 152, 227), rgb(209, 0, 208));
background-image: -moz-linear-gradient(left bottom, rgb(98, 152, 227), rgb(209, 0, 208));
background-image: -o-linear-gradient(left bottom, rgb(98, 152, 227), rgb(209, 0, 208));
background-image: -ms-linear-gradient(left bottom, rgb(98, 152, 227), rgb(209, 0, 208));
background-image: linear-gradient(left bottom, rgb(98, 152, 227), rgb(209, 0, 208));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#6298e3', EndColorStr='#d100d0');
	color: #fff;
}

#home-themes .max-width-1000 {
	margin-top: 60px;
}

#home-themes h1 {
	max-width: auto;
}

#home-themes img {
	width: auto;
}



/* @end */



/* @end */

/* @group Themes */

/* @group Old */

#themes-wrap section {
	text-align: center;
	border-top: 1px solid #e7eaed;
	padding: 60px;
}

#themes-wrap section:nth-child(odd) {
	background-color: #fbfefb;
}

#themes-wrap .button {
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 15px;
	margin-right: 15px;
}

#themes-wrap img {
	width: 220px;
	margin-bottom: 30px;
}

#themes-wrap .corner-triangle {
	display: none;
}

#themes-wrap h1 {
	font-size: 48px;
	padding-bottom: 15px;
}

#themes-wrap h4 {
	font-size: 22px;
	padding-bottom: 60px;
}



/* @end */

/* @group Themes Hero */

#themes-intro {
	background: url(img/themes/themes-bg.jpg) no-repeat;
	background-size: 100% 50%;
	text-align: center;
	padding: 120px 50px 50px;
	color: #FFF;
	border-top-style: none;
}

#themes-intro h1 {
	font-size: 64px;
	font-weight: 200;
	letter-spacing: -2px;
}

#themes-intro h2 {
	font-size: 26px;
	margin: 20px 20% 50px;
	line-height: 1.4;
}

#themes-intro h3 {
	color: #424953;
	font-size: 36px;
	font-weight: 100;
	margin: 40px 20%;
	line-height: 1.4;
}

#themes-intro .phone-image {
	background: url(img/themes/phone-in-hand.png) no-repeat center top;
	height: 640px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #eee;
	position: relative;
	width: 800px;
}

#themes-intro h3 em {
	font-style: italic;
	font-weight: 500;
}

#themes-intro li {
	color: #5d6c7f;
	text-align: left;
	width: 20%;
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 30px 2%;
	line-height: 150%;
}

#themes-intro h5 {
	color: #af4454;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 15px;
}

/* @end */

/* @group Themes Tabbed */

#themes-tabs {
}

#themes-tabs li img {
	width: 64px;
	height: auto;
}

#themes-tabs .flexbox.tabbed {
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	max-width: 90%;
}

#themes-tabs .tabbed .flex-item.large {
	min-width: 42%;
	max-width: 42%;
	margin-right: 30px;
}

#themes-tabs h3 {
	font-size: 48px;
	font-weight: 100;
	margin-bottom: 30px;
}

#themes-tabs .tabbed .flex-item .button {
	margin-top: 60px;
}


/* @end */

/* @end */

/* @group Themes -> MobileStore */

@media only screen and (max-height:800px) {

.page-mobilestore #phone-frame {
	-moz-transform: scale(.9);
	-o-transform: scale(.9);
	-webkit-transform: scale(.9);
	transform: scale(.9);
}

}

.page-mobilestore #phone-frame {
	text-align: center;
	z-index: 1;
	background: url(img/themes/mobilestore/phone-frame.png) no-repeat center center;
	background-size: cover;
	width: 310px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	right: 0;
	left: -60%;
	margin-top: -275px;
	top: 50%;
}

.page-mobilestore #phone-frame video {
	position: relative;
	z-index: 1;
	margin-top: 100px;
	margin-left: 4px;
}

.page-mobilestore section {
	height: 900px;
	position: relative;
}

.page-mobilestore section .icon-down-open-big {
	color: #fff;
	position: absolute;
	right: 3%;
	left: auto;
	bottom: 3%;
	font-size: 22px;
	border-style: solid;
	border-width: 2px;
	border-radius: 100px;
	width: 32px;
	height: 32px;
	text-align: center;
	padding: 8px;
	cursor: pointer;
}

.page-mobilestore section div {
	color: #fff;
	line-height: 135%;
	position: relative;
}

.page-mobilestore section h1 {
	font-weight: 100;
	margin-bottom: 20px;
	letter-spacing: -1px;
	line-height: 1em;
	font-size: 40px;
}

.page-mobilestore section h1 em {
	font-weight: 500;
}

.page-mobilestore section h2 {
	font-weight: 500;
	font-size: 1em;
	line-height: 1.5em;
}

.page-mobilestore section h3 {
	font-size: 15px;
	line-height: 150%;
	font-weight: 400;
	vertical-align: top;
	color: #fff;
}

.page-mobilestore section h3:first-of-type {
	width: 44%;
	display: inline-block;
	margin-right: 6%;
}

.page-mobilestore section h3:last-of-type {
	width: 44%;
	display: inline-block;
}

.page-mobilestore section ul {
	margin-top: 100px;
}

.page-mobilestore section ul li {
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline-block;
	width: 30%;
	vertical-align: top;
	font-weight: 400;
	padding-top: 70px;
	margin-right: 3%;
	font-size: 14px;
}

.page-mobilestore section ul li:last-child {
	margin-right: 0;
}

.page-mobilestore section h5 {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 15px;
	margin-bottom: 20px;
}

.page-mobilestore footer {
	display: none;
}

/* @group Intro Section */

#mobilestore-intro {
	background-image: url(img/themes/mobilestore/mstore-background.jpg);
	background-size: cover;
}

#mobilestore-intro div {
	margin-left: auto;
	margin-right: auto;
	padding-left: 40%;
	position: fixed;
	top: 35%;
}

#mobilestore-intro h1 {
	font-size: 4.2em;
	font-weight: 200;
	line-height: 1em;
}

#mobilestore-intro h2 {
	font-size: 1.3em;
	margin-right: 30%;
	font-weight: 300;
}

#mobilestore-intro h6 {
	border: 1px dashed rgba(255,255,255,.6);
	display: inline-block;
	padding: 4px 8px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
	border-radius: 4px;
	position: absolute;
	top: -50px;
}

.ms-buttons {
	margin-top: 20px;
	display: block;
	vertical-align: top;
}

.page-mobilestore .ms-buttons a {
	padding: 7px 18px;
}

.ms-buttons a:first-of-type {
	margin-right: 20px;
}

/* @end */

/* @group Power */

#mobilestore-power {
	background-color: #513e6b;
}

#mobilestore-power div {
	width: 55%;
	top: 25%;
	left: 35%;
}

li.ms-grid {
	background-image: url(img/themes/mobilestore/ms-grid.png);
}

li.ms-filter {
	background-image: url(img/themes/mobilestore/ms-filter.png);
}

li.ms-view-more {
	background-image: url(img/themes/mobilestore/ms-view-more.png);
}

li.ms-grid h5 {
	color: #f5696c;
}

li.ms-filter h5 {
	color: #ffd200;
}

li.ms-view-more h5 {
	color: #59c4bc;
}

/* @end */

/* @group Off Canvas */

#mobilestore-off-canvas {
	background-color: #424953;
}

#mobilestore-off-canvas div {
	width: 55%;
	top: 25%;
	left: 8%;
}

#mobilestore-off-canvas h3 {
	color: #9fa7b4;
}

li.ms-off-canvas {
	background-image: url(img/themes/mobilestore/ms-off-canvas.png);
}

li.ms-recently-viewed {
	background-image: url(img/themes/mobilestore/ms-recently-viewed.png);
}

li.ms-path-purchase {
	background-image: url(img/themes/mobilestore/ms-path-purchase.png);
}

li.ms-off-canvas h5 {
	color: #f5696c;
}

li.ms-recently-viewed h5 {
	color: #c6de64;
}

li.ms-path-purchase h5 {
	color: #f29533;
}

/* @end */

/* @group Gallery */

#mobilestore-single-product {
	background-color: #64656f;
	position: relative;
}

#mobilestore-single-product div {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 75%;
	padding-bottom: 5px;
	margin-top: 0;
}

#mobilestore-single-product h1 {
	font-size: 36px;
	position: absolute;
	right: 0;
	text-align: center;
	left: 0;
	bottom: 150px;
	color: #fff;
}

#mobilestore-single-product ul {
	margin-top: 110px;
}

#mobilestore-single-product ul li {
	display: block;
	width: auto;
	vertical-align: top;
	height: 165px;
	padding-top: 75px;
	line-height: 150%;
}

#mobilestore-single-product ul li h5 {
	font-size: 15px;
	text-transform: capitalize;
	letter-spacing: 0;
}

#mobilestore-single-product ul.ms-left {
	width: 22%;
	text-align: right;
	position: absolute;
	display: inline-block;
	left: 10%;
	top: 110px;
}

#mobilestore-single-product ul.ms-left li {
	background-position: right top;
}

#mobilestore-single-product ul.ms-right {
	width: 22%;
	text-align: left;
	position: absolute;
	display: block;
	right: 10%;
	top: 110px;
}

li.ms-image-switching h5 {
	color: #14b9d5;
}

li.ms-ratings h5 {
	color: #ffd200;
}

li.ms-product-info h5 {
	color: #f5696c;
}

li.ms-related h5 {
	color: #f29533;
}

li.ms-image-switching {
	background-image: url(img/themes/mobilestore/ms-image-swapping.png);
}

li.ms-ratings {
	background-image: url(img/themes/mobilestore/ms-ratings.png);
}

li.ms-product-info {
	background-image: url(img/themes/mobilestore/ms-info.png);
}

li.ms-related {
	background-image: url(img/themes/mobilestore/ms-related.png);
}

/* @end */

/* @group Checkout */

#mobilestore-checkout {
	background-color: #0e778a;
}

#mobilestore-checkout div {
	width: 55%;
	top: 25%;
	left: 10%;
}

li.ms-flow {
	background-image: url(img/themes/mobilestore/ms-flow.png);
}

li.ms-login {
	background-image: url(img/themes/mobilestore/ms-login.png);
}

li.ms-payment {
	background-image: url(img/themes/mobilestore/ms-payment.png);
}

li.ms-flow h5 {
	color: #ffd200;
}

li.ms-login h5 {
	color: #c6de64;
}

li.ms-payment h5 {
	color: #f29533;
}

/* @end */

/* @group Kitchen Sink */

#mobilestore-kitchen {
	background-color: #434954;
	padding-bottom: 50px;
}

#mobilestore-kitchen div {
	padding: 80px;
}

#mobilestore-kitchen h1 {
	text-align: center;
}

#mobilestore-kitchen h2 {
	text-align: center;
	color: #eaedf2;
}

#mobilestore-kitchen h5 {
	color: #fff;
	text-transform: capitalize;
	letter-spacing: 0;
	font-size: 18px;
	font-weight: 900;
}

#mobilestore-kitchen ul {
	color: #9fa7b4;
}

#mobilestore-kitchen ul li {
	width: 22%;
	padding-top: 100px;
}

li.ms-switching {
	background-image: url(img/themes/mobilestore/ms-switching.png);
}

li.ms-payment-gateways {
	background-image: url(img/themes/mobilestore/ms-payment-gateways.png);
}

li.ms-speedy {
	background-image: url(img/themes/mobilestore/ms-speedy.png);
}

li.ms-woo-settings {
	background-image: url(img/themes/mobilestore/ms-woo-settings.png);
}

li.ms-branding {
	background-image: url(img/themes/mobilestore/ms-branding.png);
}

li.ms-wam {
	background-image: url(img/themes/mobilestore/ms-wam.png);
}

li.ms-woo {
	background-image: url(img/themes/mobilestore/ms-woo.png);
}

li.ms-compat {
	background-image: url(img/themes/mobilestore/ms-compat.png);
}

/* @end */

/* @end */

/* @group Extensions */

.extensions-hero.panel.text-large-bottom {
	background: url(img/extensions/extensions-banner.jpg) no-repeat center top;
	background-size: 100% 100%;	
}
.extensions-hero.panel.text-large-bottom .max-width-1000 {
	margin-top: 100px;
}

.extensions-hero.text-large-bottom h1 {
	color: #14b9d5;	
}

.extensions-hero.text-large-bottom div > * {
	opacity: 0;
}

#extensions-wrap .footer-3-block {
	padding-top: 30px;
	padding-bottom: 30px;
}

#extensions-wrap .footer-3-block img {
	max-width: 100px;
}
.extensions-hero h1 em {
	color: #f5696c;
}

.light-gray {
	background-color: #eaedf2;
}

/* @end */

/* @group Extensions Pages */

.extensions-hero {
	background-color: #e7eaed;
}

.extensions-hero img {
	width: 128px;
	height: 128px;
	margin-bottom: 30px;
}

/* @group Advanced Type */

#advanced-type-hero {
	background: url(img/extensions/advanced-type/atype-bg.jpg) no-repeat center top;
	background-size: cover;
}

#advanced-type-hero h1, #advanced-type-hero h2 {
	color: #fff;
}

#falling-phones {
	text-align: center;
	background-color: #4fcfae;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(142, 193, 89)), to(rgb(81, 141, 215)));
	background-image: -webkit-linear-gradient(top, rgb(142, 193, 89), rgb(81, 141, 215));
	background-image: -moz-linear-gradient(top, rgb(142, 193, 89), rgb(81, 141, 215));
	background-image: -ms-linear-gradient(top, rgb(142, 193, 89), rgb(81, 141, 215));
	background-image: linear-gradient(top, rgb(142, 193, 89), rgb(81, 141, 215));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#8ec159', EndColorStr='#518dd7');
	min-height: 450px;
}

#falling-phones .at-phone-1 {
	position: relative;
}

#falling-phones .at-phone-2 {
	position: relative;
}

#falling-phones .at-phone-3 {
	position: relative;
	top: 80px;
}

#advanced-type-info {
	color: #fff;
	background-color: #4e8bda;
}

#advanced-type-info img {
	background-color: #fff;
	padding: 30px;
	border-radius: 12px;
}

/* @end */

/* @end */

/* @group Features */

/* @group Intro */

#features-intro {
	background: url(img/features/features-bg.jpg) no-repeat center bottom;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	min-height: 580px;
	color: #fff;
	padding: 40px;
	position: relative;
}

#features-intro h1 {
	font-weight: 200;
	font-size: 64px;
	letter-spacing: -2px;
	padding-bottom: 40px;
	padding-top: 40px;
}

#features-intro h2 {
	font-size: 24px;
	text-align: center;
	margin-right: 15%;
	margin-left: 15%;
	color: #dae1e9;
	padding-bottom: 85px;
	line-height: 120%;
}

#features-intro h2 em {
	font-weight: 500;
	font-style: italic;
}

#features-intro .featured-gear-image {
	-webkit-border-radius: 300px;
	border-radius: 300px;
	width: 220px;
	height: 220px;
	display: block;
	background: url(img/features/cog.png) no-repeat center center;
	margin-left: -110px;
	position: absolute;
	left: 50%;
	margin-top: -60px;
	-webkit-animation-name: spin;
	-o-animation-name: spin;
	-moz-animation-name: spin;
	animation-name: spin;
	-webkit-animation-duration: 30s;
	-o-animation-duration: 30s;
	-moz-animation-duration: 30s;
	animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}

#features-intro .left, #features-intro .right {
	line-height: 150%;
	font-size: 18px;
	color: #eaedf2;
}

#features-intro .left em, #features-intro .right em {
	font-style: italic;
	font-weight: 700;
}

#features-intro .left {
	position: absolute;
	left: 6%;
	text-align: right;
	width: 30%;
}

#features-intro .right {
	position: absolute;
	right: 6%;
	width: 30%;
	text-align: left;
}

/* @end */

/* @group Faster */

#features-faster {
	background-color: #fff;
	text-align: center;
	padding: 50px;
	position: relative;
}

#features-faster h2 {
	font-weight: 100;
	font-size: 50px;
}

#features-faster h2 em {
	font-style: italic;
	font-weight: 500;
	color: #14b9d5;
}

#features-faster p {
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 60px;
}

#features-faster p em {
	font-weight: 500;
	font-style: italic;
}

#features-faster h5 {
	font-weight: 700;
	padding-bottom: 10px;
}

#features-faster ul {
	text-align: left;
}

#features-faster ul#faster-list li {
	width: 45%;
	line-height: 150%;
	margin-bottom: 40px;
	opacity: 0;
	-webkit-transition-duration: 1s;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	transition-duration: 1s;
}

#features-faster p.disclaim {
	font-size: 13px;
	display: block;
	margin-top: 160px;
	padding: 0;
	width: 50%;
	line-height: 150%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* @group Grid */

#graph {
	border-bottom: 1px solid #9fa7b4;
	border-left: 1px solid #9fa7b4;
	height: 220px;
	text-align: right;
	width: 50%;
	float: right;
	position: relative;
}

#graph .time {
	position: absolute;
	bottom: -70px;
	width: 300px;
	left: 50%;
	margin-left: -180px;
	color: #aaa;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 12px;
}

#graph em {
	color: #fff;
	vertical-align: middle;
	line-height: 230%;
	margin-right: 12px;
	font-size: 13px;
	font-weight: 500;
}

.wptouch-bar {
	background-color: #14b9d5;
	display: block;
	width: 22%;
	height: 28px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.responsive-bar {
	background-color: #dec146;
	display: block;
	width: 22%;
	height: 28px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	margin-bottom: 30px;
}

.desktop-bar {
	background-color: #dd7659;
	display: block;
	height: 28px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	width: 22%;
}

#graph ul {
	position: absolute;
	width: 100%;
	bottom: -30px;
}

#graph ul li {
	display: inline-block;
	text-align: right;
	width: 19%;
	font-size: 12px;
}

#graph ul li:first-child {
	text-align: left;
	width: 0;
}

/* @end */

/* @end */

/* @group Web-App Mode */

#features-app-store {
	background-color: #424953;
	padding: 60px 20px;
	color: #fff;
	text-align: center;
}

#features-app-store h2 {
	letter-spacing: -1px;
	font-weight: 100;
	font-size: 50px;
}

#features-app-store h2 em {
	font-weight: 500;
	font-style: italic;
	color: #b8ce62;
}

#features-app-store p {
	font-size: 18px;
	color: #9fa7b4;
	margin-top: 25px;
	margin-bottom: 25px;
}

#features-app-store li {
	width: 20%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: 14px;
	color: #9fa7b4;
	line-height: 140%;
	margin-right: 2%;
	margin-left: 2%;
	opacity: 0;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	transition-duration: 500ms;
}

#features-app-store li span {
	display: block;
	font-size: 25px;
	font-weight: 500;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	border: 2px solid #c6de64;
	line-height: 50px;
	color: #fff;
	width: 50px;
	height: 50px;
	text-align: center;
}

#features-app-store li h5 {
	font-weight: 500;
	color: #c6de64;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 16px;
}

#features-app-store img {
	clear: both;
	border: 2px dotted #8a9d43;
	margin-bottom: 30px;
	margin-top: 30px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* @end */

/* @group Awesome Out of The Box */

#features-awesome {
	background-color: #eaedf2;
	text-align: center;
	padding: 50px;
	color: #5d6c7f;
}

#features-awesome h2 {
	font-size: 50px;
}

#features-awesome h2 em {
	font-style: italic;
	font-weight: 400;
}

#features-awesome p {
	margin-top: 15px;
	font-weight: 400;
}

#features-awesome p em {
	font-style: italic;
}

#features-awesome ul {
	padding-top: 80px;
}

#features-awesome li {
	display: inline-block;
	width: 20%;
	margin-left: 2%;
	margin-right: 2%;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	line-height: 150%;
	font-weight: 400;
	height: 180px;
	background-position: left top;
	padding-top: 90px;
	background-repeat: no-repeat;
}

#features-awesome li h5 {
	font-weight: 600;
	margin-bottom: 20px;
	color: #424953;
	font-size: 18px;
}

#features-awesome li.features-1 {
	background-image: url(img/features/boxes/switch.jpg);
}

#features-awesome li.features-2 {
	background-image: url(img/features/boxes/world.jpg);
}

#features-awesome li.features-3 {
	background-image: url(img/features/boxes/chart.jpg);
}

#features-awesome li.features-4 {
	background-image: url(img/features/boxes/quotes.jpg);
}

#features-awesome li.features-5 {
	background-image: url(img/features/boxes/money.jpg);
}

#features-awesome li.features-6 {
	background-image: url(img/features/boxes/wp.jpg);
}

#features-awesome li.features-7 {
	background-image: url(img/features/boxes/paint.jpg);
}

#features-awesome li.features-8 {
	background-image: url(img/features/boxes/support.jpg);
}

/* @end */

/* @end */

/* @group Cloud */

#cloud {
	background: url(img/cloud/cloud-bg.jpg) center top;
	min-height: 550px;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding-bottom: 60px;
}

#cloud h1 {
	color: #fff;
	font-size: 64px;
	font-weight: 200;
	text-align: center;
	letter-spacing: -2px;
	padding-top: 80px;
	padding-bottom: 40px;
	text-shadow: rgba(0,0,0,.3) 0px 1px 12px;
}

#cloud h1 span {
	font-weight: 500;
	color: #f5696c;
}

#cloud h2 {
	font-size: 26px;
	text-align: center;
	margin-right: 12%;
	margin-left: 12%;
	color: #dae1e9;
	padding-bottom: 85px;
	text-shadow: rgba(0,0,0,.2) 0px 1px 12px;
}

#cloud .cloud-image {
	-webkit-border-radius: 300px;
	border-radius: 300px;
	width: 180px;
	height: 180px;
	display: block;
	background: rgba(255,255,255,.3) url(img/cloud/little-cloud.png) no-repeat center 35px;
	margin-left: -90px;
	position: absolute;
	left: 50%;
	margin-top: -25px;
}

#cloud .left, #cloud .right {
	text-shadow: rgba(0,0,0,.2) 0px 1px 12px;
	font-size: 18px;
	font-weight: 300;
	color: #FFF;
	width: 32%;
	line-height: 135%;
}

#cloud .left {
	position: absolute;
	left: 6%;
	text-align: right;
}

#cloud .right {
	position: absolute;
	right: 6%;
}

#cloud .rolling-clouds {
	background: url(img/cloud/rolling-clouds.png) repeat-x;
	height: 118px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.cloud.push-bar {
	margin-top: -15px;
	padding-bottom: 35px;
}

/* @group Cloud Install */

#cloud-install {
	position: relative;
	min-height: 600px;
}

#cloud-install h4 {
	font-size: 36px;
	font-weight: 200;
	color: #5d6c7f;
	text-align: center;
	padding-top: 200px;
	background: url(img/cloud/cloud-loader.png) no-repeat center top;
	margin: 3% 10% 60px;
	line-height: 1.4;
}

#cloud-install h4 span {
	font-style: italic;
}

#cloud-install h5 {
	font-weight: 600;
	color: #5d6c7f;
	font-size: 18px;
	margin-bottom: 15px;
}

#cloud-install li {
	color: #5d6c7f;
	font-weight: 500;
	width: 28%;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 55px;
	font-size: 14px;
	line-height: 160%;
	position: absolute;
	padding-top: 8px;
}

#cloud-install li.get-new-themes {
	background-image: url(img/cloud/cloud-plus.png);
	top: 58%;
	left: 10%;
}

#cloud-install li.individual-updates {
	background-image: url(img/cloud/cloud-update.png);
	top: 82%;
	left: 10%;
}

#cloud-install li.get-new-extensions {
	background-image: url(img/cloud/cloud-plug.png);
	top: 58%;
	right: 10%;
}

#cloud-install li.work-offline-and-copy {
	background-image: url(img/cloud/cloud-offline.png);
	top: 82%;
	right: 10%;
}

/* @end */

/* @group Amazon */

#powered-by-s3 {
	background: #424953 url(img/cloud/cloud-amazon.png) no-repeat 10% 50%;
	min-height: 400px;
}

#powered-by-s3 h2 {
	font-weight: 200;
	color: #fff;
	font-size: 38px;
	line-height: 2em;
}

#powered-by-s3 div {
	width: 45%;
	padding-top: 5%;
	margin-left: 52%;
}

#powered-by-s3 p {
	color: #9fa7b4;
	line-height: 160%;
	margin-bottom: 15px;
}

/* @end */

/* @end */

/* @group Blog, Pages */

.post .post-head {
	text-align: center;
	padding: 60px;
	background: #424953 no-repeat;
	-o-background-size: cover;
	background-size: cover;
}

.post .post-head p {
	color: #e7eaed;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.post .post-head h2 a {
	display: block;
	font-size: 32px;
	font-weight: 500;
	color: #FFF;
	text-shadow: rgba(0,0,0,.5) 1px 0px 4px;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	line-height: 120%;
}

.post .post-head h2 a:hover {
	color: #14b9d5;
}

.post-head img.avatar {
	border: 3px solid #FFF;
	-webkit-border-radius: 90px;
	border-radius: 90px;
	width: 90px;
	height: 90px;
}

.post {
	background-color: #eaedf2;
	padding-bottom: 5px;
}

.post .content {
	background-color: #fff;
	max-width: 500px;
	padding: 25px 50px;
	margin: 0 auto;
}

.post .content .screen-reader-text {
	visibility: hidden;
}

.post .content img {
	max-width: 100%;
	height: auto;
	padding: 4px;
}

.post .content .aligncenter {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}

.post .content .alignright {
	float: right;
	margin-left: 20px;
}

.post .content .alignleft {
	float: left;
	margin-right: 20px;
}

.post .content .wp-caption-text {
	font-size: 13px;
	text-align: center;
	font-style: italic;
	margin-top: 0;
	color: #9fa7b4;
}

.post .content p, .generic-page .content p {
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 180%;
	font-size: 16px;
}

.post .content h2, .generic-page .content h2 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 32px;
	color: #5d6c7f;
	margin-top: 40px;
	margin-bottom: 20px;
}

.post .content h3, .generic-page .content h3 {
	letter-spacing: 0;
	font-size: 28px;
	color: #5d6c7f;
	margin-top: 40px;
	font-weight: 300;
	margin-bottom: 20px;
}

.post .content h4, .generic-page .content h4 {
	letter-spacing: 0;
	font-size: 22px;
	color: #5d6c7f;
	margin-top: 20px;
	margin-bottom: 20px;
}

.post .content em {
	font-style: italic;
}

.post .content strong {
	font-weight: bold;
}

.post .content li, .generic-page .content li {
	list-style-type: disc;
	list-style-position: inside;
	font-size: 90%;
	padding: 5px 25px 5px 40px;
	line-height: 150%;
	text-indent: -15px;
}

.post .content a, .generic-page .content a {
	font-weight: 500;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.post .sharing {
	position: relative;
	height: 50px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 170px;
}

.post .sharing a {
	border-style: none;
}

.post .sharing div.fb-like {
	display: inline-block;
	position: absolute;
	left: 0;
}

.post .sharing div.twitter-share {
	display: inline-block;
	position: absolute;
	left: 90px;
	top: 0;
}

#posting .closed {
	text-align: center;
	font-size: 13px;
}

/* @group Previous Blog Entries */

#previous-entries {
	background-color: #5d6c7f;
	padding: 50px;
}

#previous-entries h4 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 700;
	margin-bottom: 30px;
	font-size: 18px;
}

#previous-entries li {
	display: inline-block;
	width: 26%;
	margin-right: 3.5%;
	margin-left: 3.5%;
	color: #eaedf2;
	font-size: 14px;
	line-height: 145%;
	vertical-align: top;
}

#previous-entries li h5 {
	font-size: 18px;
	font-weight: 700;
	line-height: 135%;
	margin-bottom: 15px;
}

/* @end */

/* @end */

/* @group Generic Pages */

.generic-page .content {
	width: 700px;
	margin: 80px auto;
}

/* @end */

/* @group Go Pro */

.page-go-pro #footer  {
}

#shared-panel-confidence {
	border-top-style: solid;
	border-top-color: #353f4b;
}

/* @group Hero */

#go-pro-hero {
	background-image: url(img/go-pro/perspective.jpg);
	-webkit-font-smoothing: antialiased;
}

#go-pro-hero .max-width-1000 {
	margin-top: 120px;
}

#go-pro-hero .darken {
	background-color: rgba(0,0,0,.8);
}

#go-pro-hero .box-text {
	border: 1px dashed #fff;
	font-weight: 700;
	width: 380px;
	color: #fff;
	text-transform: uppercase;
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius: 100px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	letter-spacing: 2px;
}

#go-pro-hero div > * {
	opacity: 0;
}

#go-pro-hero h1 {
	max-width: 90%;
	font-weight: 700;
}

#go-pro-hero h4 {
	font-weight: 400;
	color: rgba(255,255,255,.8);
}

#go-pro-hero img {
	width: 128px;
	height: 128px;
}



/* @end */

/* @group Quote */

#go-pro-quote {
	color: #fff;
background-color: #2fb3e3;
background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(47, 179, 227)), to(rgb(51, 163, 148)));
background-image: -webkit-linear-gradient(left bottom, rgb(47, 179, 227), rgb(51, 163, 148));
background-image: -moz-linear-gradient(left bottom, rgb(47, 179, 227), rgb(51, 163, 148));
background-image: -o-linear-gradient(left bottom, rgb(47, 179, 227), rgb(51, 163, 148));
background-image: -ms-linear-gradient(left bottom, rgb(47, 179, 227), rgb(51, 163, 148));
background-image: linear-gradient(left bottom, rgb(47, 179, 227), rgb(51, 163, 148));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#2fb3e3', EndColorStr='#33a394');
	border-color: #444;
}

#go-pro-quote cite {
	color: rgba(255,255,255,.6);
}

#go-pro-quote :before, #go-pro-quote :after {
	color: rgba(255,255,255,.6);
}


/* @end */

/* @group Features Blocks */

#go-pro-features {
	background-color: #efefef;
}

#go-pro-features .flex-item {
	opacity: 0;
}

#go-pro-features img {
	border: 2px solid #5d6c7f;
}



/* @end */

/* @group Bundles */

#go-pro-bundles {
background-color: #2282e3;
background-image: -webkit-gradient(linear, left top, right bottom, from(rgb(34, 130, 227)), to(rgb(114, 105, 137)));
background-image: -webkit-linear-gradient(left top, rgb(34, 130, 227), rgb(114, 105, 137));
background-image: -moz-linear-gradient(left top, rgb(34, 130, 227), rgb(114, 105, 137));
background-image: -o-linear-gradient(left top, rgb(34, 130, 227), rgb(114, 105, 137));
background-image: -ms-linear-gradient(left top, rgb(34, 130, 227), rgb(114, 105, 137));
background-image: linear-gradient(left top, rgb(34, 130, 227), rgb(114, 105, 137));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#2282e3', EndColorStr='#726989');

color: #fff;
	border-top-color: #4769bf;
}

#go-pro-bundles div > ul {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 30px;
}

#go-pro-bundles div > ul > li {
	background-color: #fff;
	color: #333;
	display: inline-block;
	width: 30%;
	margin-left: 3%;
	margin-right: 3%;
	vertical-align: top;
	padding: 15px;
	border: 1px solid #5d6c7f;
	border-radius: 12px;
	box-shadow: rgba(0,0,0,.4) 0px 2px 1px;
	min-height: 450px;
	position: relative;
	overflow: hidden;
}

#go-pro-bundles div > ul > li img {
	width: 96px;
	height: 96px;
	margin-bottom: 15px;
}

#go-pro-bundles div > ul > li h5 {
	font-weight: 400;
	font-size: 22px;
}

#go-pro-bundles div > ul > li h5 .price {
	display: block;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
}

#go-pro-bundles div > ul > li .desc {
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 30px;
}

#go-pro-bundles div > ul .bundle-head {
	font-weight: bold;
	font-size: 13px;
}

#go-pro-bundles div > ul > li .button {
	margin-bottom: 30px;
}

#go-pro-bundles del {
	color: red;
}

#go-pro-bundles .go-pro-plus h5:after {
	content: '';
	width: 0; 
	height: 0; 
	border-top: 80px solid transparent;
	border-bottom: 80px solid transparent;
	border-left: 80px solid #ff5730;
	position: absolute;
	top: -52px;
	right: -12px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#go-pro-bundles .go-pro-plus h5:before {
	color: #fff;
	display: table-cell;
	text-align: center;
	content: 'Limited Time Offer';
	width: 80px; 
	height: 0; 
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 21px;
	right: -16px;
	z-index: 1;
	line-height: 130%;
	font-size: 15px;
	font-weight: bold;
}

#go-pro-bundles ins {
	text-decoration: none;
}

#go-pro-bundles ul li li {
	text-align: left;
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
}

#go-pro-bundles ul li li h4 {
	font-size: 13px;
	display: inline;
}

#go-pro-bundles ul li li img {
	display: none;
}



/* @end */

/* @group TrustMarks */

#go-pro-trustmarks {
	border-top: 1px solid #e7eaed;
}

#go-pro-trustmarks p {
	font-weight: bold;
}



/* @end */

/* @end */

/* @group Professional Install */

.installation {
	background-color: #fff;
}

.product.installation figure {
	background: #ffffff;
	font-style: italic;
	font-size: 130%;
	padding: 20px;
	line-height: 1.5;
	text-align: center;
	margin: 0 -100px 40px;
}

.product.installation figcaption {
	font-size: 60%;
	margin: 10px 20px;
	text-align: right;
	color: #555;
}

.product.installation.generic-page .content h3 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 40px;
}

.product.installation.generic-page .content em {
	font-style: italic;
}

#pro-hero a.button.add_to_cart_button {
	display: block;
	width: 150px;
	border-style: solid;
	margin-right: auto;
	margin-top: 60px;
	margin-left: auto;
}

/* @end */

/* @group Renew */

.page-renew.logged-in h2 {
	font-size: 26px;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}

.page-renew .hero-big {
	background: url(img/backgrounds/crystals.jpg) no-repeat center center;
	background-size: cover;
}

/* @group Logged In */

/* @group Renewal Options */

#renewal-area {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 60px;
	background: url(img/backgrounds/colors-dk.jpg) no-repeat center top;
	background-size: cover;
}

#renewal-area h2 {
	color: #fff;
	font-size: 32px;
}

#renewal-area > div {
	width: 350px;
	display: inline-block;
	border: 1px solid #e7eaed;
	border-radius: 12px;
	padding: 30px;
	background-color: #fff;
	vertical-align: top;
	height: 300px;
	line-height: 170%;
	margin: 2% 3%;
}

#renewal-area > div p {
	padding-right: 25px;
	padding-left: 25px;
	font-size: 16px;
}

#renewal-area .save {
	border: 1px dashed #eb5768;
	display: block;
	border-radius: 4px;
	font-size: 13px;
	padding: 4px;
	line-height: 15px;
	font-weight: 500;
	width: 50%;
	margin-right: auto;
	margin-top: 15px;
	margin-left: auto;
	color: #eb5768;
}

#renewal-area h3 {
	font-size: 48px;
	font-weight: 100;
	line-height: 1.5em;
}

#renewal-area h5 {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 20px;
	position: relative;
}

#renewal-area .button {
	display: block;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

#renewal-area del {
	font-size: 0.75em;
	position: relative;
	top: -1px;
	color: #eb5768;
}

/* @end */

/* @group Owned Products */

.page-renew.logged-in #owned-products {
	margin-left: auto;
	margin-right: auto;
	background-color: #eaedf2;
	padding: 20px 1px 60px;
	text-align: center;
}

.page-renew.logged-in #owned-products div > div {
	border-radius: 4px;
	width: 220px;
	padding: 4px;
	display: inline-block;
	margin: 16px 8px;
	text-align: left;
}

.page-renew.logged-in #owned-products div span {
	display: inline-block;
	font-size: 16px;
	margin-top: 5px;
}

.page-renew.logged-in #owned-products div small {
	display: block;
	font-size: 12px;
	font-style: italic;
	margin-top: 4px;
}

.page-renew.logged-in #owned-products div img {
	width: 44px;
	height: 44px;
	float: left;
	margin-right: 16px;
}

/* @end */

/* @end */

/* @group Logged Out */

.page-renew .login-wrap {
	text-align: center;
	background-color: #eaedf2;
	padding-top: 20px;
	padding-bottom: 60px;
}

.page-renew .button.renew {
	padding-left: 24px;
	padding-right: 24px;
}

.page-renew .login-wrap h3 {
	font-size: 26px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.page-renew .login-wrap form#loginform {
	width: 600px;
	margin: 40px auto;
	text-align: center;
}

.page-renew .login-wrap form#loginform label {
	display: block;
}

.page-renew .button-primary {
	width: 25%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.page-renew .login-wrap form#loginform p {
	font-size: 18px;
	line-height: 150%;
	margin-bottom: 40px;
}

.page-renew .login-wrap form#loginform input[type="text"], .page-renew .login-wrap form#loginform input[type="password"] {
	width: 200px;
	padding: 4px;
	font-size: 15px;
	margin-left: 10px;
}

p.login-remember {
	display: none;
}

/* @end */

/* @end */

/* @group Pricing */

.page-pricing section {
	position: relative;
}

#pricing-hero {
	background: url(img/backgrounds/crystals.jpg) center center;
	background-size: cover;
	}

#pricing-hero h3 {
	margin-top: 30px;
}

.page-pricing .have-a-license {
	text-align: center;
	border-bottom: 1px solid #e7eaed;
	background-color: #f6f8fb;
	font-weight: 400;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 13px;
}

.page-pricing .have-a-license a {
	font-weight: bold;
}

.step-text {
	position: absolute;
	top: 0;
	color: #aaa;
	text-transform: uppercase;
	font-size: 12px;
	padding: 10px 6px 3px;
	border-bottom: 1px solid #e7eaed;
	border-right: 1px solid #e7eaed;
	border-left: 1px solid #e7eaed;
}

.page-pricing section.group h3 {
	font-size: 32px;
	font-weight: 300;
	padding-top: 40px;
	padding-bottom: 20px;
}

.page-pricing section.group {
	border-top: 1px solid #e7eaed;
}

.page-pricing section.group:first-of-type {
	border-top-style: none;
}

.page-pricing section.group ul {
	margin-top: 40px;
}

.page-pricing section.group li {
	min-height: 250px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 30%;
	text-align: left;
	margin-right: 2%;
	margin-bottom: 50px;
}

.page-pricing section.group li img {
	width: 54px;
	height: auto;
}

.page-pricing section.group li h5 {
	font-weight: 400;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 15px;
	line-height: 1.2;
	margin-top: 15px;
}

.page-pricing section.group li .price {
	display: block;
	margin-top: 5px;
	font-size: 13px;
}

.page-pricing section.group li p.desc {
	font-size: 13px;
	line-height: 1.5;
	color: #656e78;
	width: 90%;
	font-weight: 400;
	text-align: left;
}

.page-pricing section.group li a.button {
	display: block;
	margin-top: 20px;
	font-size: 11px;
	width: 100px;
	text-align: center;
}

.page-pricing .button.purchased, .page-pricing .button.purchased:hover, .page-pricing .button.purchased:active {
	padding-left: 12px;
	padding-right: 12px;
	display: inline-block;
	margin-top: 20px;
	font-size: 11px;
	color: #ccc;
	background-color: #fff;
	border: 1px solid #ccc !important;
	box-shadow: none;
}

.page-pricing del {
	color: #f5696c;
}

.page-pricing ins {
	text-decoration: none;
}

#text-toggle {
	text-align: center;
	padding-bottom: 60px;
}

/* @group Bundles */

#available-bundles {
	border-top-style: none;
	margin-right: 0;
	text-align: center;
}

#available-bundles h3 {
	text-align: center;
	margin-top: 60px;
}

#available-bundles > p {
	text-align: center;
}

#available-bundles li.bundle {
	width: 18%;
	margin-right: 3.3%;
	margin-left: 3.3%;
	position: relative;
}

#available-bundles .desc {
	margin-bottom: 10px;
}

#available-bundles li img {
	width: 90px;
	height: auto;
}

#available-bundles p.button-container {
	margin-bottom: 20px;
}

#available-bundles .bundled-products {
	margin-top: 10px;
}

#available-bundles .bundled-products li {
	min-height: 0px;
	margin-bottom: 7px;
	width: 100%;
	font-size: 13px;
	margin-top: 7px;
}

#available-bundles p.bundle-head {
	font-style: italic;
	border-top: 1px solid #e7eaed;
	padding-top: 30px;
}

#available-bundles .bundled_product_images, #available-bundles .details, #available-bundles .details h4 {
	display: inline;
}

#available-bundles .bundled_product_images {
	vertical-align: middle;
}

.page-pricing #available-bundles .bundled_product_images img {
	margin-right: 5px;
	width: 22px;
	height: 22px;
	position: relative;
	top: 3px;
}

/* @end */

/* @group Site Licenses */

#site-licenses {
	min-height: 400px;
	padding-bottom: 300px;
}

#price-range {
	max-width: 95%;
	margin: 220px 50px 50px auto;
}

#site-licenses p {
	width: 40%;
	float: left;
	font-size: 15px;
	line-height: 1.5;
	padding-right: 10%;
}

.range-tooltip {
	display: block;
	position: absolute;
	border: 1px solid #e7eaed;
	border-radius: 3px;
	background: #fff;
	top: -75px;
	padding: 8px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
	left: -61px;
	width: 150px;
}

.range-tooltip > div:first-of-type {
	border-bottom: 1px solid #e7eaed;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

.range-tooltip span {
	font-weight: normal;
	font-style: normal;
	margin-left: 5px;
}

.range-tooltip:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	position: absolute;
	bottom: -9px;
	left: 50%;
	margin-left: -10px;
}

.range-tooltip:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #e7eaed;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
}

.range-tooltip strong {
	font-weight: bold;
	margin-right: 5px;
}

.license-toggle {
	display: block;
	text-align: center;
	position: relative;
	font-size: 13px;
	margin-top: 60px;
}

/* @end */

/* @group Cart */

.cart-wrap section {
	border-right: 1px solid #e7eaed;
	width: 70%;
}

.cart-wrap .ajax-cart h3 {
	font-weight: 200;
	font-size: 32px;
	padding-left: 20px;
	padding-top: 45px;
}

.ajax-cart {
	position: relative;
	float: right;
	height: 450px;
	width: 30%;
}

.ajax-cart ul {
	margin-top: 30px;
	margin-bottom: 30px;
	max-height: 340px;
	-ms-overflow-style: none;
	overflow: scroll;
}

.ajax-cart ul li {
	border-bottom: 1px solid #e7eaed;
	font-size: 14px;
	font-weight: 400;
	padding: 12px 12px 12px 20px;
}

.ajax-cart ul li .product-name {
	white-space: nowrap;
	width: 50%;
	display: inline-block;
	text-overflow: ellipsis;
}

li.mini_cart_item img {
	width: 18px;
	height: 18px;
	border-radius: 18px;
	display: none;
}

li.mini_cart_item .quantity {
	float: right;
}

.ajax-cart ins {
	text-decoration: none;
}

.ajax-cart a.remove {
	display: none;
}

.logged-in .upgrade a.remove {
	display: inline-block;
	width: 18px;
	height: 19px;
	color: red;
	position: relative;
	top: 2px;
	margin-top: -5px;
	border: 1px solid #fff;
	border-radius: 11px;
	right: 3px;
	line-height: 18px;
	font-size: 18px;
	text-align: center;
	padding-left: 2px;
}

.logged-in .upgrade a.remove:hover {
	background-color: #ffece1;
	border: 1px solid red;
}

.logged-in .upgrade a.remove:hover+span {
	color: red;
}

.ajax-cart p.total {
	text-align: center;
	font-size: 15px;
	font-weight: 400;
}

.ajax-cart .count {
	color: #abb3bd;
	font-size: 12px;
}

.ajax-cart p.total span {
	margin-left: 5px;
}

.ajax-cart .button.checkout {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 150px;
	margin-top: 25px;
	text-align: center;
}

.must-add-theme {
	font-weight: 400;
	background-color: #ffeec1;
	border: 1px solid #ffd28b;
	display: block;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 1.5;
	font-size: 13px;
	margin-top: 40px;
	width: 76%;
}

.expired-license {
	font-weight: 400;
	background-color: #ffeec1;
	border: 1px solid #ffd28b;
	display: block;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 1.5;
	font-size: 13px;
	margin-top: 40px;
	width: 76%;
}

.ajax-cart i.icon-alert {
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 32px;
	color: #ff8500;
	margin-bottom: 10px;
}

.ajax-cart del {
	color: red;
	font-size: 12px;
}

/* @end */

/* @group Add-Ons */

#license-addons {
}

/* @end */

/* @group TrustMarks */

.page-pricing #trustmarks {
	text-align: center;
	padding-top: 120px;
	padding-bottom: 80px;
}

.page-pricing #trustmarks h2 {
	font-weight: 400;
	margin-bottom: 30px;
}

/* @end */

/* @group Terms */

#pricing-terms {
	color: #fff;
background-color: #424fb8;
background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(66, 79, 184)), to(rgb(119, 146, 238)));
background-image: -webkit-linear-gradient(left bottom, rgb(66, 79, 184), rgb(119, 146, 238));
background-image: -moz-linear-gradient(left bottom, rgb(66, 79, 184), rgb(119, 146, 238));
background-image: -o-linear-gradient(left bottom, rgb(66, 79, 184), rgb(119, 146, 238));
background-image: -ms-linear-gradient(left bottom, rgb(66, 79, 184), rgb(119, 146, 238));
background-image: linear-gradient(left bottom, rgb(66, 79, 184), rgb(119, 146, 238));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#424fb8', EndColorStr='#7792ee');
	padding: 4%;
}

#pricing-terms strong {
	text-transform: uppercase;
	letter-spacing: 3px;
	display: block;
	padding-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}

#pricing-terms ol {
	font-size: 12px;
	line-height: 130%;
	list-style-type: decimal;
	list-style-position: inside;
	text-indent: -12px;
	margin-left: 12px;
}

#pricing-terms li {
	margin-top: 8px;
	margin-bottom: 8px;
	font-weight: 500;
}

/* @end */

/* @end */

/* @group WooCommerce */

.woocommerce-message {
	display: none;
}

.woocommerce {
	padding-top: 30px;
}

.woocommerce-checkout .woocommerce-info {
	margin-bottom: 40px;
	font-size: 13px;
	text-align: left;
}

.checkout_coupon #coupon_code {
	float: left;
	padding: 3px;
	margin-bottom: 40px;
	font: 13px lato;
}

.woocommerce-message, .myaccount_user, .woocommerce-error {
	margin-left: auto;
	margin-right: auto;
	color: #f5696c;
	font-size: 16px;
	width: 80%;
	text-align: center;
	padding: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}

main .woocommerce .woocommerce-error {
	background-color: #fff0f7;
	text-align: left;
	width: auto;
	max-width: 1000px;
}

main .woocommerce .woocommerce-error li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.cart-empty {
	text-align: center;
	background: url(woocommerce/img/cart-empty.png) no-repeat center top;
	padding-top: 220px;
	font-size: 22px;
	margin-top: 100px;
	color: #f5696c;
}

.redirecting article {
	min-height: 500px;
	text-align: center;
	height: 300px;
}

/* @group Checkout */

/* @group Purchase Crumb */

.purchase-crumb {
	width: 97%;
	height: 30px;
	margin-left: auto;
	margin-bottom: 80px;
	margin-right: auto;
	position: relative;
}

.purchase-crumb > div {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	border: 1px solid #e7eaed;
	background: #f7fafe no-repeat center center;
}

.purchase-crumb span {
	text-align: center;
	display: block;
	position: absolute;
	bottom: -22px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 500;
	left: 50%;
	width: 100px;
	margin-left: -50px;
	color: #9fa7b4;
}

.purchase-crumb .cart-icon {
	background-image: url(woocommerce/img/bc-cart-gray.png);
	position: absolute;
	top: 0;
	left: 0;
}

.purchase-crumb .active {
	border: 1px solid #14b9d5;
	background-color: #fff;
}

.purchase-crumb .cart-icon.active {
	background-image: url(woocommerce/img/bc-cart-blue.png);
}

.purchase-crumb .first {
	content: '';
	display: block;
	height: 1px;
	background-color: #e7eaed;
	width: 360px;
	position: absolute;
	top: 28px;
	left: 75px;
}

.purchase-crumb .second {
	content: '';
	display: block;
	height: 1px;
	background-color: #e7eaed;
	width: 340px;
	position: absolute;
	top: 28px;
	right: 75px;
}

.purchase-crumb .active span {
	color: #14b9d5;
}

.purchase-crumb .checkout-icon {
	background-image: url(woocommerce/img/bc-checkout-gray.png);
	position: absolute;
	left: 50%;
	margin-left: -25px;
	z-index: 1;
}

.purchase-crumb .checkout-icon.active {
	background-image: url(woocommerce/img/bc-checkout-blue.png);
}

.purchase-crumb .download-icon {
	background-image: url(woocommerce/img/bc-download-gray.png);
	position: absolute;
	top: 0;
	right: 0;
}

.purchase-crumb .download-icon.active {
	background-image: url(woocommerce/img/bc-download-blue.png);
}

/* @end */

.woocommerce-checkout #footer {
	margin-top: 120px;
	padding-top: 30px;
}

form.checkout {
	position: relative;
	min-height: 600px;
}

form.checkout input[disabled] {
	background: inherit;
}

form.checkout div h3 {
	font-size: 32px;
	font-weight: 300;
	border-bottom: 1px solid #e7eaed;
	color: #424953;
	margin-bottom: 20px;
	padding: 0 15px 15px 0;
	text-transform: capitalize;
}

.woocommerce-checkout h1, .woocommerce-cart h1 {
	display: none;
}

input#billing_email[type="text"]:disabled {
	border-color: rgba(0,0,0,0);
	padding-left: 0;
	color: #424953;
}

p#email-warning {
	background-color: #fefbda;
	padding: 20px;
	border: 1px solid #ffec9b;
	line-height: 1.5;
	font-size: 13px;
}

p#email-warning a {
	font-weight: bold;
}

p#email-warning i {
	color: #ffbe12;
	font-size: 50px;
	float: left;
	margin-right: 20px;
	line-height: 60px;
}

/* @group Customer Details */

.woocommerce-billing-fields {
	width: 99%;
}

p#billing_company_field, p#billing_address_field, p#billing_phone_field {
	display: none;
	visibility: hidden;
}

#customer_details {
	margin-right: 38%;
	margin-bottom: 50px;
	position: relative;
	overflow: hidden;
	padding: 3px;
}

#customer_details p {
	margin-bottom: 30px;
	margin-top: 20px;
}

#customer_details label {
	display: block;
	font-weight: 400;
	margin-bottom: 10px;
	margin-left: 2px;
	font-size: 15px;
	color: #656e78;
}

#customer_details input[type="text"], #customer_details input[type="email"], #customer_details input[type="phone"] {
	padding: 6px;
	font-size: 16px;
	color: #5d6c7f;
	border: 1px solid #e7eaed;
	background-color: #fdfcff;
}

#customer_details input[type="text"]:focus, #customer_details input[type="email"]:focus, #customer_details input[type="phone"]:focus {
	background-color: #fff;
}

#customer_details select {
	font-size: 18px;
}

#customer_details .select2-choice {
	padding: 8px;
}

#customer_details p#billing_state_field, #customer_details p#billing_country_field {
	width: 49.5% !important;
	display: inline-block;
}

#customer_details #billing_postcode {
	width: auto;
}

#customer_details #billing_company, #customer_details #billing_email, #customer_details #billing_address_1, #customer_details #billing_address_2, #customer_details #billing_city, #customer_details #billing_state {
	width: 98%;
}

#customer_details #billing_first_name_field, #customer_details #billing_last_name_field {
	display: inline-block;
	width: 47.5%;
}

#customer_details #billing_first_name_field, #customer_details #billing_postcode_field {
	margin-right: 4%;
}

#customer_details #billing_first_name, #customer_details #billing_last_name {
	width: 95%;
}

#customer_details #billing_phone_field {
	position: absolute;
	bottom: 22px;
	right: 2%;
}

/* @end */

/* @group Order Review */

/* @group Your Order */

#order_review {
	width: 32%;
	float: right;
	font-size: 15px;
}

#your-order .shop_table {
	width: 100%;
}

#your-order .shop_table th {
	padding-right: 10px;
	font-style: italic;
	color: #999;
}

#your-order .shop_table th.product-name, #your-order .shop_table th.product-total {
	padding-bottom: 8px;
	text-align: left;
	border-bottom: 1px solid #e7eaed;
	font-style: italic;
}

#your-order .shop_table td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f6f9fe;
}

#your-order .amount {
	display: block;
	border-bottom-style: none;
}

#your-order .product-quantity {
	font-size: 12px;
	visibility: hidden;
}

#your-order .order-discount .amount, #your-order .cart-discount .amount {
	display: inline;
	padding-left: 0;
}

#your-order .order-discount a, #your-order .cart-discount a {
	display: block;
	margin-top: 6px;
}

#your-order .license-type {
	text-transform: capitalize;
	font-size: 13px;
	color: #9fa7b4;
	margin-top: 5px;
	margin-bottom: 5px;
}

#your-order .cart-subtotal th, #your-order .order-total th, #your-order .tax-rate, #your-order .cart-discount th {
	text-align: right;
}

#your-order .tax-rate td {
	border-bottom-style: none;
	text-align: left;
}

#your-order .cart-subtotal td, #your-order .order-total td {
	border-bottom-style: none;
}

#your-order tr.order-total {
	border-top: 1px solid #e7eaed;
}

/* @end */

/* @group Payment */

#payment {
	margin-top: 40px;
}

#payment img {
	display: none;
}

#payment .payment_methods li {
	border-bottom: 1px solid #dae1e9;
	padding-bottom: 14px;
	padding-top: 8px;
}

#payment .payment_method_stripe > label:after {
	content: url(woocommerce/img/cards.png);
	position: relative;
	top: 4px;
	left: 5px;
	height: 0;
}

#payment .payment_method_paypal label:after {
	content: url(woocommerce/img/paypal.png);
	position: relative;
	top: 3px;
	left: 5px;
	height: 0;
}

#payment input[type="text"] {
	padding: 6px;
	color: #5d6c7f;
	font-size: 15px;
	border: 1px solid #e7eaed;
	position: absolute;
	top: 0;
	left: 110px;
}

#payment input#stripe-card-expiry {
	width: 60px;
}

#payment input#stripe-card-cvc {
	width: 40px;
	text-align: center;
}

#payment label {
	font-size: 15px;
	margin-bottom: 5px;
	vertical-align: middle;
	margin-left: 2px;
}

.payment_method_stripe fieldset {
	margin-top: 5px;
	margin-bottom: 5px;
}

.payment_method_stripe p {
	font-size: 12px;
	padding-top: 12px;
	padding-bottom: 15px;
	position: relative;
	vertical-align: inherit;
}

#payment .payment_method_paypal p {
	display: none;
}

#payment .button.alt {
	background-color: #14b9d5;
	color: #fff;
	letter-spacing: 1px;
	border-color: rgba(0,0,0,0);
	display: block;
	margin: 25px auto 20px;
	padding: 6px 22px;
}

#payment li p.form-row a.button {
	position: relative;
	width: 38%;
	text-align: center;
	color: #9fa7b4;
	margin: 10px auto;
	padding-right: 0;
	padding-left: 0;
}

#payment li p.form-row a.button:hover {
	color: #fff;
	background-color: #9fa7b4;
	border-color: #9fa7b4;
}

#terms {
	top: 4px;
	position: relative;
	margin-right: 5px;
	width: 16px;
	height: 16px;
}

#payment li p.form-row label {
	letter-spacing: 1px;
	font-size: 11px;
}

#payment p.terms {
	text-align: center;
	margin-top: 15px;
	padding-left: 20px;
	text-indent: -22px;
	line-height: 90%;
	padding-right: 8px;
}

#payment p.terms label {
	font-weight: 300;
	text-transform: none;
	letter-spacing: 0;
}

/* @end */

/* @end */

/* @end */

/* @group Order Recieved */

.order-recieved {
	padding-bottom: 80px;
}

.order-recieved > p {
	font-size: 48px;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 50px;
}

.order-recieved > p.subline {
	font-size: 18px;
	line-height: 28px;
	margin: 0 auto;
	padding-top: 0;
	width: 700px;
}

.order-recieved > p strong {
	font-weight: 500;
}

.order-recieved a.download {
	background: #fff;
	border: 1px solid #e7eaed;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #5d6c7f;
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	margin: 30px auto 0;
	padding: 20px 0px 50px;
	text-align: center;
	width: 315px;
}

.order-recieved a.download img {
	display: block;
	margin: 0 auto;
}

.order-recieved a.download em {
	font-weight: 300;
	color: #9fa7b4;
	display: block;
}

/* @end */

/* @end */

/* @group Footer */

#footer {
	border-top: 1px solid #e7eaed;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.7;
	padding: 20px;
}

#footer h6 {
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 10px;
}

#footer .menu-area {
	display: inline-block;
	vertical-align: top;
	width: 22%;
}

#footer .menu-area:last-child {
	padding-top: 30px;
	width: 33%;
}

#footer .contact {
	text-align: right;
	color: #5d6c7f;
}

#footer .contact img {
	margin-top: 15px;
}

#footer a:hover {
	text-decoration: underline;
}

#footer p.copyright {
	text-align: center;
	margin-top: 40px;
	color: #aaa;
	font-size: 11px;
	padding-bottom: 0;
}

/* @end */

/* @group Animations */

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes swing {
	20% {
	-webkit-transform: rotate3d(0, 0, 1, 15deg);
}

40% {
	-webkit-transform: rotate3d(0, 0, 1, -10deg);
}

60% {
	-webkit-transform: rotate3d(0, 0, 1, 5deg);
}

80% {
	-webkit-transform: rotate3d(0, 0, 1, -5deg);
}

100% {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
}

}

@keyframes swing {
	20% {
	transform: rotate3d(0, 0, 1, 15deg);
}

40% {
	transform: rotate3d(0, 0, 1, -10deg);
}

60% {
	transform: rotate3d(0, 0, 1, 5deg);
}

80% {
	transform: rotate3d(0, 0, 1, -5deg);
}

100% {
	transform: rotate3d(0, 0, 1, 0deg);
}

}


@-webkit-keyframes pulse {
	from {
	-webkit-transform: scale(.9);
}

50% {
	-webkit-transform: scale(1.1);
}

to {
	-webkit-transform: scale(.9);
}

}

@-o-keyframes pulse {
	from {
	-o-transform: scale(.9);
}

50% {
	-o-transform: scale(1.1);
}

to {
	-o-transform: scale(.9);
}

}

@-moz-keyframes pulse {
	from {
	-moz-transform: scale(.9);
}

50% {
	-moz-transform: scale(1.1);
}

to {
	-moz-transform: scale(.9);
}

}

@keyframes pulse {
	from {
	transform: scale(.9);
}

50% {
	transform: scale(1.1);
}

to {
	transform: scale(.9);
}

}

@-webkit-keyframes spin {
	from {
	-webkit-transform: rotate(0deg);
}

to {
	-webkit-transform: rotate(360deg);
}

}

@-o-keyframes spin {
	from {
	-o-transform: rotate(0deg);
}

to {
	-o-transform: rotate(360deg);
}

}

@-moz-keyframes spin {
	-moz-transform: rotate(0deg);
}

to {
	-moz-transform: rotate(360deg);
}

}

@keyframes spin {
	from {
	transform: rotate(0deg);
}

to {
	transform: rotate(360deg);
}

}

@-webkit-keyframes adjustHue {
	0% {
	-webkit-filter: hue-rotate(0deg);
	filter: hue-rotate(0deg);
}

100% {
	-webkit-filter: hue-rotate(360deg);
	filter: hue-rotate(360deg);
}

}

@keyframes adjustHue {
	0% {
	filter: hue-rotate(0deg);
}

100% {
	filter: hue-rotate(360deg);
}

}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes scaleIn {
  0% {-webkit-transform: scale(.5);opacity: 0;}
  100% {-webkit-transform: scale(1);opacity: 1;}
}

@keyframes scaleIn {
  0% {transform: scale(.5);opacity: 0;}
  100% {transform: scale(1);opacity: 1;}
}

.scaleIn {
  -webkit-animation-name: scaleIn;
          animation-name: scaleIn;
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


/* @end */

/* @group No Skrollr */

.no-skrollr #intro-themes img.white-phone {
	bottom: 72px;
}

.no-skrollr #themes-intro .phone-image {
	width: 600px;
	margin-bottom: -70px;
}

.no-skrollr .rolling-clouds {
	margin-bottom: -2px;
}

/* @end */

/* @group Tooltips */

.qtip {
	font-size: 0.9em!important;
	line-height: 1.2em!important;
}

a.tooltip {
	background: #eaedf2;
	padding: 2px 7px;
	color: #5d6c7f;
	border-radius: 10px;
	font-size: 12px;
	margin-right: 10px;
	margin-left: 5px;
	font-weight: 800;
	line-height: 0;
}

/* @end */

/* @group Contact Page */

.page-contact-us .gform_body {
	margin-top: 50px;
	padding-left: 15px;
	padding-right: 15px;
}

.content .gform_wrapper .top_label input, .content .gform_wrapper .top_label textarea {
	font-size: 1.2em;
}

.content .gform_wrapper .top_label textarea {
	border: 1px solid #d3d3d3;
}

.content .gform_wrapper .top_label input.gform_button {
	font-size: .8em;
	cursor: pointer;
}

.page-contact-us .gform_body select {
	font-size: 2em;
}

.page-contact-us .gform_body label {
	text-indent: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .8em;
}

.page-contact-us .gform_body li {
	padding-left: 0;
}

.page-contact-us .gform_body li#field_5_8 {
	width: 400px;
	text-transform: none;
}

.page-contact-us .gform_body li#field_5_8 label {
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0;
	font-size: 1em;
}

/* @end */

/* @group Account Page */

.page-account h1.page-title {
	display: none;
}

.page-account #account-hero {
	background: url(img/backgrounds/colors-dk.jpg) no-repeat center top;
	background-size: cover;
	color: #fff;
}

.page-account #account-hero h1 {
	color: #fff;
}

#account-hero #avatar img {
	border-radius: 50px;
	width: 92px;
	height: auto;
	margin-bottom: 15px;
}

#account-hero .button {
	display: block;
	width: 90px;
	margin-top: 30px;
	font-size: 11px;
	padding-left: 8px;
	padding-right: 8px;
}

#account-hero .button.renew {
	width: 180px;
}

#account-hero table {
	width: 50%;
	margin-right: auto;
	margin-top: 40px;
	margin-left: auto;
}

#account-hero table a:hover {
	text-decoration: underline;
}

#account-hero table td {
	padding-top: 6px;
	padding-bottom: 6px;
}

#account-hero table tr td:first-child {
	text-align: right;
	padding-right: 10px;
	width: 50%;
	font-weight: 400;
}

#account-hero table tr td:last-child {
	text-align: left;
	padding-left: 10px;
}

.page-account article > h2 {
	display: inline-block;
	font-weight: 200;
	padding: 5px 0;
	font-size: 32px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.page-account main div > h3, .page-account main div > h2 {
	font-size: 22px;
	line-height: 1.5;
	margin: 0;
}

.page-account div > article {
	font-size: 15px;
	border-bottom: 1px solid #e7eaed;
	padding-bottom: 80px;
}

.page-account div > article .button, .page-account div > article button {
	padding-left: 18px;
	padding-right: 18px;
}

/* @group Logged Out Landing */

.page-account .woocommerce {
	padding: 0;
	margin: 0;
	width: auto;
	overflow: hidden;
}

.page-account #loginform .login-username,
.page-account #loginform .login-password,
.page-account #loginform .login-submit {
	padding-left: 0;
}

.page-account #loginform .login-remember {
	display: none;
}

.page-account #loginform p.login-username input,
.page-account #loginform p.login-password input {
	width: 200px;
}

/* @group Hero */

#login {
	background-color: rgba(0,0,0,.3);
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-top: 25px;
	padding-bottom: 25px;
}

#login label {
	display: none;
}

#login p {
	display: inline-block;
	margin-bottom: 10px;
}

#login p input[type=text], #login p input[type=password] {
	margin-left: 3px;
	margin-right: 3px;
	background: transparent;
	border: 1px solid #FFF;
	border-radius: 6px;
	padding: 5px;
	letter-spacing: 0;
	outline: none;
	color: #fff;
	margin-top: 15px;
	font: 13px lato, sans-serif;
}

#login p input.button-primary {
	background: transparent;
	border: 1px solid #FFF;
	border-radius: 6px;
	padding: 5px 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	outline: none;
	color: #fff;
}

#login a {
	color: #ffd200;
	text-transform: none;
	letter-spacing: 0;
	font-size: 13px;
}

#support-intro {
	background: url(img/backgrounds/guest_hero.jpg) no-repeat center top;
	background-size: cover;
	text-align: center;
	position: relative;
	min-height: 600px;
}

#support-intro h1 {
	color: #fff;
	margin: 40px 0;
	font-weight: 200;
	font-size: 64px;
	display: block;
	letter-spacing: -2px;
}

#support-intro h2 {
	color: #dae1e9;
	font-size: 22px;
	margin-top: 20px;
}

#support-intro p {
	line-height: 1.5em;
}

.featured-support-image {
	background: url(img/account/support-lifesaver.png) 0 0;
	width: 152px;
	height: 152px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -76px;
	top: 360px;
}

#support-intro p.left {
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: 390px;
	width: 30%;
	text-align: right;
	left: 9%;
}

#support-intro p.right {
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: 390px;
	width: 30%;
	text-align: left;
	right: 9%;
}

/* @end */

/* @group KB & Docs */

#intro-kb {
	background-color: #eaedf2;
	margin: 0;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}

#intro-kb h3 {
	color: #5d6c7f;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 40px;
}

#intro-kb li {
	width: 20%;
	padding-top: 60px;
	background-repeat: no-repeat;
	background-position: center top;
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #dae1e9;
	padding-right: 12px;
	padding-left: 12px;
	margin-left: .5%;
	margin-right: .5%;
}

#intro-kb li:last-child {
	border-right-style: none;
}

#intro-kb h4 {
	color: #5d6c7f;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: 700 14px;
	margin-top: 60px;
}

#intro-kb p {
	font: 500 12px/150%;
	margin-left: 2%;
	margin-right: 2%;
	color: #9fa7b4;
}

#intro-kb li.kb-started {
	background-image: url(img/book-open.png);
}

#intro-kb li.kb-features {
	background-image: url(img/switch.png);
}

#intro-kb li.kb-customize {
	background-image: url(img/swatches.png);
}

#intro-kb li.kb-troubleshoot {
	background-image: url(img/bugs.png);
}

#intro-kb a {
	text-indent: -5000px;
	display: block;
	width: 30px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(img/arrow-right.png);
}

/* @end */

/* @end */

/* @group Lost Password */

.lost_reset_password {
	width: 600px;
	margin: 60px auto;
	text-align: center;
}

.lost_reset_password p {
	font-size: 18px;
	line-height: 150%;
	margin-bottom: 40px;
}

.lost_reset_password input {
	width: 200px;
	padding: 4px;
	font-size: 15px;
	margin-left: 10px;
}

/* @end */

/* @group Edit Account */

#edit-account p {
	position: relative;
	min-height: 10px;
}

#edit-account label {
	position: absolute;
	left: 33px;
	text-align: right;
	width: 200px;
}

#edit-account input {
	position: absolute;
	right: 40px;
	width: 250px;
	font-size: 15px;
	padding: 4px;
}

#edit-account input.button {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	right: 0;
	left: 0;
	margin-top: 20px;
}

/* @end */

/* @group Your Products & Sites */

#products-sites table {
	text-align: left;
	width: 100%;
}

#products-sites td .button {
	font-size: 12px;
}

#products-sites th {
	font-weight: bold;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	font-size: 18px;
}

#products-sites td {
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
	font-size: 15px;
}

#products-sites tr:hover {
	background-color: #fdfcfe;
}

#owned-products th.product {
	width: 50%;
}

#owned-products th.date {
	width: 26%;
}

#owned-products th.download {
	width: 24%;
}

#licensed-sites {
	vertical-align: top;
	margin-top: 80px;
}

#licensed-sites th.site {
	width: 76%;
}

#licensed-sites td.no-sites {
	text-align: center;
	padding-left: 50px;
	padding-top: 40px;
	padding-bottom: 40px;
}

/* @end */

/* @group  Support & Docs */

.page-account #support .content div {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}

.page-account #support p {
	margin: 25px 20% 25px 0;
	line-height: 150%;
}

.page-account #support ul {
	vertical-align: top;
	width: 90%;
	margin-left: 35px;
}

.page-account #support li {
	border-bottom: 1px solid #eaedf2;
	margin-bottom: 10px;
	padding-bottom: 12px;
	position: relative;
}

.page-account #support li:before {
	color: #9fa7b4;
	font-size: 20px;
	position: absolute;
	top: 0;
	left: -40px;
}

.page-account #support li em {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
}

/* @end */

/* @group Orders */

#orders {
	width: 100%;
	text-align: left;
	border-bottom-style: none;
}

#orders th {
	font-weight: bold;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

#orders td {
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
	font-size: 13px;
}

#orders td .button {
	font-size: 9px;
}

/* @end */

/* @end */

/* @group Remodal */

.remodal h1 {
	font-size: 32px;
}

.remodal p {
	margin: 40px 5%;
	line-height: 160%;
	font-weight: 400;
}

.remodal .button {
	padding-left: 22px;
	padding-right: 22px;
	margin-left: 15px;
	margin-right: 15px;
}

html.remodal-is-locked {
	overflow: hidden;
}

.remodal, [data-remodal-id] {
	display: none;
}

.remodal-overlay {
	position: fixed;
	z-index: 9999;
	top: -5000px;
	right: -5000px;
	bottom: -5000px;
	left: -5000px;
	display: none;
}

.remodal-wrapper {
	position: fixed;
	z-index: 10000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	overflow: auto;
	text-align: center;
	-webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
	display: inline-block;
	height: 100%;
	margin-left: -0.05em;
	content: "";
}

.remodal-overlay,
.remodal-wrapper {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.remodal {
	position: relative;
	outline: none;
	border-radius: 4px;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.remodal.videos {
	background-color: #000;
	padding: 0;
	max-width: 980px;
	overflow: hidden;
}

.remodal.videos *{
	max-width: 980px;
	height: 551px;
	padding: 0;
	margin: 0;
	border: 0;
}

.remodal-is-initialized {
/* Disable Anti-FOUC */
  display: inline-block;
}

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
	-webkit-filter: blur(3px);
	filter: blur(3px);
}

.remodal-overlay {
	background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
	-webkit-animation: remodal-overlay-opening-keyframes 0.3s;
	animation: remodal-overlay-opening-keyframes 0.3s;
}

.remodal-overlay.remodal-is-closing {
	-webkit-animation: remodal-overlay-closing-keyframes 0.3s;
	animation: remodal-overlay-closing-keyframes 0.3s;
}

.remodal-wrapper {
	padding: 10px 10px 0;
}

.remodal {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
	padding: 35px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	color: #2b2e38;
	background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
	-webkit-animation: remodal-opening-keyframes 0.3s;
	animation: remodal-opening-keyframes 0.3s;
}

.remodal.remodal-is-closing {
	-webkit-animation: remodal-closing-keyframes 0.3s;
	animation: remodal-closing-keyframes 0.3s;
}

.remodal,
.remodal-wrapper:after {
	vertical-align: middle;
}

.remodal-close {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	overflow: visible;
	width: 35px;
	height: 35px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-decoration: none;
	color: #95979c;
	border: 0;
	outline: 0;
	background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
	color: #2b2e38;
}

.remodal-close:before {
	font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
	font-size: 25px;
	line-height: 35px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 35px;
	content: "\00d7";
	text-align: center;
}

@-webkit-keyframes remodal-opening-keyframes {
	from {
    -webkit-transform: scale(1.05);
	transform: scale(1.05);
	opacity: 0;
}

to {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}

}

@keyframes remodal-opening-keyframes {
	from {
    -webkit-transform: scale(1.05);
	transform: scale(1.05);
	opacity: 0;
}

to {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}

}

@-webkit-keyframes remodal-closing-keyframes {
	from {
    -webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

to {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	opacity: 0;
}

}

@keyframes remodal-closing-keyframes {
	from {
    -webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

to {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	opacity: 0;
}

}

@-webkit-keyframes remodal-overlay-opening-keyframes {
	from {
    opacity: 0;
}

to {
	opacity: 1;
}

}

@keyframes remodal-overlay-opening-keyframes {
	from {
    opacity: 0;
}

to {
	opacity: 1;
}

}

@-webkit-keyframes remodal-overlay-closing-keyframes {
	from {
    opacity: 1;
}

to {
	opacity: 0;
}

}

@keyframes remodal-overlay-closing-keyframes {
	from {
    opacity: 1;
}

to {
	opacity: 0;
}

}

@media only screen and (min-width: 641px) {
	.remodal {
    max-width: 700px;
}

}

/* IE8 ================================================== */

.lt-ie9 .remodal-overlay {
	background: #2b2e38;
}

.lt-ie9 .remodal {
	width: 700px;
}

/* @end */

/* @group Affiliates */

/* @end */

/* @group Customer Profile */

#customer-profile {
	min-height: 600px;
}

#customer-profile h4 {
	color: #e7eaed;
}

#customer-profile #header-links {
	display: none;
}

#customer-profile form {
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	padding-bottom: 60px;
}

#customer-profile form table {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}

#customer-profile input[type="text"] {
	padding: 6px;
	font-size: 13px;
	border: 1px solid #e7eaed;
	width: 90px;
	color: #676767;
}

#customer-profile form p {
	display: block;
	margin-top: 0px !important;
}

#customer-profile form p .button {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 200px;
	margin-top: 40px;
}

#customer-profile table th.title {
	display: none;
}

#customer-profile table td {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	position: relative;
}

#customer-profile table tr {
	border-bottom: 1px solid #e7eaed;
}

#customer-profile table td div {
	padding-top: 4px;
	padding-bottom: 4px;
	position: relative;
}

#customer-profile table td div span {
	display: inline-block;
	margin-left: 40px;
}

#customer-profile table label input[type="checkbox"] {
	margin-right: 8px;
	font-size: 2em;
}

#customer-profile table th {
	text-align: right;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 12px;
}

/* @group Checkbox Toggles */

#customer-profile div label {
	position: relative;
}

#customer-profile input[type="checkbox"] {
	position: absolute;
	margin-left: -9999px;
	visibility: hidden;
	width: auto;
}

#customer-profile input.checkbox + label {
	display: block;
	position: absolute;
	cursor: pointer;
	outline: none;
	user-select: none;
	-webkit-user-select: none;
	top: 50%;
	padding: 2px;
	width: 26px;
	height: 10px;
	background-color: #eb5768;
	border-radius: 16px;
	transition: background 0.15s;
	margin-top: -6px;
}

#customer-profile input.checkbox + label:before {
	top: 2px;
	left: 2px;
	bottom: 2px;
	right: 2px;
	border-radius: 24px;
	transition: background 0.15s;
}

#customer-profile input.checkbox + label:after {
	top: 2px;
	left: 2px;
	bottom: 2px;
	width: 10px;
	background-color: #fff;
	border-radius: 20px;
	transition: margin 0.15s, background 0.15s;
}

#customer-profile input.checkbox + label:before,
#customer-profile input.checkbox + label:after {
	display: block;
	position: absolute;
	content: '';
}

#customer-profile input.checkbox:checked + label {
	background-color: #55c2e8;
}

#customer-profile input.checkbox:checked + label:after {
	margin-left: 16px;
	background-color: #fff;
}

#customer-profile input.checkbox:disabled + label {
	background-color: #e7eaed;
}

#customer-profile input.checkbox:disabled + label:after {
	margin-left: 0px;
	background-color: #fff;
}

/* @end */

/* @end */

/* @group Responsive */

@media only screen and (min-width: 1400px) {

#home-hero {
	min-height: 750px;
	background-image: url(img/homepage/hero-wood.jpg);
	background-size: cover;
}

}

/* @end */