@charset "utf-8";
/* CSS Document */

@import url("https://use.typekit.net/qls6eol.css");

* { box-sizing: border-box; }

body { color: #777; counter-reset: item; }

h1, h2, h4, h5, h6 { color: #222; font-family: 'Varela Round', sans-serif; }

h1 span.amp { font-family: Arial, Helvetica, sans-serif;}

.menu { position: absolute; width: 100%;}

.intro {
    width: 100%;
    height: 100vh;
    background-attachment: scroll;
    background-image: url("../images/scenelg.png"), url("../images/bg.jpg");
    background-position: 80% bottom, center center;
    background-repeat: no-repeat;
    background-size: 100% auto, cover;
    background-color: #a2d7ea;
    position: relative;}

.fullname-validation-message,
.fullname-symbol-message {
    text-align: center;
    color: #ff0000;
    border: 1px dotted;
    border-radius: 5px;
    display: none;
}
.verification-fields input {
    position: absolute;
    top: -100vh;
    left: -100vw;
}
@media (max-width: 750px) {
    .intro { background-size: 150% auto, cover; }
}

@media (min-width: 1500px) {
    .intro { background-size: 80% auto, cover; }
}

.success { color: #11e51a; padding: 20px 0;}

.intro_content {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap; /* Safari */
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center; /* Safari */
    justify-content: center;
    top: 40px;
    height: 100vh;}

.intro_item {
    display: block;
    -webkit-flex: 0 0 1;
    flex: 0 0 1;
    width: 100%;}

.intro p {
    font-family: 'Varela Round', sans-serif;
    font-size: 3em;
    text-align: center;
    color: #fff;
    letter-spacing: -0.03em;}

.logo {
    width: 120px;
    margin: 0 auto;
    padding: 60px 0 0;}
.logo a {
    background: url(../images/logo.svg) no-repeat center top;
	background-size: contain; 
    width: 135px;
    height: 160px;
    display: block;}

@media (max-width: 850px) {
    .logo {
        width: 129px;
        margin: 0 auto;
        padding: 50px 0 0; }
    .logo a {
        background: url(../images/llt_logo-white.png) no-repeat;
        width: 129px;
        height: 91px;
        display: block; }
}

@media (max-height: 650px) {
    .logo {
        width: 129px;
        margin: 0 auto;
        padding: 50px 0 0; }
    .logo a {
        background: url(../images/llt_logo-white.png) no-repeat;
        width: 129px;
        height: 91px;
        display: block; }
}

.session {
    font-family: 'Varela Round', sans-serif;
    letter-spacing: 0.05em;
    font-size: 0.75em;
    float: right;
    padding: 0.5em;}

.session a {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0.6em 1em 0.5em;
    float: left;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;}

.signup {
    background: #000;
    color: #fff;
    margin-left: 5px;
    border: 2px solid #000;
    background: #1d4962;
    border-color: #1d4962;}

.fixate .signup:hover,
.fixate .login:hover,
.signup:hover {
    color: #fff;
    background-color: #1EAEDB;
    border-color: #1EAEDB;}

.login { border: 2px solid #1d4962; color: #fff;}
.login.logout-button { border-color: #1EAEDB; color: #1EAEDB;}
.login:hover { background: #1EAEDB; color: #fff; }

.internal .login { color: #1d4962;}
.internal .login:hover { color: #1EAEDB;}
.internal .fixate .login:hover { color: #fff;}

.breadcrumb { top: 62px;}
.breadcrumb a {
    position: absolute;
    margin-left: 20px;
    text-decoration: none;}
.breadcrumb a:hover { text-decoration: underline;}
.breadcrumb a:before { content: "« "; font-size: 19px;}

.browse { z-index: 1; width: 100%;}
.browse a {
    width: 200px;
    margin: 0 auto;
    display: block;
    text-align: center;
    color: #222;
    font-size: 1em;
    text-transform: uppercase;
    background: url(../images/arrow.svg) no-repeat center 30px;
    height: 80px;
    letter-spacing: 0.3em;
    font-family: 'Source Sans Pro', sans-serif;
    text-decoration: none;
    color: #00779b;}
.browse a:hover {
    background-size: 50px 50px;
    background-position: center 28px;}
.browse a:active { opacity: 0.8;}

h3 {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #222;
    text-align: center;
    font-size: 1.8em;}

.printables {
    background: #f8f8f8;
    padding-bottom: 1em;}

.printables h4 {
    text-align: center;
    font-size: 1.5em;
    color: #72aa1b;
    text-transform: uppercase;
    padding-top: 0.3em;
    letter-spacing: 0.05em;}

.printables li { list-style-type: none; position: relative;}
.printables li a {
    padding: 10px 10px 17px;
    background: #fff;
    border: 4px solid #eee;
    display: block;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    color: #111;
    position: relative;
    text-decoration: none;
    transition: .1s;}
.printables li a.svg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;}
.printables li a:hover {
    border-color: #33c3f0;
    transform: scale(1.05);}
.printables li .soon:hover {
    border-color: #eee;
    transform: none;}
.printables li .soon object { opacity: 0.3;}
.printables li .soon:hover h3:before {
    display: block;
    content: "~ coming soon ~";
    position: absolute;
    left: 0;
    text-transform: none;
    letter-spacing: 0 !important;
    top: 0;
    width: 100%;
    color: #333;
    text-align: center;}
.printables li h3 {
    color: #000;
    font-size: 1em;
    line-height: 2.4rem;
    margin: 0;}
.printables li a.soon {
    border-color: #f2f2f2;
    background-color: #fdfdfd;}
.printables li .soon h3 { color: #c0c0c0;}



#webtools {
    background-image: url(../images/curve.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 105%;
    padding-bottom: 2em;
    padding-top: 1.6em;}

#webtools form,
#webtools form input { margin-bottom: 0;}

#webtools .column { margin-bottom: 3rem;}
#webtools .column,
#mobile .columns {
    min-height: 250px;
    padding: 1em 2em 2em;
    background: #fff;
    border: 2px solid #eee;
    background: #fafafa;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;}

#mobile { display: none;}
#mobile h5 {
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    letter-spacing: 1px;}


#art {
    background: #fafafa;
    padding-bottom: 30px;}

#art li {
    list-style-type: none;
    margin-bottom: 1.5em;
    text-align: center;
    padding: 4px;}

#art li img {
    transform: scale(1);
    box-shadow: 0 0 4px #cacaca;
    width: 100%;
    position: relative;
    transition: .1s;}

#art li img:hover {
    transform: scale(2);
    z-index: 100000;
    filter: blur(0);}

ul { margin: 0; padding: 0;}

#art li a { position: relative;}

#art li:hover img:before {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    display: block;
    content: "download";
    z-index: 200000;}

h1 {
    text-align: center;
    font-size: 2.8em;}
h2 {
    padding: 1.5em 0 0.5em;
    margin: 0;
    font-size: 4rem;
    text-align: center;}

footer {
    padding: 20px;
    background: #222 ;
    color: #777;
    text-align: center;
    position: relative;
    font-size: 90%;}
footer a {
    color: #777;
    padding: 0 3px;}

.internal footer {background: none; padding-top:0;}

.fixed { position: fixed;}

h1 p {
    font-size: 1.9rem;
	line-height: 2.7rem;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: normal;
    padding: 0.3em 0;}

.container {
	margin-bottom: 40px;
	font-family: 'Source Sans Pro', sans-serif;}

.container header p {
    font-size: 1.2em;
    text-align: center; }

.internal {background: #eee;}

.internal .container {
    background: #fff;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    padding: 30px 50px 50px;
    margin-bottom: 130px;
    position: relative;
    top: 100px;
    border: 3px solid #e3e3e3;
    font-size: 1.7rem;
    color: #888;}

.internal ul,
.internal ol { padding-left: 15px;}

li li { line-height: 1em;}
li ul { padding: 10px 0 1px 40px;}

object {
    pointer-events: none;
    display: block;
    margin: 18px auto 23px;
    height: 65px;}

.above950 { display: block;}

.under950 { display: none;}

.xfixate .menu_background {
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 55px;}

.xfixate .menu_background1 {
    mix-blend-mode: multiply;
    box-shadow: 0 0 3px #999;
    position: fixed;
    z-index: 100;
    height: 55px;
    width: 100%;}

.fixate,
.internal .menu {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 3px #999;
    position: fixed;
    z-index: 100;
    width: 100%;}

.fixate .logo,
.internal .logo {
    float: left;
    margin: 3px 5px 0;
    padding: 0;}

.internal .logo { position:absolute;}

.fixate .logo a,
.internal .logo a {
    background: url(../images/llt_logo-blk.png) no-repeat left bottom;
    position: absolute;
	width:80px;
	height:44px;}

.fixate .logo b { letter-spacing: 0.5em;}

.fixate .signup {
    background: #8ece33;
    border-color: #8ece33;}

.fixate .login {
    border-color: #56c2e4;
    color: #1EAEDB;}

.fixate .session { font-size: 0.85em;}

/* svg box-shadow */
.shadow {
    -webkit-filter: drop-shadow(2px 2px 2px #999);
    filter: drop-shadow(2px 2px 2px #999);}

@media (max-width: 910px) and (min-width: 550px) {
    .first-word { display: block; }
    .printables h4 { font-size: 1.2em; }
}

@media (max-width: 550px) {
    #art .column,
    #art .columns { width: 50%; }

    #art li img { width: 90%; }

    .printables h4 { padding-top: 1em; }

    footer { font-size: 0.8em; }
    footer .terms { display: none; }
	.fixate .logo,
	.internal .logo { float: none; }

}

@media (max-width: 950px) {
    .above950 { display: none; }
    .under950 { display: block; }
}

@media only screen and (max-height: 600px) {
    .logo {
        padding: 1em 0;
        font-size: 0.8em; }

    .intro p { font-size: 2em; }
}

.cd-top {
    display: inline-block;
    height: 35px;
    width: 35px;
    position: fixed;
    bottom: 80px;
    right: 10px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.5) url(../images/cd-top-arrow.svg) no-repeat center 50%;

    background: url(../images/arrow.svg) no-repeat;
    background-size: cover;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);

    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}

.cd-top path { fill: red;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 0.5;}
.cd-top.cd-fade-out { opacity: .3;}
.no-touch .cd-top:hover {
    background-color: #63c3d3;
    opacity: 1;}
.cd-top:hover {opacity: 1;}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 80px; }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 45px;
        width: 45px;
        right: 30px;
        bottom: 90px; }
}

.circle {
    width: 36px;
    height: 36px;
    border: 2px solid #63c2d2;
    xborder: 2px solid #999;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    text-align: center;
    color: #e48746;
    font-weight: bold;
    font-size: 1.2em;
    background: #fff;
    display: none;}

ol {
    list-style: none;
    xborder-left: 2px dotted #63c2d2;
    margin-left: 30px;}

@media (min-width: 700px) {
    ol li {
        counter-increment: item;
        margin-left: -35px;
        overflow: auto;
        padding-top: 7px;
        xwidth: 100%;
        position: relative; }

    ol li:before {
        padding-top: 2px;
        margin-right: 10px;
        content: counter(item);
        background: #fff;
        border: 2px solid #63c2d2;
        border-radius: 100%;
        color: #e48746;
        width: 32px;
        height: 30px;
        text-align: center;
        top: -3px;
        position: relative;
        float: left;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold; }
}

@media (max-width: 700px) {
    ol li:before {
        color: red;
        font-weight: bold; }
    ol {
        padding: 0;
        list-style: decimal;
        margin: 5px 0 0 10px;
        border: 0;
        font-size: 1.5rem; }
}

.overlay {
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;}

.modal {
    z-index: 1000;
    background-size: 550px auto;
    position: fixed;
    left: 36px;
    right: 36px;
    top: 36px;
    bottom: 40px;}

.modal img {
    width: 309px;
    margin: 0 auto;
    box-shadow: 0 0 7px #666;
    -moz-box-shadow: 0 0 7px #666;
    -webkit-box-shadow: 0 0 7px #666;
    display: block;
    float: none;}

.download_button {
    width: 130px;
    margin: 10px auto 0;}

.display_area {
    position: relative;
    max-width: 359px;
    top: 50%;
    margin: -230px auto;}

.display_area img {
    width: 85%;
    box-shadow: 0 0 7px #222;
    -moz-box-shadow: 0 0 7px #222;
    -webkit-box-shadow: 0 0 7px #222;}

.scroll {
    background: url(../images/scroll.png) no-repeat #bbb;
    background-position: center center;
    background-size: 20%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    top: 50%;
    margin-top: -55px;
    width: 36px;
    height: 36px;
    position: absolute;
    z-index: 2000;}

.scroll.left { left: 0;}
.scroll.right {
    right: 0;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);}

button { font-weight: normal;}

.get_notified,
.sign_up_free {
    float: right;
    font-weight: bold;}

.get_notified {
    border-color: #00c2ff;
    color: #00b7f0;}

.format {
    align-items: center;
    -webkit-align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    border: 2px dotted #ddd;
    padding: 10px 20px;
    font-size: 0.9em;}

.format.aboutformat { display:block;}

.format b {
    color: #000;
    font-size: 90%;
    letter-spacing: 1px; }

.format p {
    margin-bottom: 0;
    width: 33%;
    display: block;}

.pdfPrintable {
    background: url(../images/pdf.svg) no-repeat 0 7px;
    background-size: 25px auto;
    padding: 13px 0 10px 36px;}

@media (max-width: 750px) {
    .format {
        -webkit-flex-direction: column;
        flex-direction: column;}

    .format p {
        width: 100%;
        margin-bottom: 10px;}

    .topbutton {
        position: relative;
        width: 100%;
        top: 0;
        right: 0; }

    .printable .button-primary {
        font-size: 0.7em;
        height: 40px;
        font-weight: bold;
        letter-spacing: 1px;
        font-family: 'Varela Round', sans-serif; }
}

.printable .button-primary {
    margin: 0 auto 30px;
    display: block;
    font-size: 0.9em;
    height: 50px;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: 'Varela Round', sans-serif;}

.topbutton {
    position: absolute;
    right: 20px;
    top: 20px;}

.internal h5 { margin: 8px 0 3px;}
.internal h4 {text-align: center;}

/*.internal ul {
	padding:0;
	margin:0 0 30px;
    border-top: 2px dotted #63c2d2;
}
.internal ul li{
	list-style-type:none;
	padding:30px 0 0;
	overflow:auto;
	margin:0;
    border-bottom: 2px dotted #63c2d2;
    position:relative;
	overflow:auto;
	display:block;
	}*/

.tool_content {
    margin: 40px 0;
    border-top: 2px dotted #63c2d2;
    border-bottom: 2px dotted #63c2d2;
    padding: 10px 0 0;
    overflow: auto;
    position: relative;
    display: block;}

.tool_content.balanced_life { margin: 10px 0 20px;}

.categories div p {
    margin-bottom: 0;
    border-bottom: 1px dotted #ddd;}

.categories div {
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid #ddd;}

.categories h6 {
    padding-left: 27px;
    font-weight: bold;
    background: url(../images/category.png) no-repeat;}

.personal h6 {
    background-position: 0 5px;
    color: #93af2e;}

.social h6 {
    background-position: 0 -40px;
    color: #e48745;}

.professional h6 {
    background-position: 0 -81px;
    color: #43afb5;}

.tool_pages {
    width: 100%;
    overflow: auto;}

.internal img { margin: 0;}

.tool_pages img {
    display: block;
    margin: 0 auto 30px;
    float: none;}


img.left{ position:relative; left:0; bottom:0;}
img.right { position:relative; right:0; bottom:0; float:right;}

.tools { overflow: hidden; margin: 9px 0 35px; padding:0 !important;  }
.tools li {
	list-style-type:none;
	padding-top:100px;
	float:left;
	width:24%;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color:#888;
	background:url(../images/tools.png) no-repeat; }
.tools li strong {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	display:block;
	padding:2px 0 0;
	font-style: normal ;
	font-size:20px;	}
.tools li.tool-lifemap { background-position: 75px 0;}
.tools li.tool-priorities { background-position: -133px 0;}
.tools li.tool-tasks { background-position: -335px 0;}
.tools li.tool-calendar { background-position: -533px 0;}

.learnmore span { font-size:1.5em; line-height:30px; }
.learnmore:hover{
	font-weight:bold;
	color:#000; }
.learnmore {
  height: 38px;
  float:left;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  box-sizing: border-box;
  color:#00b7f0;
  font-weight:bold;}


@media (max-width: 1024px) {
	.learnmore {float: none; display:block; width: 100%; padding:0; }
	.get_notified,
	.sign_up_free{ width:100%; float:none;}
}
@media (min-width: 550px) and (max-width: 1024px) {
	.learnmore,
	.get_notified,
	.sign_up_free{ font-size:10px; letter-spacing:normal; overflow:hidden; padding:0; }
}

.trio{ display:block; overflow:auto; background:url(../images/psp.png) no-repeat center 0    ; height:300px;}

.lm_details div { padding: 0 20px 0 0;}

.lm_details {
    -webkit-align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-size: 0.9em;}

h6 {
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0;}

#LifeManager h4 {
    text-align: center;
    font-size: 120%;
    margin-bottom: 1rem !important;
    padding-top: 20px;}

.content_subheading {
    font-size: 1.1em;
    color: #666;
    text-align: center;}

.form_signup {
    background: #eaf9fd;
    overflow: auto;
    padding: 30px;
    margin: 0;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;}

.create_a_lifemap ul {
    margin: 0 0 20px 20px;
    font-size: 0.95em;}

.create_a_lifemap .content_subheading { margin-bottom: 10px;}

.star {
    position: absolute;
    padding: 10px;
    color: #fff;
    text-shadow: 0 0 5px #fff;
    font-weight: bold;
    font-size: 6px;
    font-family: 'Varela Round', sans-serif;
    opacity: 0;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                              not supported by any browser */}


.lt-16_80 { left:11%; top:30%; font-size:7px; }
.lt-24_76 { left:14%; top:46%; }
.lt-26_73 { left:16%; top:53%; font-size:8px; }
.lt-27_66 { left:17%; top:66%; }
.lt-28_80 { left:18%; top:40%; }
.lt-29_61 { left:19%; top:61%; }
.lt-30_66 { left:20%; top:56%; }
.lt-31_79 { left:21%; top:59%; font-size:12px; }
.lt-32_70 { left:22%; top:40%; }
.lt-33_76 { left:23%; top:56%; }
.lt-35_67 { left:25%; top:37%; }
.lt-36_73 { left:26%; top:43%; font-size:13px; }
.lt-37_59 { left:27%; top:39%; }
.lt-38_65 { left:28%; top:25%; }
.lt-40_65 { left:30%; top:35%; }
.lt-41_72 { left:31%; top:22%; }
.lt-42_67 { left:32%; top:27%; }
.lt-44_75 { left:34%; top:25%; font-size:12px; }
.lt-45_63 { left:35%; top:33%; }
.lt-46_68 { left:36%; top:38%; }
.lt-48_67 { left:38%; top:27%; }
.lt-49_77 { left:39%; top:33%; font-size:10px; }
.lt-43_70 { left:43%; top:20%; }
.lt-39_70 { left:49%; top:30%; font-size:12px;}
.lt-34_71 { left:54%; top:51%; }
.lt-47_73 { left:57%; top:33%; }
.lt-50_68 { left:60%; top:48%; }
.lt-51_74 { left:61%; top:44%; }
.lt-52_54 { left:62%; top:34%; }
.lt-53_68 { left:63%; top:38%; }
.lt-54_71 { left:64%; top:31%; font-size:12px;}
.lt-55_60 { left:65%; top:40%; }
.lt-55_75 { left:66%; top:35%; }
.lt-56_67 { left:67%; top:47%; font-size:8px; }
.lt-57_71 { left:68%; top:51%; }
.lt-58_70 { left:69%; top:60%; }
.lt-59_73 { left:70%; top:53%; }
.lt-59_59 { left:71%; top:49%; font-size:11px;}
.lt-60_62 { left:78%; top:32%; }
.lt-62_69 { left:82%; top:39%; }
.lt-64_64 { left:84%; top:54%; font-size:8px; }
.lt-66_66 { left:89%; top:64%; }

.smallstar { font-size: 7px;}

.twinkle88 {
	-moz-animation: twinkle88 infinite;
	-webkit-animation: twinkle88 infinite;
	animation: twinkle88 infinite; }
.twinkle75 {
	-moz-animation: twinkle75 infinite;
	-webkit-animation: twinkle75 infinite;
	animation: twinkle75 infinite; }
.twinkle48 {
	-moz-animation: twinkle48 infinite;
	-webkit-animation: twinkle48 infinite;
	animation: twinkle48 infinite; }
.twinkle27 {
	-moz-animation: twinkle27 infinite;
	-webkit-animation: twinkle27 infinite;
	animation: twinkle27 infinite; }

.duration1s	{
	-moz-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s; }
.duration2s	{
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-duration: 2s; }
.duration3s	{
	-moz-animation-duration: 3s;
	-webkit-animation-duration: 3s;
	animation-duration: 3s; }
.duration4s	{
	-moz-animation-duration: 4s;
	-webkit-animation-duration: 4s;
	animation-duration: 4s }


/* Keyframes */

@-moz-keyframes twinkle27    {25%   { opacity:.8; }}
@-webkit-keyframes twinkle27 {25%   { opacity:.8; }}
@keyframes twinkle27         {25%   { opacity:.8; }}

@-moz-keyframes twinkle48    {50%   { opacity:.8; }}
@-webkit-keyframes twinkle48 {50%   { opacity:.8; }}
@keyframes twinkle48         {50%   { opacity:.8; }}

@-moz-keyframes twinkle75    {75%   { opacity:.8; }}
@-webkit-keyframes twinkle75 {75%   { opacity:.8; }}
@keyframes twinkle75         {75%   { opacity:.8; }}

@-moz-keyframes twinkle88    {90%   { opacity:.8; }}
@-webkit-keyframes twinkle88 {90%   { opacity:.8; }}
@keyframes twinkle88         {90%   { opacity:.8; }}


.show { display:block;}
.hide { display:none !important;}


#planner {
	background-image:url(../images/curve.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 105%;
	padding:80px 0 30px;
	color:#617f86;}
#planner label { color:#111;}
#planner img { width:90%; height:auto; float:right; }
#planner header{ margin:15px 0 10px; padding-bottom:10px; color:#000; }
#planner h6 { margin:20px 0; }
#planner h5 {
	text-transform: uppercase;
	text-align:center;
	margin:25px 0 10px;
	font-weight:bold;}
#planner h5 b {padding:0 15px;}
#planner h5 span {
	font-weight:normal;
	display:block;
	font-size:66%;}
#planner h2 { padding:10px 0 ; font-size:2em; letter-spacing:4px; text-transform: uppercase; }
#planner h2,
#planner p { margin-bottom:0;}

#planner .tool_content h3 { margin-bottom: 20px;}
#planner .tool_content {
	text-align:center;
	padding: 25px 10px 20px;
	margin-top:0;
	color:#000;
	border: 2px dotted #63c2d2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size:110%;}
#planner .tool_content a { margin:0;}

.redalert { margin:0; padding:0; text-align:center;}


#planner .seven.columns { margin-left:2%;}

.required.email	{ width:100%; border:2px solid #cbe6eb;}
form { margin:0; padding: 0;}

.align_form { height:33px; margin-bottom:0;}

@media (max-width: 850px) {
	#planner .mc-field-group { width:100% !important;}
	.align_form{ height:auto;}
	#planner .five.columns { margin-left:0 !important;}
}

.form_wrapper {
    border:2px dotted #7ddbeb;
    padding: 20px;
	margin-top:10px;
	background:#e5f6fb;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;}
.terms { display:none;}

footer img {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 8px;
    margin: 0;
    width: 38px;
    height: auto;
    opacity: 0.5;}
footer img:hover { background:#1EAEDB; opacity: 1;}

.internal footer img { background:#999; opacity:0.7; margin: 0 2px 10px;}

.homepage .sm {
    position: absolute;
    right: 12px;
    top: 12px;}

@media (max-width: 1050px) {
.homepage .sm {
    position: relative;
	right:0;
	top:0;}
.cd-top {
    bottom: 120px;
}
}
.login_or_signup button {
    position: relative;
    top: 5px;}

.login_or_signup a { font-weight: bold;}

.login_or_signup {
    text-align: center;
    position: relative;}

.download_all button {
    margin: -10px auto 30px;
    width: 250px;
    text-align: center;
    display: block;}

.button-primary.signup {
    line-height: 19px;
    height: 50px;
    width: 230px;
    background: #8ece33;
    border-color: #8ece33;}

.modal-content .button-primary.signup { margin:0 0 10px !important; }

.button-primary b { text-transform: none;  letter-spacing: 0;}

.form-input { padding-left: 10px;}

.alert { color: #e58847;  padding: 20px 0;}

.code_enter { margin: 0 0 30px 10px; display: block;}
.entry_alternatives { margin-bottom: 0; text-align: center;}
.entry_alternatives span { padding: 0 5px;}
.g-recaptcha { margin-bottom: 20px;}
 

.userpages input[type=email],
.userpages input[type=password],
.userpages input[type=name],
.userpages input[type=text] { width: 100%;}

.input-group { margin-top: 30px;}

.logout-form { display: none;}

.change-password {
    font-weight: normal !important;
    margin: 2px 4px;
    text-transform: none !important;}

.change-password:hover {text-decoration: underline !important;}

#premium {
    background: #fafafa;
    padding-bottom: 30px;}

#premium li {
    list-style-type: none;
    margin-bottom: 1.5em;
    text-align: center;
    padding: 4px;}

#premium li img {
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius:11px;
    transform: scale(1); 
    width: 100%;
	padding: 5px;
    height: auto;
    position: relative;
	background: #1eaedb;
    transition: .1s;
	border: 3px solid #fafafa;
	outline: 8px solid #1eaedb;}

#premium li img:hover {
    transform: scale(1.05);  }

ul {
    margin: 0;
    padding: 0;
}

#premium li a { position: relative;}

#premium li:hover img:before {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    display: block;
    content: "download";
    z-index: 200000;}

#premium h5 {
    font-size: 18px;
    margin: 5px 0 18px;
    font-family: "Source Sans Pro", sans-serif;
}

.printable .tool_pages img {
    xbox-shadow: 0 0 4px #ccc;
    margin-top: 4px;}

#planner ul {padding: 15px 0 0 15px;}

#planner li {
    margin: 0 0 12px;
    padding: 0;
    color: #777;
    line-height: 20px;
	font-size:16px;}
#planner ul li strong { color: #000;}

.planner form {
    text-align: center;
    padding-bottom: 20px;}

.planner { margin-top: -50px;}

.buy { float: left;}

.subheading { color: #888;}

.lpsteps .columns p strong {  color: #222;}

.lpsteps h4 {
    margin: 10px auto 0;
    font-size: 1.3em;
    color: #000;
    font-weight: bold;}

.lpsteps span {
    display: block;
    text-align: center;}

.other {
    border-top: 3px dotted #ccc;
    border-bottom: 3px dotted #ccc;
    padding: 25px 0 0;
    margin-bottom: 30px;}

#club {
    background: #fafafa;
    padding-bottom: 30px;}

.club_tools li a {
    text-decoration: none;
    padding: 15px 0;
    text-align: center;
    font-weight: bold;
    color: #000;
    width: 100%;
    font-size: 1em;
    line-height: 2.4rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    background: #eee;
    float: left;
    border: 2px solid #cfcfcf;}

.club_tools li { list-style-type: none;}

ul.downloads {
    margin: 0 0 10px;
    padding: 0;
    overflow: auto;}

.downloads li {
    list-style-type: none;
    margin: 0 7px 7px 0;
	padding: 0;}

.downloads li a {
    text-decoration: none;
    padding: 2px 7px 3px;
    color: #555;
    width: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #e1e1e1;
    float: left;
    border: 2px solid #e1e1e1;
    font-size: 90%;}

.downloads li a:hover { border-color: #000;}

.downloads li a.special_printable { background:#000; color:#fff; border-color: #000;}
li.downloaded a.special_printable,
li.downloaded a.special_printable:hover {
    background: #888;
    color: #ddd;
    border-color: #888;}

li.downloaded a,
li.expired a,
li.downloaded a:hover,
li.expired a:hover {
    background: #f5f5f5;
    color: #999;
    border-color: #f5f5f5;}

.downloaded:after {
    color: #8ece33;
    content: "✔";
    margin: 4px 0 0 -30px;
    position: absolute;}
.expired:after {
    color: #8ece33;
    content: " ";
    margin: 4px 0 0 -30px;
    position: absolute;}

.unlock_more { text-align: center;}

.unlock_more p { margin: 10px 0 0;}

.closeacct { font-size: 95%;}

.subscription_toggle {
	padding-bottom:40px;
	display: flex;
}

.toggle {
    font-size: 95%;
    border: 2px solid transparent; 
    border-radius: 5px;
	display: inline-block;
    padding: 4px 12px;
    margin-right: 10px;}

.toggle.chosen {
    background: #fff;
    border: 2px solid #d5d5d5;
    text-decoration: none;
    padding: 4px 29px 4px 12px;
    color: #000;}

.toggle.chosen:after {
    color: #8ece33;
    content: "✔";
    margin: 0 0 0 10px;
    position: absolute;}

#Settings button {
    margin: 5px auto 20px !important;
    width: 250px;
    display: block;}

.filter { overflow: auto; padding: 0 0 20px;}

.filter .button {
  margin-top: 10px; 
  border: 2px solid #56c2e4;
  color: #56c2e4;
}

#Settings h1,
#Downloads h1,
.entry h1{
	margin-top: 30px;
}
	
#Settings h4,
#Downloads h4 {
    letter-spacing: 0;
    padding: 30px 0 0;
    font-size: 2.2rem;
    text-align: left;
	color: #000;
} 
#Settings h4{
	border-bottom: 4px solid #eee;
    padding: 20px 0 10px;
	margin-bottom: 20px;
} 
#Downloads h4 a {
	text-transform: none;
	font-size: 1.7rem;
}

button:disabled,
button:hover:disabled,
button[disabled]
button:hover[disabled]{ opacity:0.5; background:#33C3F0;}

.club_tools li {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius:7px;
	padding:7px 0;
	background:#eee;}

.productimage img { max-width:100%; height:auto;}
.productimage { text-align:center;}

.planner_section .tool_content { padding-bottom:30px;}
.planner_section .subheading { line-height:25px; padding-top:20px; margin-bottom:10px;}
.planner_section .columns div{ width:136px; height:106px; margin: 40px auto 0; text-indent: -9999px; white-space: nowrap; }
.goalsetter{ background:url(../images/lifeplanner_sections.png) no-repeat 0 bottom;}
.agendaplanner{ background:url(../images/lifeplanner_sections.png) no-repeat 0 center;}
.lifetools{ background:url(../images/lifeplanner_sections.png) no-repeat 0 top;}



.csslider {
  -moz-perspective: 1300px;
  -ms-perspective: 1300px;
  -webkit-perspective: 1300px;
  perspective: 1300px;
  xdisplay: inline-block;
  text-align: left;
  position: relative;
  margin-bottom: 40px;}
.csslider > input { display: none;}
.csslider > input:nth-of-type(10):checked ~ ul li:first-of-type {  margin-left: -900%;}
.csslider > input:nth-of-type(9):checked ~ ul li:first-of-type {  margin-left: -800%;}
.csslider > input:nth-of-type(8):checked ~ ul li:first-of-type {  margin-left: -700%;}
.csslider > input:nth-of-type(7):checked ~ ul li:first-of-type {  margin-left: -600%;}
.csslider > input:nth-of-type(6):checked ~ ul li:first-of-type {  margin-left: -500%;}
.csslider > input:nth-of-type(5):checked ~ ul li:first-of-type {  margin-left: -400%;}
.csslider > input:nth-of-type(4):checked ~ ul li:first-of-type {  margin-left: -300%;}
.csslider > input:nth-of-type(3):checked ~ ul li:first-of-type {  margin-left: -200%;}
.csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {  margin-left: -100%;}
.csslider > input:nth-of-type(1):checked ~ ul li:first-of-type {  margin-left: 0%;}
.csslider > ul {
  position: relative;
  width: 849px;
  height: 536px;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}



.csslider > ul > li {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 15px;
  font-size: initial;
  line-height: normal;
  -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: normal;}
.csslider > ul > li.scrollable {  overflow-y: scroll;}
.csslider > .navigation {
  position: absolute;
  bottom: -14px;
  left: 50%;
  z-index: 10;
  margin-bottom: -10px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}

.csslider > .navigation > div {  margin-left: -100%;}
.csslider > .navigation label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  margin: 0 6px;
  padding: 6px;
  background: #3A3A3A;}
.csslider > .navigation label:hover:after {  opacity: 1;}
.csslider > .navigation label:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  background: #71ad37;
  border-radius: 50%;
  padding: 8px;
  opacity: 0;}
.csslider > .arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}
.csslider.inside .navigation {  bottom: 10px;  margin-bottom: 10px;}
.csslider.inside .navigation label {  border: 1px solid #7e7e7e;}
.csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after,
.csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after,
.csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after,
.csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after,
.csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after,
.csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after,
.csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7):after,
.csslider > input:nth-of-type(8):checked ~ .navigation label:nth-of-type(8):after,
.csslider > input:nth-of-type(9):checked ~ .navigation label:nth-of-type(9):after,
.csslider > input:nth-of-type(10):checked ~ .navigation label:nth-of-type(10):after,
.csslider > input:nth-of-type(11):checked ~ .navigation label:nth-of-type(11):after {  opacity: 1;}
.csslider > .arrows {
  position: absolute;
  left: -31px;
  top: 50%;
  width: 100%;
  height: 26px;
  padding: 0 31px;
  z-index: 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;}
.csslider > .arrows label {
  display: none;
  position: absolute;
  top: -50%;
  padding: 13px;
  box-shadow: inset 2px -2px 0 1px #3A3A3A;
  cursor: pointer;
  -moz-transition: box-shadow 0.15s, margin 0.15s;
  -o-transition: box-shadow 0.15s, margin 0.15s;
  -webkit-transition: box-shadow 0.15s, margin 0.15s;
  transition: box-shadow 0.15s, margin 0.15s;}
.csslider > .arrows label:hover {
  box-shadow: inset 3px -3px 0 2px #71ad37;
  margin: 0 0px;}
.csslider > .arrows label:before {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  height: 300%;
  width: 300%;}
.csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),
.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),
.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),
.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),
.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),
.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),
.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),
.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),
.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),
.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),
.csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {
  display: block;
  left: 0;
  right: auto;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);}
.csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),
.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),
.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),
.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),
.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),
.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),
.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),
.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),
.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),
.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),
.csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {
  display: block;
  right: 0;
  left: auto;
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);}


@media (max-width: 340px) {
.csslider > ul {
  width: 260px;
  height: 164px;}
.csslider > ul li img { width: 240px; height:auto;}
.csslider > .navigation label {
  margin: 0 5px;
  padding: 5px;}
.csslider > .navigation label:after {
  margin-left: -7px;
  margin-top: -7px;
  padding: 6px; }
.csslider > .navigation { position: absolute; bottom: -10px;}
h1 { font-size:2em;}
h1 span.nw { font-family:"Varela Round",sans-serif !important; white-space:nowrap;}
}
@media (max-width: 580px) and (min-width: 340px) {
.csslider > ul {
  width: 360px;
  height: 227px;}
.csslider > ul li img { width: 350px; height:auto;}
.csslider > .navigation label {
  margin: 0 5px;
  padding: 5px;}
.csslider > .navigation label:after {
  margin-left: -7px;
  margin-top: -7px;
  padding: 6px; }
.csslider > .navigation { position: absolute; bottom: -10px;}
h1 { font-size:2em;}
}

@media (max-width: 680px) and (min-width: 580px) {
.csslider > ul {
  width: 440px;
  height: 278px;}
.csslider > ul li img { width: 440px; height:auto;}
}
@media (max-width: 820px) and (min-width: 681px) {
.csslider > ul {
  width: 620px;
  height: 392px;}
.csslider > ul li img { width: 620px; height:auto;}
}
@media (max-width: 1050px) and (min-width: 821px) {
.csslider > ul {
  width: 840px;
  height: 531px;}
.csslider > ul li img { width: 840px; height:auto;}
}

/*___________________________________ LAYOUT ___________________________________ */

::-webkit-scrollbar {  width: 2px;  background: rgba(255, 255, 255, 0.1);}
::-webkit-scrollbar-track {  background: none;}
::-webkit-scrollbar-thumb {  background: rgba(74, 168, 0, 0.6);}
ul,
ol {  padding-left: x40px;}
#slider1 > ul > li:nth-of-type(3) {  xbackground: url(https://raw.github.com/drygiel/csslider/master/examples/themes/fruit.jpg);}
#slider1 > input:nth-of-type(3):checked ~ ul #bg {
  width: 80%;
  padding: 22px;
  -moz-transition: .5s .5s;
  -o-transition: .5s .5s;
  -webkit-transition: .5s .5s;
  transition: .5s .5s;}
#slider1 > input:nth-of-type(3):checked ~ ul #bg div {
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
  -moz-transition: .5s .9s;
  -o-transition: .5s .9s;
  -webkit-transition: .5s .9s;
  transition: .5s .9s;}
#slider1 > input:nth-of-type(6):checked ~ ul #dex-sign {
  -moz-animation: sign-anim 3.5s 0.5s steps(85) forwards;
  -o-animation: sign-anim 3.5s 0.5s steps(85) forwards;
  -webkit-animation: sign-anim 3.5s 0.5s steps(85) forwards;
  animation: sign-anim 3.5s 0.5s steps(85) forwards;}


#bg {
  color: #000;
  padding: 22px 0;
  position: absolute;
  left: 0;
  top: 16%;
  height: 20%;
  width: 0;
  z-index: 10;
  overflow: hidden;}
#bg:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 1px;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: url(https://raw.github.com/drygiel/csslider/master/examples/themes/fruit.jpg) 1px 23%;
  -webkit-filter: blur(7px);}
#bg:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 20;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none;}
#bg div {
  -moz-transform: translate(120%);
  -ms-transform: translate(120%);
  -o-transform: translate(120%);
  -webkit-transform: translate(120%);
  transform: translate(120%);}
.scrollable p {
  padding: 30px;
  text-align: justify;
  line-height: 140%;
  font-size: 120%;}
#center {  text-align: center;  margin-top: 25%;}
#center a {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-variant: small-caps;}
/*___________________________________ LINK ___________________________________ */
a.nice-link {
  position: relative;
  color: #71ad37;}
h1 a.nice-link:after {  border-bottom: 1px solid #a5ff0e;}
a.nice-link:after {
  text-align: justify;
  display: inline-block;
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #a5ff0e;
  min-height: 100%;
  width: 0;
  max-width: 100%;
  background: #3A3A3A;
  -moz-transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;}
a.nice-link:hover {  color: #71ad37;}
a.nice-link:hover:after {  width: 100%;}
/*___________________________________ SIGN ___________________________________ */
#dex-sign {
  width: 255px;
  height: 84px;
  position: absolute;
  left: 33%;
  top: 45%;
  opacity: .7;
  background: url(http://www.drygiel.com/projects/sign/frames-255-white.png) 0 0 no-repeat;}
#dex-sign:hover {
  opacity: 1;
  -webkit-filter: invert(30%) brightness(80%) sepia(100%) contrast(110%) saturate(953%) hue-rotate(45deg);}
@-webkit-keyframes sign-anim {
  to {  background-position: 0 -7140px; }
}
@-moz-keyframes sign-anim {
  to {  background-position: 0 -7140px; }
}
@keyframes sign-anim {
  to {  background-position: 0 -7140px; }
}


#planner a { margin:10px 0 30px 15px;}


.buynow .button { font-size:18px; height:40px;}

.buynow  { text-align:center; padding:10px 0 0; border-color: #bbb !important; }

.buynow.bottom{ padding-top:30px;}

.center { text-align: center;}

.userguide { background:url(../images/userguide.jpg) no-repeat; width: 900px; height:479px;}
.userguide.monthly { background-position: 0 0;}
.userguide.monthly:hover { background-position: right 0;}
.userguide.weekly { background-position: 0 bottom;}
.userguide.weekly:hover { background-position: right bottom;}
.container#userguide { padding:50px 25px;}
#userguide ol li strong{ color:#000; line-height:1.3em;}
#userguide .tool_content { text-align: center; padding-bottom:25px;}

.productname {
	color: #000;
	font-weight: bold;
	margin:9px 0 12px 9px;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
	text-transform: uppercase;}
.productname a{ text-transform:none; font-weight:normal;}

#Downloads .four.columns { width: 32%; }
#Downloads .downloads li { margin: 0 0 7px 7px ;}
#Downloads .downloads .column:first-child,
#Downloads .downloads .columns:first-child {margin-left: 7px ;}

.learnmorebutton { border-color:#fff; text-decoration:underline;}
.learnmorebutton:hover { border-color:#555; text-decoration:none;  }
.learnmorebutton:hover span { color:#1EAEDB; }
.learnmorebutton span { font-size:120%; }

hr {  border: 0; height: 4px; background-color: #eee;}


@media (max-width: 850px) {
	.tool_pages img { width:100%; height:auto;}
	#planner img { width:100%; height:auto; float: none; }
}

@media (max-width: 926px) {
	.internal .container {padding: 30px 20px;}
	#Downloads .four.columns {width: 31%;}
	.session a { padding: 0.5em; }
}
@media (max-width: 526px) {
	.downloads li a{min-height: 56px;}
	.downloaded:after {margin: 28px 0 0 -20px;}
}


.highlighted td,
td.highlighted  {
	background: #ffff88;
}

.green td,td.green {
	background: #dedede;
}
/*tr.highlighted td {*/
/*    background: #ccc;*/
/*}*/

/*.selected {*/
/*    background: #ccc;*/
/*}*/

/*td:first-child {*/
/*    -webkit-user-select: none;*/
/*    -khtml-user-select: none;*/
/*    -moz-user-select: none;*/
/*    -o-user-select: none;*/
/*    user-select: none;*/
/*}*/

/*td,th {*/
/*    padding: 3px;*/
/*    border: 2px solid #aaa;*/
/*}*/

/*table {*/
/*    border-collapse: collapse;*/
/*}*/
.msg-error,.re-error
{
    color:red;
}