/* @override
	https://ayoa.staging.wpengine.com/wp-content/themes/droptaskreload/style.css?* */



/*@import url(//fonts.googleapis.com/css?family=Open+Sans);*/
@import url('styles/boots-bones.css');
@import url('styles/bootstrap-btn.css');
@import url('styles/bootstrap-table.css');
@import url('styles/subscription-table.css');
@import url('styles/960.css');
@import url('styles/960_12_grids.css');
@import url('styles/960-responsive.css');
/*
Theme Name: Droptask Reload
Theme URI: http://droptask.com
Description: DropTask Reload Theme based on Naked Wordpress by J Beckman: http://bckmn.com/naked-wordpress
Version: 1.0
Author: Gareth Loyd (Design), Peder Johnsen (Code)

-------------------------------------------------------------- */
/* 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,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
    font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
menu,
nav,
section {
    display: block;
}
html {
    margin: 0;
    padding: 0;
	/*overflow-x: hidden;*/
}
header {
	/*overflow-x: hidden !important;*/
}
body {
    font-family: "Open Sans", sans-serif;
    overflow-x: hidden !important;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
img {
	max-width: 100%;
}
code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
figure {
    margin: 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
th {
    font-weight: bold;
}


.xhidden {
	overflow-x: hidden !important;
}

.done {
	list-style-image: url( /wp-content/uploads/2018/06/bluetick.png);
	text-decoration: line-through;
	text-decoration-color: #1fb7fb !important;
	color: #116d9a !important;
	background-color: #cdedfc;
	padding: 5px 10px 10px;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.done p {
	color: #018dcb !important;
	margin-bottom: 0;
}

.beta {
	background-color: #008fff;
	color: #ffffff !important;
	text-transform: uppercase;
	padding: 2px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	position: relative;
	font-size: 10px;
	top: -1px;
	display: none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}


.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}



button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */

    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

    vertical-align: baseline;
    *vertical-align: middle;
    /* Improves appearance and consistency in all browsers */
}
button,
input {
    line-height: normal;
    /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

    *overflow: visible;
    /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: none;
    border-radius: 10px;
    background: #ccc;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */

    -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */

    font-size: 14pt;
    line-height: 1;
    padding: 1.12em 1.5em 1em;
	border: 2px solid #ffffff !important;
	transform: scale(1.0) !important;
	transition: all 0.1s ease !important;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.13);
	transform: scale(1.1) !important;
	transition: all 0.1s ease;
	border: 2px solid #ffffff !important;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* Addresses box sizing set to content-box in IE8/9 */

    padding: 0;
    /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */

    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

    border: 0;
    padding: 0;
}
input[type=text],
input[type=email],
textarea {
    color: #888888;
    border: 1px solid #dddddd;
    border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
    color: #101010;
}
input[type=text],
input[type=email] {
    padding: 3px;
}
textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */

    padding: 10px;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */

    width: 98%;
}

picture.ayoarounded img {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 5px solid #ffffff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.13);
	/*transform: scale(0.9);
	transition: transform 0.2s ease-in-out 0s;*/
}

/*picture.ayoarounded img:hover {
	transform: scale(1.0);
}*/




/* styles
-------------------------------------------------------------- */
body,
button,
input,
select {
    padding: 0;
    margin: 0;
    background: #f9f9f9;
    line-height: 1.4;
    font-size: 12pt;
    font-weight: 300;
    color: #5c5c5c;
}
/* typography
-------------------------------------------------------------- */
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    clear: both;
    font-family: "Open Sans", sans-serif;
    color: #5c5c5c;
}
h1 {
    font-size: 32pt;
    line-height: 100%;
    margin-bottom: 10px;
}
h2 {
    font-size: 17pt;
    line-height: 120%;
}
h3 {
    font-size: 26pt;
    color: #3e3e3e;
    line-height: 120%;
    margin-bottom: 16px;
}
h4 {
    font-size: 12pt;
    font-weight: 700;
}
h5 {
    font-size: 14pt;
}

.sectionheading {
	margin-top: 30px;
	font-size: 50px;
	margin-bottom: 30px;
	color: #363636;
}


hr {
    background-color: #cacaca;
    margin-bottom: 50px;
    border: 0;
    height: 1px;
    width: 100%;
    margin-top: 50px;
}

/* Text elements */
p {
    margin-bottom: 1.5em;
    font-size: 14pt;
}
ul,
ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
    margin-bottom: 0;
    margin-left: 1.5em;
    }
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
b,
strong {
    font-weight: bold;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 8pt;
    line-height: 1.42857143;
    margin-bottom: 1.6em;
    padding: 1.6em;
    overflow: auto;
    max-width: 100%;
    box-shadow: 0 3px 5px #ddd inset;
}

/*Modern titling*/

.moderntitle {
	font-size: 50px;
	margin-bottom: 20px;
	color: #363636;
}


.moderntitle.modernlight {
	color: white;
}

.fillblue strong {
	color: #00c1ff;
}
.fillaltblue strong {
	color: #7ab4ff;
}
.fillyellow strong {
	color: #fcc018;
}
.fillviolet strong {
	color: #ba9af2;
}
.filllightpurple strong {
	color: #ba9af2;
}
.fillpink strong {
	color: #f5ced1;
}
.fillgreen strong {
	color: #99e06f;
}
.fillred strong {
	color: #ff7178;
}
.fillorange strong {
	color: #ff9f22;
}
.fillpurple strong {
	color: #b651ff;
}



.moderntext {
	color: #7e7e7e;
	font-size: 22px;
	line-height: 34px;
}

.textlight {
	color: white;
}

/* Links */
a {
    color: #007998;
    text-decoration: none;
}
a:hover,
a:focus,
a:active {
    color: rgba(0, 121, 152, 0.5);
}
/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
.center {
    text-align: center;
}




/* Colored bullet list
-------------------------------------------------------------- */
ul.colored {
    list-style: none;
    margin: 0;
    padding-left: 40px;
}

ul.colored.no-padding {
    padding-left: 0;
}

ul.colored li {
    font-weight: 300;
}

ul.colored li:before {
    content: "\002022";
    padding-right: 7px;
}

ul.colored li.blue:before {
    color: #63cbfc;
}

ul.colored li.red:before {
    color: #fe6f76;
}

ul.colored li.yellow:before {
    color: #f4b81a;
}

ul.colored li.green:before {
    color: #a6e481;
}

ul.colored li.purple:before {
    color: #997cd0;
}

ul.colored li.orange:before {
    color: #fd7f2c;
}

ul.colored li a {
    color: inherit;
    text-decoration: none;
}

ul.colored li a:hover,
ul.colored li a:focus {
    text-decoration: underline;
}

/* Colored bullet list
-------------------------------------------------------------- */
.text-quote {
    font-family: "Open Sans", sans-serif;
    text-align: center;

    /*New styles:*/
	background-color: #ffffff;
	padding-top: 35px;
	padding-bottom: 25px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
}

.text-quote blockquote {
    font-size: 17pt;
    font-style: italic;
    color: #828282;
    font-weight: 300;
    margin-bottom: 17pt;
}

.text-quote .author {
    font-size: 12pt;
    font-weight: 700;
}


.readable p {
	max-width: 800px;
	margin: 25px auto;
	line-height: 28px;
	text-align: justify;
}

.readable h5 {
	line-height: 35px;
	color: #446f94;
	font-size: 23px;
	font-style: italic;
	text-align: justify;
}

.readable .img-subtitle {
	margin-top: 25px;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	color: #a3a3a3;
}

.text-quote blockquote:before,
.text-quote blockquote:after {
    font-size: 22pt;
}

.text-quote blockquote:before {
    content: '" ';
}

.text-quote blockquote:after {
    content: ' "';
}

.text-quote.blue blockquote:after,
.text-quote.blue blockquote:before {
    color: #008dff;
}

.text-quote.blue .author {
    color: #008dff;
}

.text-quote.red blockquote:after,
.text-quote.red blockquote:before {
    color: #fe6f76;
}

.text-quote.red .author {
    color: #151515;
	font-size: 18px;
}

.text-quote.yellow blockquote:after,
.text-quote.yellow blockquote:before {
    color: #f0a800;
}

.text-quote.yellow .author {
    color: #f0a800;
}

.text-quote.green blockquote:after,
.text-quote.green blockquote:before {
    color: #86c660;
}

.text-quote.green .author {
    color: #86c660;
}

.text-quote.purple blockquote:after,
.text-quote.purple blockquote:before {
    color: #997cd0;
}

.text-quote.purple .author {
    color: #997cd0;
}

.text-quote.orange blockquote:after,
.text-quote.orange blockquote:before {
    color: #ff7f16;
}

.text-quote.orange .author {
    color: #ff7f16;
}

/* Posts/Articles
-------------------------------------------------------------- */
article {
    background: transparent;
    padding: 0;
    margin-bottom: 80px;
    border-bottom: 1px solid #dddddd;
}
article .title {
    color: #404040;
    line-height: 56.24px;
    font-size: 38px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.1em;
}
article .title a {
    text-decoration: none;
    color: #404040;
}
article .title a:hover {
    color: #007998;
}
article .post-meta {
    margin-bottom: 40px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}
article .post-meta a {
    color: #888888;
    text-decoration: none;
}
article .post-meta a:hover {
    color: rgba(136, 136, 136, 0.5);
}
article .the-content a {
    text-decoration: none;
}
article .the-content p {
    color: #191919;
    text-align: justify;
}
article .the-content img {
    width: 100%;
    height: auto;
}
article .meta {
    line-height: 14.8px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .9px;
}
article .meta div {
    margin:1px auto;
}
article .meta .post-categories {
    list-style: none;
    margin: 0 0 10px 0;
}
article .meta .post-categories li {
    display: inline-block;
    margin-right: 10px;
}
/* Page loop styling */
.page article {
    border-bottom: none;
}
.page article .title {
    margin-bottom: 40px;
}
/* Pagination */
#pagination {
    margin-bottom: 40px;
    width: 100%;
}
#pagination .past-page {
    float: right;
    width: 49%;
    text-align:right;
}
#pagination .next-page {
    float: left;
    width: 50%;
    border-right: 1px solid #ccc;
    height: 200px;
}
.next-page a, .past-page a {
    font-size: 2em;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: italic;
    padding: 10%;
}
/* Comments */
h3#comments {
    margin-bottom: 80px;
    font-size: 16px;
}
.commentlist {
    list-style: none;
    margin: 0;
}
.commentlist .comment {
    margin: 0 0 40px 50px;
    padding: 20px;
    position: relative;
    list-style: none;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.commentlist .comment .children {
    margin-top: 40px;
}
.commentlist .comment-author {
    float: left;
    margin-right: 10px;
}
.commentlist .comment-author img {
    position: absolute;
    left: -50px;
    top: 5px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.commentlist .comment-author .says {
    display: none;
}
.comment-meta {
    font-size: 12px;
    margin-bottom: 10px;
}
.comment-subscription-form,
.comment-subscription-form {
    margin-bottom: 0;
    font-size: 14px;
}
#respond {
    margin-bottom: 80px;
}
#respond > h3 {
    font-size: 16px;
    margin-bottom: 20px;
}
#respond form label {
    color: #888888;
}
/* Feature Highlight */
.feature-highlight {
    padding: 20px 0px 20px 0px;
    text-align: center;
}
.feature-highlight img {
    margin-bottom: 20px;
}
.feature-highlight .feature-title {
    font-size: 18pt;
}
.feature-highlight .feature-description {
    font-size: 12pt;
}
/* Circle Card */
.circle-card {
    text-align: center;
    padding: 10px 10px;
}
.circle-card img {
    width: 230px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 500px;
    margin-bottom: 20px;
}
.circle-card .card-title,
.circle-card .card-subtitle {
    font-size: 16pt;
}
.circle-card .card-description {
    margin-top: 10px;
    line-height: 150%;
}

.head-margin-bottom {
    margin-bottom: 0.5em;
}
/* Press Feature */
.pressheader {
    color: #5a5a5a;
    margin-bottom: 0 !important;
}
.presslink {
    font-size: 20px;
    margin-top: 0 !important;
    text-decoration: none;
    color: #0086d2;
    font-weight: normal;
    font-style: normal;
}
.presslink:hover {
    text-decoration: underline;
}
.pressheader strong {
    color: #484a48;
}
/* Youtube video */
.youtube-video {
    position: relative;
    display: inline-block;
}
.youtube-video .fancybox-youtube {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.youtube-video .fancybox-youtube .video-rollover {
    display: table;
    z-index: 1;
    opacity: 0.35;
    height: 100%;
    margin: 0 auto;
}
.youtube-video .fancybox-youtube:hover .video-rollover {
    opacity: 0.75;
}
.youtube-video .fancybox-youtube .video-rollover .video-play {
    display: table-cell;
    vertical-align: middle;
}
#fancybox-wrap {
    position: fixed !important;
    top: 80px !important;
}
#fancybox-outer {
    height: auto !important;
    width: auto !important;
}
/*footer {
    margin: 0px 0 0;
    font-family: "Open Sans", sans-serif;
    padding: 40px 0 80px;
    font-size: 12pt;
}
footer ul {
    margin: 0px 0px 12px 0px;
    list-style: none;
}
footer ul li {
    line-height: 1.5;
}
footer ul li a {
    font-size: 12pt;
    color: #fff;
}
footer ul li a:hover,
footer ul li a:active,
footer ul li a:focus {
    color: #f1f1f1;
}
footer ul li:first-child {
    font-weight: bold;
}
footer ul li:first-child a:hover,
footer ul li:first-child a:active,
footer ul li:first-child a:focus {
    color: #fff;
}*/
/* Misc & mixens
-------------------------------------------------------------- */
.row-fluid.margin10 {
    margin-top: 10px;
}
.row-fluid.margin15 {
    margin-top: 15px;
}
.row-fluid.margin20 {
    margin-top: 20px;
}
.row-fluid.margin25 {
    margin-top: 25px;
}
.row-fluid.margin30 {
    margin-top: 30px;
}
.row-fluid.margin35 {
    margin-top: 35px;
}
.row-fluid.margin40 {
    margin-top: 40px;
}
.row-fluid.margin45 {
    margin-top: 45px;
}
.row-fluid.margin50 {
    margin-top: 50px;
}
.site-footer{
    color: #fff;
    background-color: #010448;
}
.hide-text {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.clear {
    clear: both;
}
/* clear floats */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.home-header-img
{
position:absolute;
right: -20px;
}
.free-header-img
{
position:absolute;
right: -1px;
}

.hr2 {
    margin-bottom: 88px;
    border: 1px solid rgba( 0, 0, 0 ,0 );
    height: 0px;
}

.header-text-box {
    padding: 0px;
}

.creativitytest {
	margin-top: 60px;
}

.creativitytest h1 {
	color: #1ba6f5 !important;

}

.creativitytest h3 {
	color: #ffffff !important;
}


.powerfultext {

}

.header-text-box.black {
    background-color: rgba(0, 0, 0, 0);
}



.teams-banner {
	/*background: -webkit-radial-gradient(ellipse farthest-corner, #ffb530 0%, #ff920f 100%) fixed #ffa400;
	background: -moz-radial-gradient(ellipse farthest-corner, #ffb530 0%, #ff920f 100%) fixed #ffa400;
	background: -ms-radial-gradient(ellipse farthest-corner, #ffb530 0%, #ff920f 100%) fixed #ffa400;
	background: radial-gradient(ellipse farthest-corner, #ffb530 0%, #ff920f 100%) fixed #ffa400;*/


	background: -webkit-radial-gradient(ellipse farthest-corner, #02597e 0%, #125f80 100%) fixed #0c597e;
	background: -moz-radial-gradient(ellipse farthest-corner, #02597e 0%, #125f80 100%) fixed #0c597e;
	background: -ms-radial-gradient(ellipse farthest-corner, #02597e 0%, #125f80 100%) fixed #0c597e;
	background: radial-gradient(ellipse farthest-corner, #02597e 0%, #125f80 100%) fixed #0c597e;

	/*	background: -webkit-radial-gradient(ellipse farthest-corner, #6661ea 0%, #922fea 100%) fixed #6764e6;
	background: -moz-radial-gradient(ellipse farthest-corner, #6661ea 0%, #922fea 100%) fixed #6764e6;
	background: -ms-radial-gradient(ellipse farthest-corner, #6661ea 0%, #922fea 100%) fixed #6764e6;
	background: radial-gradient(ellipse farthest-corner, #6661ea 0%, #922fea 100%) fixed #6764e6;*/

	/*
	background: -webkit-radial-gradient(ellipse farthest-corner, #9bca52 0%, #6bad36 100%) fixed #6764e6;
	background: -moz-radial-gradient(ellipse farthest-corner, #9bca52 0%, #6bad36 100%) fixed #6764e6;
	background: -ms-radial-gradient(ellipse farthest-corner, #9bca52 0%, #6bad36 100%) fixed #6764e6;
	background: radial-gradient(ellipse farthest-corner, #9bca52 0%, #6bad36 100%) fixed #6764e6;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: -20px;*/


	/*background: -webkit-radial-gradient(ellipse farthest-corner, #dcdcdc 0%, #dbdbdb 100%) fixed #6764e6;
	background: -moz-radial-gradient(ellipse farthest-corner, #dcdcdc 0%, #dbdbdb 100%) fixed #6764e6;
	background: -ms-radial-gradient(ellipse farthest-corner, #dcdcdc 0%, #dbdbdb 100%) fixed #6764e6;
	background: radial-gradient(ellipse farthest-corner, #dcdcdc 0%, #dbdbdb 100%) fixed #6764e6;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: -20px;*/
	padding-top: 25px;
	padding-bottom: 20px;
	margin-top: -70px;
	margin-bottom: 15px;
}

.teams-banner p {
	color: #ffffff;
}

.flex-companies {
	display: flex;
	margin: 0 auto;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	max-width: 1280px;
}

.company-logo {
	/*background-color: #a78181;*/
	margin-right: 15px;
	margin-left: 15px;
	max-width: 150px;
}


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

 	.flex-companies {
 		flex-direction: column;

 	}

 	.company-logo {
 		/*background-color: #a78181;*/
 		margin: 10px 15px;
 		max-width: 150px;
	}

 	}



/*Hide static home header for large screens*/
#home-header-mobile {
	display: none;
}

/*Display Video header for large screens*/
.video-background {
	width: 100%;
    overflow: hidden !important;
    /*height: auto !important;*/
    height: 600px !important;
	background-color: #ffffff;
	position: absolute;
	margin-bottom: -110px;
	z-index: -2;
	float: left;
	margin-top: 44px;
}



.videoheader-overlay {
display: inline;
}

video {
	/*display: none;*/
	width: 100%;
}


video.splitvideo {
	width: 100% !important;
	height: auto;
}


.video-component {
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-bottom: 3px;
	transition: all .2s ease;
}








.video-component-2 {
		position: relative;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding-bottom: 3px;
		transition: all .2s ease;
		float: right;
		width: 80%;
}


.video-component-2 video {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 40px rgba(0, 118, 255, 0.34) !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}


 @media only screen and (max-width: 960px) {
.video-component-2 {
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	transition: all .2s ease;
	width: 80% !important;
	margin: 0 auto 40px;
	display: block !important;
	float: none;
}

.minimal-main-content-2 {
	margin-top: 20px;
		/*background-color: #eac5c5;*/
	position: relative;
	width: auto;
	margin-left: 0;
}

}





 @media only screen and (max-width: 560px) {
 	.video-component {
 		margin-bottom: -12vw;
 	}

 	}


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

.video-component {
 		margin-bottom: -32vw;
 	}
}



.videoillustrations {
	position: absolute;
	z-index: 2;
	padding-top: 10px;
	top: 0;
	width: 1000px !important;
	left: -0px !important;

	transform: scale(1.3)
}

/*
.videoillustrations img {
	position: relative;
	z-index: 2;
	padding-top: 10px;
	top: 0;
	left: 80px !important;
	transform: scale(1.3);

}*/




.video-component:hover {
	transform: scale(1.05);
}


.video-component video {
	border: 5px solid #b2d6fd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 40px rgba(0, 118, 255, 0.34) !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	height: auto !important;
	max-width: 100%;
	transform: scale(0.95);
	position: relative;
	top: -18px;
}




.centred-video {
	display: inline-block !important;
	max-width: 600px !important;
	margin-right: auto;
	margin-left: auto;
	max-height: auto;
	min-height: 400px;
}

.clicktowatch-videocomponent {
	position: relative;
	z-index: 2;
	left: 185px;
	padding-top: 5px;
	width: 240px;
	top: -30px;
}


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

 	.clicktowatch-videocomponent {
 		position: relative;
 		top: -30px;
 		left: 6px;
 	}

 	}


.video-component-overlay {
	z-index: 1;
	position: absolute;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.08) 100%) rgba(0, 0, 0, 0.44);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.08) 100%) rgba(0, 0, 0, 0.44);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.08) 100%) rgba(0, 0, 0, 0.44);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.08) 100%) rgba(0, 0, 0, 0.44);
	width: 100%;
	left: 5px;
	text-align: center;
	color: #ffffff;
	top: 4px;



}


.video-component-overlay p {
	margin-bottom: 0;
	font-size: 18px;
	padding-top: 12px;
	padding-bottom: 12px;
	top: -9px;
	position: relative;
}

.video-component-overlay p img {
	position: relative;
	top: 13px;
}


.home-quotebar {
	background: -webkit-linear-gradient(left, #999af7 0%, #d3adf8 100%) #c286f9;
	background: -moz-linear-gradient(left, #999af7 0%, #d3adf8 100%) #c286f9;
	background: -ms-linear-gradient(left, #999af7 0%, #d3adf8 100%) #c286f9;
	background: linear-gradient(to right, #999af7 0%, #d3adf8 100%) #c286f9;
	padding-top: 30px;
	padding-bottom: 40px;
	margin-bottom: 50px;
	margin-top: 50px;
	color: #ffffff;
}

.home-quotebar h3 {
	color: #ffffff;
	/*text-shadow: 0 2px 3px rgba(128, 118, 241, 0.51);*/
}

.home-quotebar .quotesource {
	color: #a556f0;
}



 @media only screen and (min-width: 1200px) {
 	.home-auto-video {
 		position: absolute;
 		width: 600px;
 		right: 50px;
 	}

 	.home-auto-video-2 {
 			width: 500px;
 			float: right;
 			right: 20px;
 	}

 	.video-component {
 		-webkit-border-radius: 20px;
 		-moz-border-radius: 20px;
 		border-radius: 20px;
 	}

 	.video-component video {
 		-webkit-border-radius: 10px;
 		-moz-border-radius: 10px;
 		border-radius: 10px;
 		border: 10px solid #b2d6fd;
 		max-width: 100%;
 		max-height: 135%;
 	}

 	.video-component-overlay {
 		top: auto;
 		bottom: -95px;
 		left: 10px;
 		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0.43) 100%) rgba(0, 0, 0, 0.48);
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0.43) 100%) rgba(0, 0, 0, 0.48);
 		background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0.43) 100%) rgba(0, 0, 0, 0.48);
 		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0.43) 100%) rgba(0, 0, 0, 0.48);
 	}

 	.video-component-overlay p {
 			font-size: 22px;
 	}

 	}








/*.splithead video  {
	height: 100%;
}*/



.watchvideo-button {
	position: relative;
	display: block;
	margin: 0 auto -130px;
	top: -120px;
	opacity: 0.7;
	transition: opacity .1s ease;
	width: 140px;
}


.leftvideobutt {
	opacity: 0.8;
	left: -12px !important;
	transition: all .1s ease;
}

.leftvideobutt:hover {
	opacity: 1;
	left: 0px !important;
}

/*a.btn.btn-lg.btn-success {
	font-size: 24px;
	padding: 12px 35px;
	margin-top: 35px;
}*/

/*Large version of Sign-up button for video header*/
a.btn.btn-lg.btn-success.homebuttlarge {
	font-size: 24px;
	padding: 12px 35px;
	margin-top: 35px;
}

.watchvideo-button:hover {
	opacity: 1;
}

.wrap {
	max-width: 960px;
	margin: 0 auto;
	color: #ffffff;
	padding-right: 20px;
	padding-left: 20px;
}

.videoheader-content {
	position: absolute;
	background: -webkit-linear-gradient(top, rgba(0, 25, 70, 0.8) 0.1%, rgba(0, 14, 76, 0) 100%);
	background: -moz-linear-gradient(top, rgba(0, 25, 70, 0.8) 0.1%, rgba(0, 14, 76, 0) 100%);
	background: -ms-linear-gradient(top, rgba(0, 25, 70, 0.8) 0.1%, rgba(0, 14, 76, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 25, 70, 0.8) 0.1%, rgba(0, 14, 76, 0) 100%);
	margin-top: 44px;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

.whitevers {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.67) 29%, rgba(254, 254, 254, 0.71) 59.4%, #f9f9f9 100%) !important;

	/*Less white:*/
	/*background: linear-gradient(to bottom, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0.27) 29.2%, rgba(254, 254, 254, 0.66) 74%, #f9f9f9 96.7%) !important;*/
	height: 550px;
}

.whiteverssplit {
	background: none !important;
	height: 500px;
	/*border-bottom: 1px solid #585858;*/
}


.signup-form {
	width: 500px;
	position: relative;
	top: -15px;
	right: -150px;
	float: right;
	/*border: 1px solid #585858;*/
	/*background-color: white !important;*/
	padding: 0 30px 60px;

}


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

 	.signup-form {
 		width: 500px;
 		position:absolute;
 		right: 0;
 		float: right;
 		/*border: 1px solid #585858;*/
 		/*background-color: white !important;*/
 		padding: 16px 30px 27px;
 		top: 0;
 		background-image: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.67) 100%);
		background-image: -moz-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.67) 100%);
 		background-image: -ms-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.67) 100%);
 		background-image: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0.67) 100%);
 	}

 	}




.signup-form h2 {
	font-size: 25px;
	color: #393939;
	margin-bottom: 20px;
}

.su-form {
	background-color: #ffffff;
	width: 300px;
	height: 50px;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1.5px solid #31b4f5 !important;
	padding-left: 15px !important;
}


.su-formbutton {
	background-color: #36ba5b !important;
	color: #fefefe !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	padding: 18px 40px !important;
	border: 1px solid #17a136 !important;
	position: relative;
	left: -55px;
	top: 10px;
}

.su-formbutton:hover {
	background-color: #2f9e4d !important;
}

#google_facebook {
	float: left;
	position: relative;
	top: -46px;
	right: -333px;
}

.icon-wrapper {
	background-color: #ffffff;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	border: 1px solid #31b4f5;
	float: left;
	padding: 12px;
	margin-right: 8px;
}

.icon-wrapper:hover {
	background-color: #f0f0f0 !important;
}

.faceicon {
	background-color: #3c5c9e;
}

.faceicon:hover {
	background-color: #314b80 !important;
}

.fineprint {
	color: #1274ce;
	font-size: 11px;
	text-align: center;
	position: relative;
	top: 20px;
	left: -60px;
}

.fineprint a {
	text-decoration: underline;
	color: #1274ce;
}

.fineprint a:hover {
	text-decoration: underline;
	color: #0d4c88;
}

.existingaccount a {
	text-transform: uppercase;
	font-size: 15px;
	color: #8b8b8b;
	position: relative;
	top: 15px;
	right: -25px;
}

.existingaccount a:hover {
	text-decoration: underline;
	color: #6f6f6f;
}


#validation-errors {
	color: #ce0000 !important;
	background-color: #f8e6e6;
	padding: 10px 15px;
	margin: 0 auto 10px;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ce0000;
}


.bodyhone {
	font-weight: bold;
	color: #009AF6;
	line-height: 25px;
	text-align: center;
	font-size: 26px;
}

.honesub {
	clear: none;
	font-weight: normal;
	font-style: normal;
	color: #052433;
	font-size: 17px;
}


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


  	.bodyhone {
  		margin: 0 10px 50px !important;
  		font-weight: bold;
  		color: #009AF6;
  		line-height: 50px;
  		display: none;
  	}

/*  	.honesub {
  		clear: none;
  		font-weight: normal;
  		font-style: normal;
  		font-size: 32px;
  		color: #052433;
  	}*/



  	}



.mainsubheader {
	font-weight: bold !important;
	font-size: 30px !important;
	margin-top: 14px !important;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.54);
}

.grow {
	transition: all .2s ease;
	}

.grow:hover {
	transform: scale(1.1);
	}

.available-banner {
	background: radial-gradient(ellipse farthest-corner, #2296f2 0%, #106fcf 100%) fixed #2196f3;
	position: relative;
	top: 32px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1.5px solid #21a9ea;
}

.available-banner p {
	margin-bottom: 0;
	text-align: center;
}

.body_banner {

}

.for-teams {
	background: url(/wp-content/uploads/2018/05/foranyteam_bannerbg@2x.jpg) #42b1fe;
	background-size: cover;
	background-position: center;
	color: #ffffff;
	/*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important;*/
	text-shadow: none !important;
	height: 450px;
	position: relative;
	overflow: hidden !important;
}

.for-teams-home {
	color: #ffffff;
	/*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important;*/
	text-shadow: none !important;
	height: 450px;
	position: relative;
	background: -webkit-linear-gradient(top, #57b1fe 0%, #a5dcff 100%) #2ea8fe;
	background: -moz-linear-gradient(top, #57b1fe 0%, #a5dcff 100%) #2ea8fe;
	background: -ms-linear-gradient(top, #57b1fe 0%, #a5dcff 100%) #2ea8fe;
	background: linear-gradient(to bottom, #57b1fe 0%, #a5dcff 100%) #2ea8fe;
	overflow: hidden;
}

#teams-comp {
	position: relative;
	bottom: 115px;
	left: 450px;
	width: 770px;
}

.teamtext-home {
	/*position: absolute;*/
	max-width: 400px;
	text-align: left;
	position: relative;
	top: 150px;
}


#teams {
	height: 100%;
	margin: 0 auto !important;
	display: block;
	/*max-width: 100%;*/
}

.teamtext {
	/*position: absolute;*/
	top: -325px;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
	text-shadow: none !important;
	position: relative;
}

.teamtext p {
	font-size: 20px;
}

.teamtext h3 {
	font-size: 40px;
}

.teamtext p, .teamtext h3  {
	text-shadow: 0 1px 2px #096bfe !important;
}

.forbusiness-header {
	background: -webkit-linear-gradient(top, white 59.7%, #e9f7ff 100%) #ffffff;
	background: -moz-linear-gradient(top, white 59.7%, #e9f7ff 100%) #ffffff;
	background: -ms-linear-gradient(top, white 59.7%, #e9f7ff 100%) #ffffff;
	background: linear-gradient(to bottom, white 59.7%, #e9f7ff 100%) #ffffff;
	padding-bottom: 30px;
}

.shout {
	font-weight: bold;
	color: #09a3ff;
	font-size: 34px;
	border-style: solid;
	padding-top: 10px;
	border-width: 3px;
	padding-bottom: 15px;
	background-image: -webkit-linear-gradient(top, white 0%, #ecf8ff 100%);
	background-image: -moz-linear-gradient(top, white 0%, #ecf8ff 100%);
	background-image: -ms-linear-gradient(top, white 0%, #ecf8ff 100%);
	background-image: linear-gradient(to bottom, white 0%, #ecf8ff 100%);
	margin-top: 5px;
}

.forbizim {
	max-width: 650px !important;
	position: relative;
	top: -20px;
	width: 650px;
	right: 80px;
}


.underlined {
	color: #ffffff;
	text-decoration: underline;
	text-shadow: none !important;
}

.underlined:hover {
	color: #912600;
	text-decoration: underline;
	text-shadow: none !important;
}


/* #Media Queries
================================================== */

/* Scaling the video so there's no seams */


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

 	video.splitvideo {
 		height: 100% !important;
 		width: auto !important;
 	}

 	}

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

video {
	/*display: none;*/
	width: 140%;
}




}


  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
    .side-title{
        font-size: 1em;
        line-height: 1.5em;
    }



  }


    /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .side-title{
        font-size: 1em;
        line-height: 1.5em;
    }


  }

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
    .side-title{
        font-size: 1em;
        line-height: 1.5em;

    }

    #teams-comp {
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	max-width: 350px;
    }

    .teamtext-home {
    	/*position: absolute;*/
    	max-width: 400px;
    	text-align: left;
    	position: relative;
    	top: 50px;
    }

	.hideformobile {
		display: none;
	}


  /*  .postop {
    	background-position: right !important;
    }*/


    /*Switch to static header for mobile*/
    #home-header-mobile {
    	display: inline;
    }

    /*hide Video header for large screens*/
    .video-background {
    	display: none;
    }
    /*hide Video header content for large screens*/
    .videoheader-content {
    	display: none;
    }
    /*hide available for mobil screens*/
    .available-banner {
    	display: none;
    }

.home-header-img
{
position: relative;
right: auto;
max-width: 100%;
}
.free-header-img
{
position: relative;
right: auto;
max-width: 100%;
}
    .hr2 {
        display: none;
    }
  }



  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    /*body, article .post-meta{
        font-size: 1.2em;
        line-height: 1.5em;
    }*/
    article .title{
        font-size: 2em;
        line-height: 1.5em;
    }
    .site-title{
        font-size: 10px !important;
        line-height: 50px;
    }
    .menu-main-nav-container a, .side-title, .menu-main-container a{
        font-size: 1em;
        line-height: 1.5em;
    }
  }


  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    body, article .post-meta{
        font-size: 1.2em;
        line-height: 1.5em;
    }
    article .title{
        font-size: 2em;
        line-height: 1.5em;
    }
    .site-title{
        font-size: 6px !important;
        line-height: 30px;
    }
    .menu-main-nav-container a, .side-title, .menu-main-container a{
        font-size: 1em;
        line-height: 1.5em;
    }
    .hr2 {
        display: none;
    }

  }

/* Override main-fluid max width */
.main-fluid {
    max-width: 960px;
}

/* Override btns */
.btn-success {
    color: #FFF;
    background-color: #2dbd56;
    border-color: #00a32e;
    font-weight: 500;
	z-index: 2;
}

.btn-lg {
    padding: 10px 30px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 3px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-lg.simple-signup-button {
    padding: 14px 50px !important;
}

/* Vertical Centered Block */
.vertical-block {
    position: relative;
    height: 100%;
    width: 100%;
}

.table {
    width: 100%;
    padding: 0;
    display: table;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

.table-cell {
    padding: 0;
    vertical-align: middle;
    display: table-cell;
    margin: 0;
}

.table-cell *:last-child {
    margin-bottom: 0;
}

/**
 * Brand Logo
 */
#brand a {
    width: 200px;
}

#brand a > img {
	display: inline;
	transition: all .3s ease-in-out;
	margin-left: 10px;
	margin-top: 15px;
	height: 56px;
	z-index: 7;
	float: left;
}

#brand a > img.text-logo {
    display: block;
	width: 100px;
	float: left;
	margin-top: 15px;
	transition: all .3s ease-in-out;
	margin-left: 10px;
}


.text-logo-sub {
	color: #8d8d8d;
	font-weight: 600;
	position: relative;
	top: -15px;
	left: 80px;
	font-size: 15px;
	float: left;
}

.text-logo-sub em {
	color: #00C3FF;
}


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

.text-logo-sub {
	display: none;
}

}



/**
 * 2.0 - Genericons
 */

.toggle-menu:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Genericons";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: top;
}

/**
 * Menu Toggle Button
 */
.toggle-menu {
    background-color: transparent;
    border: 1px solid transparent;
    height: 42px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 1px;
	text-align: center;
    width: 22px;
    display: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
	transition: all .4s ease;
	z-index: 1;
	left: 55px;
}

.toggle-menu:before {
    color: #fff;
    content: "\f419";
    line-height: 40px;
    width: 20px;
}

.toggle-menu:hover,
.toggle-menu:focus {
    border: 1px solid transparent;
    background-color: #1274ce;
    outline: 0;
}

.toggle-menu.toggled-on:before {
    content: "\f405";
    font-size: 32px;
    position: relative;
    top: -1px;
    left: -7px;
}

/**
 * Feature table & rows
 */
.feature-table-head {
    font-weight: 700;
    width: 100%;
    text-align: center;
}

.feature-table-free,
.feature-table-pro {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.feature-table-free {
    height: 60px;
    font-size: 14pt;
    color: #FFF;
    margin-top: 9px;
    background-color: #2dbd56;
    padding: 16px 0px 16px 0px;
    border: 1px solid #00a32e;
    border-radius: 4px 4px 0px 0px;
}

.feature-table-pro {
    height: 69px;
    font-size: 18pt;
    color: #FFF;
    background-color: #008dff;
    padding: 18px 0px 16px 0px;
    border: 1px solid #077edf;
    border-radius: 4px 4px 0px 0px;
}

.feature-row {

}

.feature-row-toggle {
    position: relative;
    cursor: pointer;
    min-height: 26px;
    text-align: right;
    padding: 15px;
}

.feature-row-title {
    font-size: 1.2em;
}

.feature-row-new {
  position: relative;
}

.feature-row-new:before {
  position: absolute;
  top: 0;
  left: -25px;
  content: "NEW";
  color: #fe6f76;
  font-size: 10px;
  font-weight: 700;
}

.feature-row-toggle-icon {
    color: #ADADAD;
    position: absolute;
    top: 16px;
    right: 15px;
}

.feature-row-toggle-icon:after {
    width: 10px;
    height: 10px;
    content: '\25bc';
}

.feature-row-toggle-icon.toggled:after {
    content: '\25b2';
}

.feature-row-description-container {
    background: #fbfbfb;
    width: 100%;
    display: none;
    box-sizing: border-box;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    text-align: center;
}

.feature-row-description-container.toggled {
    display: block;
}

.feature-row-description-toggle {
    position: relative;
    cursor: pointer;
    padding: 15px 35px;
}

.feature-row-description {
    padding: 0 15px 15px;
}

.feature-row-description-container .feature-row-toggle-icon {
    position: absolute;
    right: 15px;
}

.feature-row-ticks {
    width: 100%;
    display: flex;
    flex: 1;
}
.feature-row-ticks-free,
.feature-row-ticks-pro {
    background: #fff;
    float: left;
    width: 50%;
    box-sizing: border-box;
    height: 56px;
    border-top: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    text-align: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.feature-row-ticks-free {
    border-left: 1px solid #e2e2e2;
}

.feature-row-ticks-free img,
.feature-row-ticks-pro img {
    width: 24px;
    height: auto;
    padding: 16px;
}

.feature-row-ticks-free .feature-row-ticks-text,
.feature-row-ticks-pro .feature-row-ticks-text {
    font-weight: 700;
    padding: 16px;
}

.feature-row-ticks-free .feature-row-ticks-text {
    color: #00a32e;
}

.feature-row-ticks-pro .feature-row-ticks-text {
    color: #077edf;
}

.feature-table-footer {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #e2e2e2;
}

.feature-table-action-btns {
    width: 100%;
    padding-top: 30px;
}

.feature-table-free-btn,
.feature-table-pro-btn {
    float: left;
    width: 50%;
    text-align: center;
    text-transform: uppercase;
}

.feature-table-free-btn {

}

.feature-table-pro-btn {

}

/* Classes to only be applied if NOT on mobile */
@media only screen and (min-width: 768px) {
    .feature-row-toggle {
        height: 26px;
    }
    .feature-row-toggle .feature-row-toggle-icon {
        right: -10px;
    }
    .feature-row-title-container {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}
/* Override span2 if .span4-on-mobile is set on row */
@media only screen and (max-width: 767px) {
    .main-fluid {
        padding: 0 10px;
    }
    .row-fluid.span4-on-mobile .span2 {
        width: 33.33333333%;
        margin: 0;
    }

    .push-text-below,
    .auto-height {
        height: auto !important;
    }

    .auto-height {
        padding: 40px 20px;
    }

    .push-text-below .vertical-block,
    .auto-height .vertical-block {
        position: initial;
        height: auto;
    }
    .push-text-below .table,
    .auto-height .table {
        height: auto;
        position: initial;
    }
    .header-text-box {
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.8);
	}
	.creativitytest h3 {
		color: #1c0e04 !important;
		font-size: 22px !important;
	}

    .header-text-box.black {
    background-color: rgba(0, 0, 0, 0.8);
    }
    .header-text-box h1{
    font-size: 22pt
    }
    .header-text-box h2{
    font-size: 16pt
    }
    .header-text-box h3{
    font-size: 20pt
    }
    .feature-row-toggle {
        border-left: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2;
        border-top: 1px solid #e2e2e2;
        background: #fbfbfb;
        text-align: center;
        padding-right: 35px;
    }
    .feature-table-free-btn,
    .feature-table-pro-btn {
        width: 100%;
    }
    .feature-table-free-btn .btn,
    .feature-table-pro-btn .btn {
        width: 65%;
    }
    .feature-table-free-btn {
        margin-bottom: 25px;
    }
    .feature-row-description-container {
        border-top: 0;
    }
    .feature-row-description-toggle {
        display: none;
    }
    img.mobile-max-width {
        max-width: 100% !important;
        height: auto;
		position: static;
	}
    .btn {
        white-space: normal;
    }
    .p-left-mobile {
        background-position: left !important;
    }
    .p-right-mobile {
        background-position: right !important;
    }
    .p-left-150-mobile {
        background-position: -150px !important;
    }
    .p-left-750-mobile {
        background-position: -750px !important;
    }
}


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

.shiftright {
position: relative;
left: 80px;
}

}

.postop {
	background-position: top !important;
}

.postop-plan {
	background-position: right !important;

}

.postbot {
	/*background-position: 0 bottom !important;*/
}

/* Menu is no longer visible at around 1092px so let's make it toggleable */




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

.auth-buttons {
    float: none;
	/*display: none !important;*/
	margin-top: 3px !important;
}

}


/*This is where we hide for mobile*/
@media only screen and (max-width: 1110px) {

}

.max-width {
    max-width: 100%;
}



.newfeature {
	height: 390px;
	position: relative;
}


.new-feat-badge {
	position: absolute;
	top: 50px;
	right: 980px;
}


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

.new-feat-badge {
	display: none !important;
}

.postop-plan {
	background-position: -100px !important;
}

}

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

.postop-plan {
	background-position: -300px !important;
}

}


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

.newfeature {
	height: 450px !important;
}



.postop-plan {
	background-position: right !important;
}




}



.sale-menu-banner {
    width: 115px;
    height: auto;
    max-width: initial;
    top: 30px;
    position: absolute;
    right: 524px;
    z-index: 30;
}

.offer-pricing-table-label {
    display: none;
    z-index: 1;
    position: relative;
    background: #09a3e2;
    border: 1px solid #0a8bd8;
    margin-bottom: 10px;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    font-size: 12pt;
}

.offer-pricing-table-label .text-muted {
    color: #001924;
}

.offer-pricing-table-sticker {
    z-index: 2;
    position: absolute;
    top: -40px;
    right: -25px;
}

.offer-message {
    font-weight: 400;
    text-align: center;
    font-size: 12pt;
    margin-top: -0.5em;
}

.billing-duration { overflow-y: initial; }

@media only screen and (max-width: 767px) {
    .offer-pricing-table-label {
        display: block;
    }
    .offer-pricing-table-sticker {
        display: none;
    }
    .billing-duration {
        overflow-y: hidden;
    }

}

/* Pricing switch/table */
.pricing-switch {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
	margin-top: 60px;
}

.switch-frequency {
    font-size: 22px;
    color: #444;
    margin: 0 20px;
    position: relative;
}

.pricing-toggle {
    text-align: center;
}

.pricing-toggle.big {
    display: none;
}

.pricing-toggle.small {
    display: block;
}

.pricing-toggle .pricing-toggle-option {
    font-size: 22px;
    color: #444;
    position: relative;
    cursor: pointer;
    border: 1px solid #d6d7d6;
    padding: 10px 25px;
    width: 80px;
    text-align: center;
    display: inline-block;
}

.pricing-toggle.big .pricing-toggle-option.monthly.duration-1 {
    border-radius: 10px 0 0 10px;
    border-width: 1px;
}

.pricing-toggle.big .pricing-toggle-option.yearly.duration-1 {
    border-radius: 0;
    border-width: 1px 1px 1px 0;
}

.pricing-toggle.big .pricing-toggle-option.yearly.duration-2 {
    border-radius: 0;
    border-width: 1px 1px 1px 0;
}

.pricing-toggle.big .pricing-toggle-option.yearly.duration-3 {
    border-radius: 0 10px 10px 0;
    border-width: 1px 1px 1px 0;
}

.pricing-toggle.small .pricing-toggle-option.monthly.duration-1 {
    border-radius: 10px 0 0 0;
    border-width: 1px;
}

.pricing-toggle.small .pricing-toggle-option.yearly.duration-1 {
    border-radius: 0 10px 0 0;
    border-width: 1px 1px 1px 0;
}

.pricing-toggle.small .pricing-toggle-option.yearly.duration-2 {
    border-radius: 0 0 0 10px;
    border-width: 0 1px 1px 1px;
}

.pricing-toggle.small .pricing-toggle-option.yearly.duration-3 {
    border-radius: 0 0 10px 0;
    border-width: 0 1px 1px 0;
}

.pricing-toggle-option.active {
    background: -webkit-linear-gradient(top, #004ec0 0%, #2a81ff 100%) #004fd5;
    background: -moz-linear-gradient(top, #004ec0 0%, #2a81ff 100%) #004fd5;
    background: -ms-linear-gradient(top, #004ec0 0%, #2a81ff 100%) #004fd5;
    background: linear-gradient(to bottom, #004ec0 0%, #2a81ff 100%) #004fd5;
    border: 1px solid #1e7bd9;
    color: white;
}

.for-the-price-of-two {
    position: absolute;
    right: 69px;
    bottom: -44px;
}

.two-months-free {
    color: #e41b64;
    position: absolute;
    left: 22px;
}

.pricing-toggle .two-months-free {
    left: 50%;
    bottom: -15px;
}

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

.two-months-free img {
    color: #e41b64;
    position: absolute;
    width: 120px !important;
	left: -10px;
}

}


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

.two-months-free img {
    color: #e41b64;
    position: absolute;
    width: 110px !important;
	left: -50px;
}

}



.toggle-button {
    cursor: pointer;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    width: 92px;
    height: 42px;
	background: -webkit-linear-gradient(top, #004ec0 0%, #2a81ff 100%) #004fd5;
	background: -moz-linear-gradient(top, #004ec0 0%, #2a81ff 100%) #004fd5;
	background: -ms-linear-gradient(top, #004ec0 0%, #2a81ff 100%) #004fd5;
	background: linear-gradient(to bottom, #004ec0 0%, #2a81ff 100%) #004fd5;
	border: 1px solid #1e7bd9;
	border-radius: 92px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-shrink: 0;
}

.toggle-button span {
    transition: left 0.3s;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 38px;
    height: 38px;
	background: -webkit-linear-gradient(top, white 49.6%, #f3f3f3 100%) #fefeff;
	background: -moz-linear-gradient(top, white 49.6%, #f3f3f3 100%) #fefeff;
	background: -ms-linear-gradient(top, white 49.6%, #f3f3f3 100%) #fefeff;
	background: linear-gradient(to bottom, white 49.6%, #f3f3f3 100%) #fefeff;
	border-radius: 38px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.66);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.66);
}

.toggle-button.toggle-button-selected span {
    left: 52px;
}

.pricing-table {
    margin-top: 65px;
    /*border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;*/
}

.frequency-table {
    margin-top: -165px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden !important;
}

.plan-box {
    background-color: #fff;
    flex-shrink: 0;
    margin: 10px;
    max-width: 400px;
    border: 1px solid #ececec;
    border-radius: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

.plan-box.plan-individual .plan-price {
    color: #7ac900;
}

.plan-box.plan-small-team .plan-price {
    color: #00b7ff;
}

.plan-box.plan-medium-team .plan-price {
    color: #ffb800;
}

.plan-box.plan-individual .plan-button {
	background: -webkit-linear-gradient(top, #7ac800 0%, #6aaf00 100%) #7ac900;
	background: -moz-linear-gradient(top, #7ac800 0%, #6aaf00 100%) #7ac900;
	background: -ms-linear-gradient(top, #7ac800 0%, #6aaf00 100%) #7ac900;
	background: linear-gradient(to bottom, #7ac800 0%, #6aaf00 100%) #7ac900;
}

.plan-box.plan-individual .plan-button:hover {
	background: -webkit-linear-gradient(top, #6cb100 0%, #4d8000 100%) #5e9b00;
	background: -moz-linear-gradient(top, #6cb100 0%, #4d8000 100%) #5e9b00;
	background: -ms-linear-gradient(top, #6cb100 0%, #4d8000 100%) #5e9b00;
	background: linear-gradient(to bottom, #6cb100 0%, #4d8000 100%) #5e9b00;
}

.plan-box.plan-small-team .plan-button {
	background: -webkit-linear-gradient(top, #00b4ff 0%, #0083d7 100%) #00b7ff;
	background: -moz-linear-gradient(top, #00b4ff 0%, #0083d7 100%) #00b7ff;
	background: -ms-linear-gradient(top, #00b4ff 0%, #0083d7 100%) #00b7ff;
	background: linear-gradient(to bottom, #00b4ff 0%, #0083d7 100%) #00b7ff;
}

.plan-box.plan-small-team .plan-button:hover {
	background: -webkit-linear-gradient(top, #009ada 0%, #0069ad 100%) #009bd8;
	background: -moz-linear-gradient(top, #009ada 0%, #0069ad 100%) #009bd8;
	background: -ms-linear-gradient(top, #009ada 0%, #0069ad 100%) #009bd8;
	background: linear-gradient(to bottom, #009ada 0%, #0069ad 100%) #009bd8;
}

.plan-box.plan-medium-team .plan-button {
	background: -webkit-linear-gradient(top, #ffb700 0%, #e38400 100%) #ffb800;
	background: -moz-linear-gradient(top, #ffb700 0%, #e38400 100%) #ffb800;
	background: -ms-linear-gradient(top, #ffb700 0%, #e38400 100%) #ffb800;
	background: linear-gradient(to bottom, #ffb700 0%, #e38400 100%) #ffb800;
}

.plan-box.plan-medium-team .plan-button:hover {
	background: -webkit-linear-gradient(top, #eca100 0%, #ef6e00 100%) #e08800;
	background: -moz-linear-gradient(top, #eca100 0%, #ef6e00 100%) #e08800;
	background: -ms-linear-gradient(top, #eca100 0%, #ef6e00 100%) #e08800;
	background: linear-gradient(to bottom, #eca100 0%, #ef6e00 100%) #e08800;
}

.plan-box-content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.plan-box-content h3 {
    font-weight: bold;
    margin: 0;
    font-size: 22px;
    color: #525252;
}

.plan-box.plan-individual .plan-box-content h3 {
    margin-bottom: 36px;
}

.plan-box-content h5 {
    margin: 0;
    font-size: 14px;
    color: #525252;
    font-weight: normal;
    margin-bottom: 20px;
}

.plan-box-content .plan-price,
.plan-box-content .original-plan-price {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-weight: bold;
	position: relative;
}

.plan-box-content .plan-price .cents,
.plan-box-content .original-plan-price .cents {
    line-height: normal;
}


.plan-box-content .plan-price .cents {
	font-size: 30px;
}

.plan-box-content .original-plan-price .cents {
    font-size: 15px;
}

.plan-box-content .original-plan-price .price-dollar-sign,
.plan-box-content .original-plan-price .price-dollar-wrapper .price-dollar {
	color: #989898;
}

.plan-box-content .original-plan-price .price-dollar-sign {
    margin-top: 18px;
    font-size: 15px;
    line-height: 30px;
}

.plan-box-content .original-plan-price .price-dollar {
    font-size: 50px;
    line-height: 90px;
}

.plan-box-content .original-plan-price {
	position: relative;
}

.plan-box-content .original-plan-price svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.plan-box-content .original-plan-price .usually {
	padding-right: 10px;
}

.original-plan-price-wrapper {
	display: flex;
    align-items: center;
	color: #989898;
}

.original-plan-price-wrapper.hidden {
	display: none;
}

.plan-box-content .plan-price .price-dollar-sign {
    margin-top: 18px;
    font-size: 30px;
    line-height: 30px;
}

.plan-box-content .plan-price .price-dollar {
    font-size: 100px;
    line-height: 90px;
}

.plan-box-content .plan-frequency {
    font-size: 30px;
    color: #717171;
    margin-bottom: 30px;
}

.plan-box-content .plan-button {
    width: 260px;
    margin: 0 auto;
    color: #fff;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 62px;
    text-decoration: none;
    font-size: 22px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.plan-box-saving {
    padding: 20px;
    background-color: #fbfbfb;
    border-top: 1px solid #ececec;
    color: #636363;
    font-size: 18px;
    text-align: center;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.plan-box-saving .saving-dollar-sign,
.plan-box-saving .saving-dollar {
    font-weight: bold;
}

.plan-box.plan-free .plan-button,
.plan-free .plan-box-header {
  background: -webkit-linear-gradient(top, #7ac800 0%, #6aaf00 100%) #7ac900;
  background: -moz-linear-gradient(top, #7ac800 0%, #6aaf00 100%) #7ac900;
  background: -ms-linear-gradient(top, #7ac800 0%, #6aaf00 100%) #7ac900;
  background: linear-gradient(to bottom, #7ac800 0%, #6aaf00 100%) #7ac900;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.plan-box.plan-free.plan-free-grey .plan-button,
.plan-free.plan-free-grey .plan-box-header {
  background: -webkit-linear-gradient(top, #919191 0%, #7d868b 100%) #5c5c5c;
	background: -moz-linear-gradient(top, #919191 0%, #7d868b 100%) #5c5c5c;
  background: -ms-linear-gradient(top, #919191 0%, #7d868b 100%) #5c5c5c;
  background: linear-gradient(to bottom, #919191 0%, #7d868b 100%) #5c5c5c;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.plan-box.plan-free.plan-free-grey .plan-price {
  color: #848a8d;
}





.plan-box.plan-free .plan-button:hover {
  background: -webkit-linear-gradient(top, #6cb100 0%, #4d8000 100%) #5e9b00;
  background: -moz-linear-gradient(top, #6cb100 0%, #4d8000 100%) #5e9b00;
  background: -ms-linear-gradient(top, #6cb100 0%, #4d8000 100%) #5e9b00;
  background: linear-gradient(to bottom, #6cb100 0%, #4d8000 100%) #5e9b00;
}

.plan-box.plan-free .plan-price {
  color: #7ac900;
}

.plan-box.plan-business .plan-button,
.plan-business .plan-box-header {
  background: -webkit-linear-gradient(top, #00b4ff 0%, #0083d7 100%) #00b7ff;
  background: -moz-linear-gradient(top, #00b4ff 0%, #0083d7 100%) #00b7ff;
  background: -ms-linear-gradient(top, #00b4ff 0%, #0083d7 100%) #00b7ff;
  background: linear-gradient(to bottom, #00b4ff 0%, #0083d7 100%) #00b7ff;
}

.plan-box.plan-business .plan-button:hover {
  background: -webkit-linear-gradient(top, #009ada 0%, #0069ad 100%) #009bd8;
  background: -moz-linear-gradient(top, #009ada 0%, #0069ad 100%) #009bd8;
  background: -ms-linear-gradient(top, #009ada 0%, #0069ad 100%) #009bd8;
  background: linear-gradient(to bottom, #009ada 0%, #0069ad 100%) #009bd8;
}

.plan-box.plan-business .plan-price {
  color: #00b7ff;
}

.plan-box.plan-business {
  border-color: #00b7ff;
}

@media only screen and (min-width: 858px) {
  .plan-box.plan-free {
  	margin-top: 82px;

  }

  .pricing-toggle.big {
    display: block;
  }

  .pricing-toggle.small {
    display: none;
  }
}

.plan-box .plan-box-header {
  font-size:20px;
  padding:20px;
  color: #fff;
  text-align: center;
  position: relative;
}

.plan-box .plan-box-user-selection {
  background: #e8f5fe;
  border-bottom:1px solid #bae9ff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.plan-box .plan-box-user-selection .user-selections-head {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #515151;
  padding: 5px 0;
}
.plan-box .plan-box-user-selection .user-selections {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  border-top: 1px solid #f3fbfe;
  width: 100%;
  padding: 5px 0;
}
.plan-box .plan-box-user-selection .user-selections .user-selection {
  font-size: 15px;
  color: #505251;
  background-color: transparent;
  border-radius:15px;
  padding:2px 7.5px;
  font-weight: 600;
  line-height: 1.4;
}
.plan-box .plan-box-user-selection .user-selections .user-selection.active,
.plan-box .plan-box-user-selection .user-selections .user-selection.active:hover,
.plan-box .plan-box-user-selection .user-selections .user-selection:hover {
  background-color: #00a2ff;
  color: #fff;
}

.plan-box-content .plan-frequency {
  margin:0;
}

.plan-box-content .plan-billing {
  color: #717171;
  margin: 10px 0;
}

.plan-box-content .plan-box-content-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.plan-box-content .plan-box-content-price.hidden {
  display: none;
}

.plan-box-content .plan-box-content-contact {
  margin: 35px auto;
}

.plan-box-content .plan-box-content-contact.hidden {
  display: none;
}

.plan-box-content .plan-details {
  padding: 0 10px;
  text-align: center;
  color: #414141;
}

.plan-box-content .plan-features {
  list-style: none;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  color: #414141;
}

li.plan-feature {
	margin-bottom: 15px !important;
}

.plan-box-content .plan-features .plan-feature {
  background-image: url(/wp-content/uploads/2018/06/bluetick.png);
  background-size:20px;
  background-repeat: no-repeat;
  padding-left:25px;
}

.plan-box-content .plan-frequency+*:not(.plan-billing) {
  margin-top:30px;
}

.plan-box-content .plan-billing+* {
  margin-top:0;
}

.plan-box-content .plan-box-content-contact+* {
  margin-top:30px;
}

.plan-box-content .plan-details+* {
  margin-top:30px;
}

.plan-box-content .plan-button+* {
  margin-top:30px;
}

.plan-box-content .plan-features+* {
  margin-top:30px;
}


/* @group Support Page */

.anchor-navigation {
	max-width: 100%;
	background: -webkit-linear-gradient(top, #c6e5ff 0%, #c8e6ff 100%) #d2ebfe;
	background: -moz-linear-gradient(top, #c6e5ff 0%, #c8e6ff 100%) #d2ebfe;
	background: -ms-linear-gradient(top, #c6e5ff 0%, #c8e6ff 100%) #d2ebfe;
	background: linear-gradient(to bottom, #c6e5ff 0%, #c8e6ff 100%) #d2ebfe;
	border-bottom: 1px solid #add9ff;
	height: auto;
	padding-top: 10px;
	margin-bottom: -10px;
}

.supportanchors {
	color: #ffffff;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
}

ul.supportanchors li a {
	color: #000000;
	font-size: 18px;
	padding: 15px 40px;
	float: left;
}

ul.supportanchors li  {
	color: #002b50;
	border-right: 2px solid #eaf6ff;
}

ul.supportanchors li:last-child {
	border-right: none;
}

ul.supportanchors li a:hover {
	color: #0077d6;
}

ul.supportanchors li.endanchor a {
	border: none !important;
}

.supportanchors li a :last-of-type {
	border-right: none !important;
}

.videotutorialsbg {
	background-color: #f9fcfd;
	border-top: 1px solid #d1f1fe;
	border-bottom: 1px solid #d1f1fe;
	padding-top: 80px;
	padding-bottom: 60px;
}


.tutorials {
	display: flex;
	margin: 0 auto;
	max-width: 1480px;
}

.tutorial-column {
	max-width: 400px;
	margin-right: 10px;
	margin-bottom: 50px !important;
	margin-left: 10px;
	width: 365px;
}


.tutorialvideo {
	height: 200px;
	/*margin-right: 20px;*/
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #79D2FF;
	background-size: cover !important;
	background-position: center;
	transition: all .3s ease-in-out;
	max-width: 400px;
}

.tutorialvideo:hover {
	/*background-size: initial !important;*/
	transform: scale(1.1);
	z-index: 1;
	box-shadow: 0 0 70px rgba(47, 185, 251, 0.48);
}


.tutorialvideo.endvid {
	margin-right: 0px !important;

}

.tutorialvideo img {
	align-content: center;
	position: relative;
	top: 50%;
	margin-top: -50px;
	transition: all .2s ease-in-out;
	width: 90px;
	height: 90px;
}

.vid-caption {
	font-size: 16px;
	color: #8d8d8d;
}



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

.vid-caption {
	font-size: 14px;
}

}


/*.tutorialvideo a img:hover {
	transform: scale(1.2);
}*/


.tutorial-column h4 {
	margin-top: 20px;
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	margin-bottom: 15px;
}


.contactlink img {
	position: relative;
	top: 12px;
	margin-right: 12px;
}

.contactlink {
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	transition: all .2s ease-in-out;
}

.contactlink:hover {
	color: #4b4b4b !important;
}

.sexybutton {
	background: -webkit-linear-gradient(top, #7ccc00 0%, #6cb100 100%) #74be00;
	background: -moz-linear-gradient(top, #7ccc00 0%, #6cb100 100%) #74be00;
	background: -ms-linear-gradient(top, #7ccc00 0%, #6cb100 100%) #74be00;
	background: linear-gradient(to bottom, #7ccc00 0%, #6cb100 100%) #74be00;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.44);
	font-size: 24px;
	color: #ffffff;
	padding: 10px 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}


.sexybutton:hover {
	background: -webkit-linear-gradient(top, #619f00 0%, #6eb600 100%) #74be00;
	background: -moz-linear-gradient(top, #619f00 0%, #6eb600 100%) #74be00;
	background: -ms-linear-gradient(top, #619f00 0%, #6eb600 100%) #74be00;
	background: linear-gradient(to bottom, #619f00 0%, #6eb600 100%) #74be00;
	box-shadow: none;
	color: #ffffff;
}


.sexybutton-orange {
	background: -webkit-linear-gradient(top, #f99e39 0%, #f87019 100%) #fb9f29;
	background: -moz-linear-gradient(top, #f99e39 0%, #f87019 100%) #fb9f29;
	background: -ms-linear-gradient(top, #f99e39 0%, #f87019 100%) #fb9f29;
	background: linear-gradient(to bottom, #f99e39 0%, #f87019 100%) #fb9f29;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.44);
	font-size: 24px;
	color: #ffffff;
	padding: 10px 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}


.sexybutton-orange:hover {
	background: -webkit-linear-gradient(top, #f76507 0%, #f68508 100%) #f0590b;
	background: -moz-linear-gradient(top, #f76507 0%, #f68508 100%) #f0590b;
	background: -ms-linear-gradient(top, #f76507 0%, #f68508 100%) #f0590b;
	background: linear-gradient(to bottom, #f76507 0%, #f68508 100%) #f0590b;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.44);
	box-shadow: none;
	color: #ffffff;
}


.twentyfivepercent {
	float: left;
	width: 25%;
}


.twentyfivepercent h4 {
	font-size: 22px;
}

.twentyfivepercent img {
	max-width: 100%;
}



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

.twentyfivepercent {
	float: none;
	width: 100%;
}


.sexybutton {
	font-size: 18px !important;
	padding-right: 30px;
	padding-left: 30px;
}

.sexybutton-orange {
	font-size: 18px !important;
	padding-right: 30px;
	padding-left: 30px;
}
}

.plan-box {
	width: 100% !important;
}

.hash-link-nav-bar-fix {
	margin-top: -50px;
	padding-bottom: 50px;
	display: block;
}

.page-template-simplepage {
    background: white;
}

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


.tutorials {
margin: 0 auto;
display: inline !important;
}

.tutorial-column {
	margin: 0 auto;
}

}

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


.anchor-navigation {
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
}

.supportanchors {
	flex-direction: column;
	margin: 0 !important;
	text-align: center;
}

ul.supportanchors li a {
	border-bottom: 2px solid #eaf6ff;
	border-right: none !important;
	display: inline-block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}


.tutorial-column {
	max-width: 400px;
	margin-right: 10px;
	margin-bottom: 50px !important;
	margin-left: 10px;
	width: auto !important;
}

.contactlink img {
	margin-bottom: 20px;
}

}


a .offstick {
	transition: all .2s ease;
	transform: scale(.9);
}

a .offstick:hover {
	transform: scale(1);
}


.offerterms {
	max-width: 800px;
	margin: 20px auto;
	padding-left: 20px;
	padding-right: 20px;
}

.offerterms p {
	font-size: 14px !important;
}


/* @end */




/* @group Offer Banner */

#offerbanner {
	height: 60px;
	border-bottom: 1px solid #e7e7e7;
	z-index: 1;
	position: relative;

/*	display: none;*/
}

.offer-left {
	width: 65%;
	background: -webkit-linear-gradient(top, #2f82e3 0.2%, #1eb1fc 100%) #1a9bfc;
	background: -moz-linear-gradient(top, #2f82e3 0.2%, #1eb1fc 100%) #1a9bfc;
	background: -ms-linear-gradient(top, #2f82e3 0.2%, #1eb1fc 100%) #1a9bfc;
	background: linear-gradient(to bottom, #2f82e3 0.2%, #1eb1fc 100%) #1a9bfc;
	float: left;
	height: 100%;
}

.offer-right {
	width: 35%;
	float: left;
	background-color: #ffffff;
	height: 100%;
}

.offerbanner_text {
	float: right;
	width: 600px;
	margin-right: 20px;
}

#offer_headline {
	margin: 10 20 !important;
	font-weight: bold;
	font-size: 28px;
	color: #ffffff;
	padding-bottom: 10px;
	text-transform: uppercase;
	text-shadow: 0 2px 2px #2486f0;
	float: left;
}

.offerasterisk {
	font-size: 10px !important;
	position: relative !important;
	top: -12px;
	left: 4px;
}

#offer_subline {
	margin-bottom: 0;
	color: #e5f0fb;
	margin-top: 16px;
	font-size: 17px;
}

.offer_button {
	background-image: -webkit-linear-gradient(top, #dd203a 0%, #fc2467 100%);
	background-image: -moz-linear-gradient(top, #dd203a 0%, #fc2467 100%);
	background-image: -ms-linear-gradient(top, #dd203a 0%, #fc2467 100%);
	background-image: linear-gradient(to bottom, #dd203a 0%, #fc2467 100%);
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 28px !important;
	float: left;
	margin-left: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top: 8px;
	display: inline-block;
}

.offer_button:hover {
	background-image: -webkit-linear-gradient(top, #9c002e 0%, #d41c3c 100%);
	background-image: -moz-linear-gradient(top, #9c002e 0%, #d41c3c 100%);
	background-image: -ms-linear-gradient(top, #9c002e 0%, #d41c3c 100%);
	background-image: linear-gradient(to bottom, #9c002e 0%, #d41c3c 100%);
	color: #ffffff;
}


.offerbanner-icon {
	/*position: absolute;*/
	height: 60px;
	top: 0;
	float: right;
	position: relative;
	right: 50px;
}

@media only screen and (max-width: 1200px) {
 	.offerbanner-icon {
 		display: none;
 	}
 	}

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

 	.offerbanner_text {
 			float: right;
 			width: 750px;
 			margin-right: 20px;
		margin-top: 0 !important;
 	}

 	#offer_headline {
 		font-size: 38px;
 		margin-top: 4px !important;
 	}

 		#offer_subline {
 			font-size: 20px;
 		}
 	}


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

 	.offerbanner_text {
 		float: right;
 		width: 500px;
 		margin-right: 20px;
 	}

 	#offer_headline {
 		font-size: 24px;
 		margin-top: 12px !important;
 	}

 	#offer_subline {
 			font-size: 14px;
 			margin-top: 18px;
	}



}





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

 	/*.auth-buttons {
 			   float: none;
 			   right: 40px !important;
 			   position: absolute;
 			   /*display: none !important;*!/
 			   top: 0;
 			   margin-top: 13px !important;

 	}*/

 	}


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

 	#offerbanner {
 		top: 12px;
 	}

 	.offer-left {
 		width: 100%;
 	}

 	.offer-right {
 		width: 100%;
 		text-align: center;
 		border-bottom: 1px solid #dcdcdc;
 	}

 	.offer_button {
 		float: none;
 		margin-top: 5px;
 		margin-left: 0px;
 	}

 	.offerbanner_text {
 		float: none !important;
 		max-width: 600px;
 		margin-right: 20px;
 		margin: 0 auto;
 	}

 	#offer_headline {
 			margin-top: 0px !important;
 		}





 	}






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

 		.offer-left {
 				height: 80px;
 			}

 		.offerbanner_text {
 				float: none !important;
 				max-width: 100% !important;
 				margin: 0 0 !important;
 				text-align: center;
 		}

 		#offer_headline {
 					text-align: center;
 					width: auto !important;
 					clear: both;
 					float: none;
 					margin-top: 10px !important;
 					margin-bottom: 0 !important;
 					padding-bottom: 0;
 		}

 		#offer_subline {
 						margin-top: 0px !important;
 						float: none;
 						clear: both;
 		}

 			ul#menu-authentication-buttons.menu {
 				transform: scale(.8);
 				/*right: -30px;*/
 				top: -20px !important;
 			}

 			.auth-buttons {
 			    float: none;
 				right: 40px !important;
 				position: absolute;
 				/*display: none !important;*/
 			}






 	}

/* @end */

/* @group No Scroll Landing Pages */

.noscroll-page {
	width: 100vw;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden !important;
}

.noscroll-content {
	width: 30vw;
	min-width: 480px;
	background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.96) 81.4%, rgba(228, 246, 254, 0.93) 100%);
	background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.96) 81.4%, rgba(228, 246, 254, 0.93) 100%);
	background: -ms-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.96) 81.4%, rgba(228, 246, 254, 0.93) 100%);
	background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.96) 81.4%, rgba(228, 246, 254, 0.93) 100%);
	padding-left: 75px;
	padding-right: 75px;
	height: 100vh;
	position: relative;
	padding-top: 25px;
	box-shadow: 0 1px 50px rgba(0, 0, 0, 0.54);
	border-right: 2px solid #ffffff;
}

.noscroll-content p, .noscroll-content h1, .noscroll-content h2, .noscroll-content h3, .noscroll-content h4, .noscroll-content h5 {
	text-align: center;
}

.noscroll-content h2 {
	font-weight: bold;
	color: #188bfa;
	font-size: 38px;
}

.noscroll-content h3 {
	font-size: 26px;
	line-height: 40px;
}

ul.newblueticks {
	list-style-image: url('/wp-content/uploads/2019/01/tick.png');
	text-indent: 10px;
	display: inline-block;
	text-align:left;
}

.newblueticks li {
	color: #2a2a2a;
	font-size: 18px;
	margin-bottom: 12px;
}


.featurelistsplit {
	/*background-color: #f5cece;*/
	width: 50%;
	float: left;
}

.featurelistcontent {
	/*background-color: #ffffff;*/
	margin-right: 20px;
	margin-left: 20px;
}

.featurelistcontent p {
	display: block;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #1fb8fb;
}

ul.featurelistul {
	/*background-color: #f1e2e2;*/
	list-style-position: inside;
	margin-left: 0;
	width: 100%;
	float: left;
}

ul.featurelistul  li {
	border-bottom: 1px solid #1ba0eb;
	padding-bottom: 10px;
	padding-top: 5px;
	margin-bottom: 0;
}

ul.featurelistul  li img {
	position: relative;
	top: 7px;
	float: right;
}

#edu-disc {
	color: #587687;
	max-width: 600px;
	margin: 50px auto 0;
}


.i-have-a-tooltip {
  text-align:center;
  padding: 0;
  margin: 0 auto;
  position:relative;
  border-radius:5px;
  display: inline-block;

/*  background-color: rgba(205, 84, 84, 0.2);*/
  width: 25px;
float: left;
opacity: 0.5;
transition: opacity 0.1s ease-in-out 0s;
}

.i-have-a-tooltip:hover {
	opacity: 1;
}

.i-have-a-tooltip:before {
  content:attr(data-description);
  box-sizing: border-box;
  display: inline-block;
  background: rgba(8, 62, 102, 0.88);
  color:white;
  position: absolute;
  margin-left: -100px;
  height: auto;
  line-height: 18px;
  border-radius:5px;
  opacity:0;
  transition:.25s ease-in-out;
  font-size: 13px;
  z-index: 1;
  top: -50px;
  padding: 20px;
  left: 130px;
  width: 350px;
  pointer-events: none;
}

.i-have-a-tooltip:after {
  content:'';
  display:block;
  position: relative;
  top: 0;
  margin-left:-8px;
  height:0;
  width:0;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:8px solid rgba(0,0,0,.7);
  transition:.25s ease-in-out;
  opacity:0;
}

.i-have-a-tooltip:hover:before {
  opacity:1;
  top: -80px;
}

.i-have-a-tooltip:hover:after {
 /* opacity:1;
  top: 8px;
  right: -10px;*/
}


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

ul.featurelistul  li {
	font-size: 12px;
}


.i-have-a-tooltip:before {
  width: 220px;
}


}


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

.scrolltext {
	color: #ffffff !important;
	font-size: 12px;
	position: relative;
	margin: 0 auto;
	top: 20px;
	display: block;
	max-width: 250px;
	width: 250px;
}


.featurelistsplit {
	width: 100%;
	margin-bottom: -27px;
}


.i-have-a-tooltip:before {
  width: 220px;
}


}



.noscroll-logo {
	width: 478px;
	max-width: 70% !important;
	margin: 0 auto !important;
	text-align: center;
	display: block;
}

.noscroll-content .simple-signup-button {
	font-size: 25px !important;
	padding: 14px 60px !important;
	margin-top: 15px;
	margin-bottom: 15px;
}

.noscroll-mobileimage {
	display: none;
}


/*No-Scroll Video CSS*/

.noscroll-content.video-content {
	box-shadow: none;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 13.8%, #ffffff 35.8%);
	position: fixed;
	right: 0;
}

.splithead {
	background-color: #ffffff;
	margin-top: 0;
	height: 100% !important;
	width: auto !important;
}

.splithead video {
	height: 100% !important;
	width: auto !important;
}

 @media only screen and (max-height: 875px) {
 	.noscroll-content-inner {
 		transform: scale(0.8);
 		top: -50px !important;
 		position: relative;
 	}
 	}

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

.noscroll-page {
	/*Do we want image to be shown on mobile? Hidden if 'no.'*/
	overflow: visible !important;
}

.noscroll-content {
	width: 100% !important;
	min-width: auto;
	padding-right: 0 !important;
	padding-left: 0 !important;
	box-shadow: none !important;
	height: 100%;
}

.noscroll-content-inner {
	max-width: 90%;
	margin: 0 auto;
	text-align: center;
}

.noscroll-mobileimage {
	display: block;
	width: 100%;
	border-top: 5px solid #238df7;
	border-bottom: 5px solid #238df7;
	height: auto;
	position: relative;
	top: -150px;
}

.splithead video {
	display: none;
}


}


 @media only screen and (max-width: 400px) {
 	.noscroll-mobileimage {
 		top: -100px;
 	}
}


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

 	.noscroll-mobileimage {
 		display: none;
 	}

}

.plan-box-content .plan-box-content-price .incl-vat {
    margin-top: 5px;
    color: #717171;
}

.plan-box-content .plan-box-content-price .incl-vat.hidden {
	display: none;
}

.plan-box-content .plan-box-content-price .incl-vat {
    margin-top: 5px;
    color: #717171;
}

.plan-box-content .plan-box-content-price .incl-vat.hidden {
	display: none;
}

/* New pricing table April 2019 */
.pricing-user-selection {
    list-style: none;
    border: 1px solid #cbcccb;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 671px;
}

.pricing-user-selection li {
    cursor: pointer;
    padding: 8px 0;
    /* width: 95px; */
    width: 134px;
    min-width: 0;
    text-align: center;
    background: #fefefe;
    color: #3c3c3c;
    font-size: 18px;
}

.pricing-user-selection li.active,
.pricing-user-selection li:active {
    color: #fff;
    background: linear-gradient(to bottom, #00b4ff 0%, #0083d7 100%) #00b7ff;
}

.pricing-user-selection li:hover {
    color: #3c3c3c;
    background: linear-gradient(to bottom, #f2f1f2 0%, #dadada 100%) #f2f1f2;
}

.pricing-plan-selection {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    max-width: 760px;
}

.pricing-plan-selection li {
    width: 190px;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid #bec2c5;
    z-index: 1;
    background: #fff;
    overflow: hidden;
    font-size: 18px;
}

.pricing-plan-selection li.highlighted {
    width: 205px;
    z-index: 3;
    font-size: 20px;
    /*box-shadow: 0 1px 15px rgba(0, 0, 0, 0.31);*/
}

.pricing-plan-selection li .pricing-plan-selection-head {
    padding: 10px 0;
    text-align: center;
    color: #5d5c5d;
    background: #f2f1f2;
    border-bottom: 1px solid #dfdfdf;
    font-size: 1.2em;
}

.pricing-plan-selection li.highlighted .pricing-plan-selection-head {
    padding: 12px 0;
    color: #fff;
    background: linear-gradient(to bottom, #00b4ff 0%, #0083d7 100%) #00b7ff;
    border-bottom: 1px solid #73b1de;
}

.pricing-plan-selection li.highlighted .pricing-plan-selection-head,
.pricing-plan-selection li .plan-button {
    background: linear-gradient(to bottom, #00b4ff 0%, #0083d7 100%) #00b7ff;
}

ul.pricing-plan-selection li.highlighted div.pricing-plan-selection-body a.plan-button.plan-buy-button:hover {
    background: -webkit-linear-gradient(top, #116baa 0%, #05a0ea 100%) #1a9ee8;
    background: -moz-linear-gradient(top, #116baa 0%, #05a0ea 100%) #1a9ee8;
    background: -ms-linear-gradient(top, #116baa 0%, #05a0ea 100%) #1a9ee8;
    background: linear-gradient(to bottom, #116baa 0%, #05a0ea 100%) #1a9ee8;
}

ul.pricing-plan-selection li div.pricing-plan-selection-body a.plan-button.plan-buy-button:hover {
    background: -webkit-linear-gradient(top, #116baa 0%, #05a0ea 100%) #1a9ee8;
    background: -moz-linear-gradient(top, #116baa 0%, #05a0ea 100%) #1a9ee8;
    background: -ms-linear-gradient(top, #116baa 0%, #05a0ea 100%) #1a9ee8;
    background: linear-gradient(to bottom, #116baa 0%, #05a0ea 100%) #1a9ee8;
}

.pricing-plan-selection li .pricing-plan-selection-body,
.pricing-plan-selection li .contact-plan-selection-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pricing-plan-selection li .contact-plan-selection-body .plan-details {
    padding-top: 0;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    color: #414141;
    margin: 0 auto;
    font-size: 15px;
}

.pricing-plan-selection li .pricing-plan-selection-body,
.pricing-plan-selection li .contact-plan-selection-body {
    padding: 15px 0;
    font-size: 12px;
}

.pricing-plan-selection li.highlighted .pricing-plan-selection-body,
.pricing-plan-selection li.highlighted .contact-plan-selection-body {
    padding: 20px 0;
    font-size: 18px;
}

.pricing-plan-selection li .pricing-plan-selection-body .plan-button,
.pricing-plan-selection li .contact-plan-selection-body .plan-button {
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    padding: 8px 25px;
    font-size: 12px;
    margin-top: 12px;
}

.pricing-plan-selection li.highlighted .pricing-plan-selection-body .plan-button,
.pricing-plan-selection li.highlighted .contact-plan-selection-body .plan-button {
    padding: 8px 30px;
    font-size: 18px;
    margin-top: 18px;
}

.pricing-plan-selection li .pricing-plan-selection-body .plan-price,
.pricing-plan-selection li .pricing-plan-selection-body .original-price {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-weight: bold;
    position: relative;
}

.pricing-plan-selection li .pricing-plan-selection-body .original-price {
    margin-bottom: 5px;
    font-size: 45%;
    color: #898989;
}

.pricing-plan-selection li .pricing-plan-selection-body .original-price:after {
    content: "";
    position: absolute;
    left: -2px;
    bottom: 50%;
    width: calc(100% + 10px);
    height: 2px;
    background-color: #898989;
    -webkit-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
            transform: rotate(-25deg);
}

.pricing-plan-selection li .pricing-plan-selection-body .plan-price {
    font-size: 90%;
    color: #00b7ff;
}

.pricing-plan-selection li .pricing-plan-selection-body .plan-price .price-dollar-sign,
.pricing-plan-selection li .pricing-plan-selection-body .original-price .price-dollar-sign {
    margin-top: 0.5em;
    font-size: 1.5em;
    line-height: 1.5em;
}

.pricing-plan-selection li .pricing-plan-selection-body .plan-price .price-dollar,
.pricing-plan-selection li .pricing-plan-selection-body .original-price .price-dollar {
    font-size: 5em;
    line-height: 0.9em;
}

.pricing-plan-selection li .pricing-plan-selection-body .plan-price .price-dollar .cents,
.pricing-plan-selection li .pricing-plan-selection-body .original-price .price-dollar .cents {
    font-size: 0.3em;
    line-height: 0.3em;
}

.pricing-plan-selection li .pricing-plan-selection-body .plan-frequency {
    font-size: 1.5em;
    color: #717171;
}

.pricing-plan-selection li .pricing-plan-selection-body .billed-frequency {
    color: #717171;
    font-size: 11px;
}

.pricing-plan-selection li .pricing-plan-selection-body .incl-vat {
    margin-top: 0.2em;
    color: #717171;
}

@media only screen and (min-width: 858px) {
    .pricing-user-selection {
        width: 671px;
        flex-wrap: nowrap;
        border-radius: 25px;
    }

    .pricing-user-selection li:not(:first-child) {
        border-left: 1px solid #c2c4c5;
    }

    .pricing-user-selection li:first-child {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }

    .pricing-user-selection li:last-child {
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    .pricing-plan-selection {
        margin: 40px auto 0;
        width: 760px;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .pricing-plan-selection li:nth-child(2) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right-width: 0;
        margin-left: -5px;
    }

    .pricing-plan-selection li:nth-child(3) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left-width: 0;
        margin-right: -5px;
    }

    .pricing-plan-selection li:nth-child(3) .pricing-plan-selection-head {
        border-left: 1px solid #008be1;
    }

    .pricing-plan-selection li:nth-child(3) .pricing-plan-selection-body {
        border-left: 1px solid #dfdfdf;
    }

    .pricing-plan-selection li:first-child .pricing-plan-selection-head,
    .pricing-plan-selection li:first-child .pricing-plan-selection-body,
    .pricing-plan-selection li:first-child .contact-plan-selection-body {
        padding-right: 5px;
    }

    .pricing-plan-selection li:last-child .pricing-plan-selection-head,
    .pricing-plan-selection li:last-child .pricing-plan-selection-body,
    .pricing-plan-selection li:last-child .contact-plan-selection-body {
        padding-left: 5px;
    }
}

@media only screen and (max-width: 857px) {
    .pricing-user-selection {
        width: 191px;
        flex-wrap: wrap;
        border-radius: 15px;
    }

    .pricing-user-selection li {
        width: 95px;
    }

    .pricing-user-selection li:nth-child(odd) {
        border-bottom: 1px solid #c2c4c5;
    }

    .pricing-user-selection li:nth-child(even) {
        border-left: 1px solid #c2c4c5;
        border-bottom: 1px solid #c2c4c5;
    }

    .pricing-user-selection li:nth-child(1) {
        border-top-left-radius: 15px;
    }

    .pricing-user-selection li:nth-child(2) {
        border-top-right-radius: 15px;
    }

    .pricing-user-selection li:last-child {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        width: 100%;
        border-bottom: 0;
        width: 191px;
        border-bottom-right-radius: 15px;
    }

    .pricing-plan-selection {
        margin-top: 15px;
        width: 220px;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .pricing-plan-selection li {
        margin: 15px 0 0 0 !important;
    }
}

.pricing-plan-selection .hidden {
    display: none !important;
}

/*
 * This is a big big hack and it would be nice to remove is as soon as possible.
 * It's a temporary fix for when the offer banner is visible.
 * It prevents the minimal-mainsection from passing under the mainquote-banner...
 * Kev
 */
/*
@media only screen and (min-height: 801px) and (min-width: 1261px) {
    body #offerbanner {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 2;
    }

    body .header-nav {
        height: 60px !important;
    }

    body .site-navigation.main-navigation,
    body .site-navigation.site-navigation {
        margin-top: 6px !important;
    }

    body .icon-logo {
        width: 50px !important;
        margin-top: 0 !important;
    }

    body .text-logo {
        width: 100px !important;
        margin-top: 10 !important;
    }

    body .header-counteract {
        height: 60px;
    }

    body .minimal-main-cont h1 {
        margin-top: 60px;
    }
}
*/

/* @end */



.webinar-item {
	background-color: #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 20px 30px 30px;
	border: 2px solid #ededed;
	margin-bottom: 15px;
}

.webinar-item a {
	display: inline-block;
}

.webinar-item h4 {
	font-size: 22px;
	margin-bottom: 25px;
	margin-top: 15px;
}


.webinar-item h5 {
	font-size: 17px;
	color: #9cb7be;
	padding: 5px 15px;
	margin: 20px auto 0;
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
}

.webinar-item p {
	color: #8b8b8b;
	font-size: 17px;
	margin-bottom: 0;
}

.webinar-item p strong {
	font-size: 13px;
	color: #ffffff;
	background-color: #23cffd;
	padding: 5px;
	display: block;
	text-align: center;
}




.left-textright {
	width: 130px;
	float: left;
	margin-right: 10px;
	position: relative !important;
}

img.left-textright {
	position: absolute !important;
	width: 160px;
	left: -30px;
}

.left-textright.imgstatic {
	position: static !important;
	float: left;
	width: 130px;
}



.right-imgleft {
	padding-right: 10px;
	padding-left: 10px;
	/*background-color: #f4ebeb;*/
	width: 300px;
	float: right;
}


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

.left-textright {
	width: 100px;
	float: left;
	margin-right: 10px;
	position: static;
}

.right-imgleft {
	padding-right: 10px;
	padding-left: 10px;
	/*background-color: #f4ebeb;*/
	width: 220px;
	float: left;
	position: static;
}

img.left-textright {
	position: static !important;
}


}




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

.left-textright {
	width: 130px;
	float: none;
	margin: 0 auto !important;
	display: block;
	padding-bottom: 10px;
}

.right-imgleft {
	width: 100% !important;
	float: none;
	text-align: center;
	margin: 0px !important;
	padding: 0px !important;
}

}


/* Freshdesk forms */
.freshdesk-form-success {
    display: none;
    margin: 40px 20px;
}

.freshdesk-form-name {
    color: #132123;
    font-size: 24px;
    margin: 0 0 30px 0;
    padding: 0;
    text-align: center;
}

.freshdesk-form-description {
    color: #666;
    display: block;
    font-weight: 400!important;
    font-size: 15px;
    margin-bottom: 25px!important;
    padding: 0;
}

.freshdesk-form-label {
    color: #666;
    display: block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .2px;
    padding-bottom: 8px;
}

.freshdesk-form-label::after {
    content: " *";
    color: red;
}

.freshdesk-form {
    color: #2f2f2f;
    font-size: 13px;
    max-width: 650px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
}

.freshdesk-form:not(.freshdesk-form-pricing) {
    padding: 30px 30px 45px 30px;
    background: rgba(236, 235, 235, 0.40);
    border-radius: 15px;
    -webkit-box-shadow: inset 0px 0px 10px 1px #e2e2e2;
    box-shadow: inset 0px 0px 10px 1px #e2e2e2;
}

.freshdesk-form-pricing {
    margin-top: 40px;
}

.freshdesk-form * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.freshdesk-form .form-group {
    margin-bottom: 15px;
}

.freshdesk-form .form-control {
    display: block;
    width: 100%;
    height: 42px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.freshdesk-form .form-control {
    border: 1px solid #d9ebf7;
    border-radius: 25px;
    padding: 6px 15px;
    -webkit-box-shadow: inset 0 1px 4px 0 #f4f9fc, 0 2px 1px 1px #fff, 0 -1px 1px 0 #f5f9fd;
    box-shadow: inset 0 1px 4px 0 #f4f9fc, 0 2px 1px 1px #fff, 0 -1px 1px 0 #f5f9fd;
}

.freshdesk-form .form-control {
    color: #3c3f43;
}

.freshdesk-form .form-control::placeholder {
    color: #ccc;
}

.freshdesk-form .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.freshdesk-form .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.freshdesk-form .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.freshdesk-form .text-danger {
    color: #a94442;
}

.freshdesk-form p.inline-alert {
    margin-top: 5px;
    font-size: 15px;
}

.freshdesk-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.freshdesk-form textarea.form-control {
    height: auto;
}

.freshdesk-form .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
}

.freshdesk-form .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.freshdesk-form .btn-droptask, .btn-droptask:hover, .btn-droptask:focus, .btn-droptask:active, .btn-droptask.active {
    padding: 7.5px 25px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #008df0;
    border-radius: 16px;
    background: -webkit-gradient(linear, left top, left bottom, from(#089aff), to(#0d96ff));
    background: linear-gradient(180deg, #089aff 0%, #0d96ff 100%);
    -webkit-box-shadow: inset 0 -1px 0 0 #008dfa, inset 0 2px 0 0 rgba(114, 192, 255, 0.42), 0 3px 0 0 rgba(0, 81, 138, 0.11);
    box-shadow: inset 0 -1px 0 0 #008dfa, inset 0 2px 0 0 rgba(114, 192, 255, 0.42), 0 3px 0 0 rgba(0, 81, 138, 0.11);
}

.freshdesk-form .row {
    margin-left: -15px;
    margin-right: -15px;
}

.freshdesk-form .row:before {
    content: " ";
    display: table;
}

.freshdesk-form .col-md-6 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.mobile-btn {
    text-align: center;
    color: #3c3f43;
}

@media (min-width: 992px) {
    .freshdesk-form .col-md-6 {
        width: 50%;
        float: left;
    }
}

.badge-discount {
    display: inline-block;
    margin-top: 10px;
    padding: .25em .4em;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    color: #fff;
    background-color: #38b92c;
}

.badge-discount .badge-discount-end {
    display: block;
    font-size: 11px;
    margin-top: 2px;
}

/* @group Pricing Peel */

.offer-pagepeel {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 4;
	width: 250px;
}


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

.offer-pagepeel {
	width: 150px;
}


}





/* @end */



/* IceGram Pop-up tweaks */

div#ig_close_3112.ig_close {
	 transform: scale(1.2);
	 top: 2px;
}

div#icegram_message_3112.icegram.ig_messenger.ig_canvas.ig_container.ig_cta.ig_left.ig_bottom.ig_no_icon.ig_show.ig_anim_slide_in div.ig_content {
	padding: 0;
}

div#icegram_message_3112.icegram.ig_messenger.ig_canvas.ig_container.ig_cta.ig_left.ig_bottom.ig_no_icon.ig_show.ig_anim_slide_in div.ig_content div.ig_data div.ig_body {
	margin: 0;
	padding: 0;
}



/* Accordian code */
.ac-label {
  font-weight: 700;
  position: relative;
  padding: .5em 1em;
  margin-bottom: .5em;
  display: block;
  cursor: pointer;
  background-color: whiteSmoke;
  transition: background-color .15s ease-in-out;
}

.ac-input:checked + label, .ac-label:hover {
	background: -webkit-linear-gradient(right, #9ab6fc 0%, #b4eafc 100%) #b8d7f9;
	background: -moz-linear-gradient(right, #9ab6fc 0%, #b4eafc 100%) #b8d7f9;
	background: -ms-linear-gradient(right, #9ab6fc 0%, #b4eafc 100%) #b8d7f9;
	background: linear-gradient(to left, #9ab6fc 0%, #b4eafc 100%) #b8d7f9;
}

.ac-label:after, .ac-input:checked + .ac-label:after {
  content: "+";
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 2em;
  height: 100%;
  line-height: 2.25em;
  text-align: center;
  background-color: #e5e5e5;
  transition: background-color .15s ease-in-out;
}

.ac-label:hover:after, .ac-input:checked + .ac-label:after {
  background-color: #789ef7;
}

.ac-input:checked + .ac-label:after {
  content: "-";
}

.ac-input {
  display: none;
}

.ac-text, .ac-sub-text {
  opacity: 0;
  height: 0;
  margin-bottom: .5em;
  transition: opacity .5s ease-in-out;
  overflow: hidden;
}

.ac-input:checked ~ .ac-text, .ac-sub .ac-input:checked ~ .ac-sub-text {
  opacity: 1;
  height: auto;
}

.ac-sub .ac-label {
  background: none;
  font-weight: 600;
  padding: .5em 2em;
  margin-bottom: 0;
}

.ac-sub .ac-label:checked {
  background: none;
  border-bottom: 1px solid whitesmoke;
}

.ac-sub .ac-label:after, .ac-sub .ac-input:checked + .ac-label:after {
  left: 0;
  background: none;
}

.ac-sub .ac-input:checked + label, .ac-sub .ac-label:hover {
  background: none;
}

.ac-sub-text {
  padding: 0 1em 0 2em;
}

/* New Pricing Table */
.pricing-table-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  position: relative;
  background: #f9f9f9;
  padding: 20px 0;
}
.pricing-table-wrapper .pricing-table-container {
  width: 980px;
  display: flex;
  flex-direction: column;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-frequencies {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  margin-bottom: 25px;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-frequencies .pricing-table-frequency {
  text-align: center;
  justify-content: center;
  flex-grow: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: color 0.2s ease;
  font-size: 18px;
  border: 1px solid #c6c6c6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-left: 5px;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-frequencies .pricing-table-frequency:hover {
  /*color: #20bafb;*/
  background-color: #e5f5fd;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-frequencies .pricing-table-frequency.active {
  color: #ffffff;
  border: 1px solid #085075;
  background-color: #005076;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pricing-table-wrapper div.pricing-table-container div ul.pricing-table-frequencies li.pricing-table-frequency > span {
	color: #1374a3;
	font-size: 12px !important;
	padding-right: 5px;
	padding-left: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*border: 1px solid rgb(40, 140, 189);*/
}

.pricing-table-wrapper div.pricing-table-container div ul.pricing-table-frequencies li.pricing-table-frequency.active > span {
	background-color: #085075 !important;
	/*border: 1px solid rgba(255, 255, 255, 0.32);*/
	color: #ffffff;
}

.pricing-table-wrapper .pricing-table-container .pricing-table-users-count {
  width: 100%;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 30px;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-users-count .pricing-table-user-selection {
  text-align: center;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #e5e5e5;
  justify-content: center;
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding: 10px 0;
  cursor: pointer;
  transition: color 0.2s ease;
  background-color: #ffffff;
  font-size: 18px;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-users-count .pricing-table-user-selection:hover:not(.active) {
  color: #32a2d9 !important;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-users-count .pricing-table-user-selection.active {
  color: #fff !important;
  background: -webkit-linear-gradient(top, #1776a4 0%, #158dc6 100%) #2080b2;
	background: -moz-linear-gradient(top, #1776a4 0%, #158dc6 100%) #2080b2;
  background: -ms-linear-gradient(top, #1776a4 0%, #158dc6 100%) #2080b2;
  background: linear-gradient(to bottom, #1776a4 0%, #158dc6 100%) #2080b2;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-users-count .pricing-table-user-selection:last-child {
  border-width: 1px;
  color: #5c5c5c;
}
div.pricing-table-wrapper div.pricing-table-container ul.pricing-table-users-count a.fancybox li.pricing-table-user-selection {
	padding-right: 40px;
	padding-left: 40px;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans {
  width: 980px;
  position: relative;
  display: flex;
  flex-direction: column;
  border-color: #ececec;
  box-shadow: 0 0 16px 0 rgba(55, 55, 55, 0.12);
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers {
  position: sticky;
  top: 80px;
  width: 100%;
  display: flex;
  flex-direction: row;
  z-index: 1;
  border-bottom: 2px solid;
  border-color: #ececec;
  background-color: #fff;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-features-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 31%;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-features-title img {
    max-width: 100%;
    max-height: 100%;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row {
  display: flex;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row .pricing-table-plan-features {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 31%;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row .pricing-table-plan-features .pricing-table-plan-feature {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 400;
  padding: 10px 0 10px 15px;
  align-self: stretch;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row .pricing-table-plan-features .pricing-table-plan-feature .i-have-a-tooltip {
  float: none;
  width: 18px;
  height: 18px;
  margin: 0 15px 0 auto;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row .pricing-table-plan-features .pricing-table-plan-feature + .pricing-table-plan-feature {
  border-top: 2px solid #ececec;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row .pricing-table-plan-features-info {
  width: calc(23% - 2px);
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  border-right: 1px solid;
  border-left: 1px solid;
  border-color: #ececec;
  padding: 10px 0;
  flex-grow: 1;
  text-align: center;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row .pricing-table-plan-features-info .checkmark-box {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row .pricing-table-plan-features-info.plan-basic .checkmark-box {
  background-color: #7aa5b0;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row .pricing-table-plan-features-info.plan-advanced .checkmark-box {
  background-color: #fc126a;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row .pricing-table-plan-features-info.plan-enterprise .checkmark-box {
  background-color: #80aab7;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row .pricing-table-plan-features-info .checkmark {
  display: inline-block;
  width: 22px;
  height: 22px;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row .pricing-table-plan-features-info .checkmark_stem {
  position: absolute;
  width: 3px;
  height: 16px;
  background-color: #fff;
  left: 11px;
  top: 1px;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row .pricing-table-plan-features-info .checkmark_kick {
  position: absolute;
  width: 7px;
  height: 3px;
  background-color: #fff;
  left: 5px;
  top: 14px;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-features-list .pricing-table-feature-row + .pricing-table-feature-row {
  border-top: 2px solid #ececec;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info {
  width: 23%;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-header,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-header {
  height: 65px;
  color: #404040;
  font-size: 18px;
  font-weight: 500;
  line-height: 65px;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-header.plan-advanced {
  height: 75px;
  line-height: 75px;
  margin-top: -10px;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-header.plan-basic,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-header.plan-basic {
	/*background: #fdb129;*/
	color: #426069;
	background-color: #bddae9;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-header.plan-advanced,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-header.plan-advanced {
	background: #ec1c67;
	color: #ffffff;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-header.plan-enterprise,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-header.plan-enterprise {
	background: linear-gradient(10deg, #dee4e4 0%, #cad7da 100%) #81aab6;
	color: #41606a;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  font-size: 18px;
  flex-grow: 1;
  border-right: 1px solid #ececec;
  border-left: 1px solid #ececec;
  padding: 10px 0 20px;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .original-price,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .original-price,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .original-price,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .original-price {
  display: flex;
  align-items: flex-start;
  font-weight: bold;
  position: relative;
  font-size: 35%;
  margin-bottom: 5px;
  color: #898989;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .original-price::after,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .original-price::after,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .original-price::after,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .original-price::after {
  content: "";
  position: absolute;
  left: -2px;
  bottom: 50%;
  width: calc(100% + 10px);
  height: 2px;
  background-color: #82aab5 !important;
  -webkit-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  transform: rotate(-25deg);
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .plan-price,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .plan-price,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .plan-price,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .plan-price {
  font-size: 50%;
  display: flex;
  align-items: flex-start;
  font-weight: bold;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .plan-price.plan-price-jpy,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .plan-price.plan-price-jpy,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .plan-price.plan-price-jpy,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .plan-price.plan-price-jpy {
  font-size: 40%;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content.plan-basic .plan-price,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact.plan-basic .plan-price,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content.plan-basic .plan-price,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact.plan-basic .plan-price {
    color: #79a5b1;
	font-size: .3em;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content.plan-advanced .plan-price,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact.plan-advanced .plan-price,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content.plan-advanced .plan-price,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact.plan-advanced .plan-price {
    color: #f41b69;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .original-price .price-dollar-sign,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .plan-price .price-dollar-sign,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .original-price .price-dollar-sign,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .plan-price .price-dollar-sign,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .original-price .price-dollar-sign,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .plan-price .price-dollar-sign,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .original-price .price-dollar-sign,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .plan-price .price-dollar-sign {
  margin-top: 0em;
  font-size: 2.8em;
  line-height: 1.8em;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .original-price .price-dollar,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .plan-price .price-dollar,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .original-price .price-dollar,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .plan-price .price-dollar,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .original-price .price-dollar,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .plan-price .price-dollar,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .original-price .price-dollar,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .plan-price .price-dollar {
  font-size: 8em;
  line-height: 0.9em;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .original-price .price-dollar .cents,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .plan-price .price-dollar .cents,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .original-price .price-dollar .cents,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .plan-price .price-dollar .cents,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .original-price .price-dollar .cents,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .plan-price .price-dollar .cents,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .original-price .price-dollar .cents,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .plan-price .price-dollar .cents {
  font-size: 0.4em;
  line-height: 0.4em;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .plan-frequency,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .plan-frequency,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .plan-frequency,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .plan-frequency {
  font-size: 1em;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content.plan-basic .plan-frequency,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact.plan-basic .plan-frequency,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content.plan-basic .plan-frequency,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact.plan-basic .plan-frequency {
  color: #79a5b1;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content.plan-advanced .plan-frequency,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact.plan-advanced .plan-frequency,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content.plan-advanced .plan-frequency,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact.plan-advanced .plan-frequency {
  color: #f41b69;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .billed-frequency,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .billed-frequency,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .billed-frequency,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .billed-frequency {
  color: #717171;
  font-size: 12px;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .incl-vat,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .incl-vat,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .incl-vat,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .incl-vat {
  margin-top: 0.2em;
  font-size: 11px;
  color: #717171;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content * + .plan-button,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact * + .plan-button,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content * + .plan-button,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact * + .plan-button {
  margin-top: 18px;
}
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .plan-button,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .plan-button,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .plan-button,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .plan-button {
  cursor: pointer;
  background-color: #79a5b1;
  color: #fff;
  border: none;
  padding: 10px 18px 10px 18px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  transition: background-color 0.2s ease;
  font-size: 14px;
}

.basic-but {
	background: #79a5b1;
}

.adv-but {
	background: #f41b69;
}

.plan-advanced button.plan-button {
	background-color: #f0236a !important;
}

.plan-enterprise button.plan-button {
	background: #78a5b2 !important;
}

.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-content .plan-button:hover,
.pricing-table-wrapper .pricing-table-container .pricing-table-plans .pricing-table-plans-headers .pricing-table-plan-info .pricing-table-plan-contact .plan-button:hover,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-content .plan-button:hover,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-contact .plan-button:hover {
  background-color: #79a5b1;
}
.pricing-table-wrapper .mobile-pricing-table-container {
  display: none;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-selections {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-selections .pricing-table-frequencies-select,
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-selections .pricing-table-users-count-select {
  display: block;
  width: 130px;
  height: 42px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  padding-left: 10px;
  margin: 0 10px;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider {
  width: 365px;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info {
  margin: 0 5px;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info.slick-current {
  box-shadow: 0 0 16px 0 rgba(55, 55, 55, 0.12);
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-header {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-features {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-features p {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-features ul {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 20px;
  text-align: left;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-features ul li {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  margin-top: 8px;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-features .checkmark-box {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-features.plan-basic .checkmark-box {
  background-color: #7aa5b0;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-features.plan-advanced .checkmark-box {
  background-color: #ed296b;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-features.plan-enterprise .checkmark-box {
  background-color: #79a5b1;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-features .checkmark {
  display: inline-block;
  width: 16px;
  height: 16px;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-features .checkmark_stem {
  position: absolute;
  width: 2px;
  height: 11px;
  background-color: #fff;
  left: 9px;
  top: 1px;
}
.pricing-table-wrapper .mobile-pricing-table-container .mobile-pricing-table-slider .pricing-table-plan-info .pricing-table-plan-features .checkmark_kick {
  position: absolute;
  width: 5px;
  height: 2px;
  background-color: #fff;
  left: 4px;
  top: 10px;
}
@media (max-width: 999px) {
  .pricing-table-wrapper .pricing-table-container {
    display: none;
  }
  .pricing-table-wrapper .mobile-pricing-table-container {
    display: block;
  }
  .scrollformore {
  	margin: 0 auto 15px;
  	display: block;

  }
}
.pricing-table-wrapper .hidden {
    display: none !important;
}





/* @group Apps Banner */

.ayoa_apps {
	background: -webkit-linear-gradient(top, #f7fbfc 0%, #f9fdfe 100%) #f7fbfc;
	background: -moz-linear-gradient(top, #f7fbfc 0%, #f9fdfe 100%) #f7fbfc;
	background: -ms-linear-gradient(top, #f7fbfc 0%, #f9fdfe 100%) #f7fbfc;
	background: linear-gradient(to bottom, #f7fbfc 0%, #f9fdfe 100%) #f7fbfc;
	padding-bottom: 50px;
	border-top: 1px solid #e2e8ea;
	padding-top: 10px;
	overflow-x: hidden;
}

.ayoa-apps-flex {
	display: flex;
	justify-content: center;
}

.ayoa-app-item {
	text-align: center;
	border-right: 1px solid #b9dfe8;
	padding-right: 20px;
	padding-left: 20px;
}


.ayoa_apps h2 {
	margin-top: 30px;
	/*font-size: 50px;*/
	color: #3c3c3c;
	margin-bottom: 20px;
	font-size: 40px;
}
.ayoa_apps h2 strong {
	color: #00a9fd;
}
.ayoa_apps h3 {
	font-size: 22px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
}
.ayoa_apps p {
	color: #979797;
	/*font-size: 20px;*/
	margin: 10px auto 20px;
	text-align: center !important;
	line-height: 32px;
	font-size: 18px;
}


.apps-asterisk {
	font-size: 15px;
	position: relative;
	top: -18px;
}

.apps-asterisk-text {
	font-size: 14px !important;
	margin-bottom: 0 !important;
	position: relative;
	top: 20px;
	line-height: 20px !important;
}

.apps-asterisk-text a {
	text-decoration: underline;
}


.appbanner-button {
	background: -webkit-linear-gradient(top, #2bcef9 0%, #0ea5ef 100%) #16b6f3;
	background: -moz-linear-gradient(top, #2bcef9 0%, #0ea5ef 100%) #16b6f3;
	background: -ms-linear-gradient(top, #2bcef9 0%, #0ea5ef 100%) #16b6f3;
	background: linear-gradient(to bottom, #2bcef9 0%, #0ea5ef 100%) #16b6f3;
	color: #ffffff;
	font-weight: bold;
	padding: 8px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	display: inline-block;
	line-height: 16px;
	position: relative;
	margin-bottom: 10px;
}

.appbanner-button:hover {
	background: -webkit-linear-gradient(top, #1888c5 0%, #34a7d8 100%) #0a91c5;
	background: -moz-linear-gradient(top, #1888c5 0%, #34a7d8 100%) #0a91c5;
	background: -ms-linear-gradient(top, #1888c5 0%, #34a7d8 100%) #0a91c5;
	background: linear-gradient(to bottom, #1888c5 0%, #34a7d8 100%) #0a91c5;
	color: #ffffff;
}

.appbanner-button img {
	position: absolute;
	top: 5px;
	left: 10px;
}

.deskbutt {
	padding-left: 50px;
}



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

.ayoa-apps-flex {
	display: flex;
	flex-direction: column;
}

.ayoa-app-item {
	text-align: center;
	border-right: none;
	border-bottom: 1px solid #b9dfe8;
	padding: 20px;
}

.ayoa-app-item img {
	max-width: 300px;
}


}



/* @end */

/* @end */

/* @group Flex Headings */


.flexbanner {
	background-color: #cdcdcd;
	overflow: hidden;
}

.ogheading {
	background: -webkit-linear-gradient(top, white 0%, #e9f7fe 100%) #ffffff;
	background: -moz-linear-gradient(top, white 0%, #e9f7fe 100%) #ffffff;
	background: -ms-linear-gradient(top, white 0%, #e9f7fe 100%) #ffffff;
	background: linear-gradient(to bottom, white 0%, #e9f7fe 100%) #ffffff;
}

.ogheading h1 {
	margin-top: 60px;
}

.flexheading-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
}

.flexheading-item {
	padding: 20px;
}


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

 	.flexheading-container {
 		flex-direction: column;
 	}

 	.flexheading-item {
 		text-align: center;
 	}


 	}




/* @end */



.minimal-header {
	height: 80px !important;
		width: 100%;
		border-bottom: 1px solid #efefef;
		/*background-color: rgba(237, 211, 211, 0.19);*/
		display: block;
		position: fixed;
		background-color: #ffffff;
		z-index: 10;
}



	.minimal-nav-container {
		display: inline-block;
		/*background-color: rgba(142, 142, 142, 0.14);*/
		margin-top: 13px;
		width: 100%;
	}

	.nav-logo {
		margin: 2px 0 0 25px;
		width: 165px;
		float: left;
	}


	/*Soundbyte button*/

	div.minimal-nav-container input {
			background-color: #e9e9e9;
			height: 13px;
			padding: 3px;
			-webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			border-radius: 100px;
			opacity: 0.5;
		}

		div.minimal-nav-container input:hover {
			opacity: 1;
		}

	/*Soundbyte button*/



.mobile-announcement {
	border: 3px solid #fac13a;
	padding: 25px;
	text-align: center;
	display: none;
}

.mobile-announcement p {
	margin-bottom: 0px;
	font-size: 15px;
}

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

 	.mobile-announcement {
	display: block;
}


 	}