/*
Theme Name: Ticksy
Theme URI: https://ticksy.com
Version: 4.0
*/

/* CSS RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid rgba(0,0,0,0.13);margin:1.5em 0;padding:0}input,select{vertical-align:middle}

body, input, select, #content h3 small, textarea, button {
	-webkit-font-smoothing: antialiased !important;
	font-family:"Rubik",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; }

.ticksy-emoticon { width:18px; height:18px; position:relative; top:2px; left:3px; }

/* Apple Pay button */
@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
    }
    .apple-pay-button-black {
        -apple-pay-button-style: black;
    }
    .apple-pay-button-white {
        -apple-pay-button-style: white;
    }

    .apple-pay-button-white-with-line {
        -apple-pay-button-style: white-outline;
    }
}
@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }
    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }
    .apple-pay-button-white {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }
    .apple-pay-button-white-with-line {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
        border: .5px solid black;
    }
}

html { height:100%; }
body {
	min-height: 100%;
  	display: flex;
  	flex-direction: column; }
#content { flex:1; padding:80px 0 0 0; }


* { box-sizing:border-box; }
body, input, select { color:#555; font-weight:400; }
body { font-size:1em; margin:0; background:#F6F7F7; }

.cf:after {
	content: "";
  	display: table;
  	clear: both;
}

.shell { position:relative; width:980px; margin:0 auto; }
.shell.tight { position:relative; width:700px; margin:0 auto; }
.shell.wide { width:1200px; }

.alignright { display:block; float:right; margin:5px 0 30px 40px; }
.alignleft { display:block; float:left; margin:5px 40px 30px 0; }

.entry-content img.alignright { border:10px solid #fff; box-shadow:0 1px 5px rgba(0,0,0,0.20); }
.entry-content img { max-width:100%; height:auto; }
.entry-content img.alignnone { border:10px solid #fff; box-shadow:0 1px 5px rgba(0,0,0,0.20); margin:20px 0 0; }

body a { color:#0065d4; text-decoration:none; }
body a:hover { color:#032C59; text-decoration:none; }

body a .ti { color:#374552; }
body a.button .ti { color:#fff; }

/* Main Navigation */
#header #main-navigation li a {
	border:2px solid #eee;
	background:#fff;
	color:#888;
	cursor:pointer;
	display:inline-block;
	padding:9px 15px;
	line-height:1;
	font-weight:500;
	font-size:0.8em;
	letter-spacing:0.05em;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-decoration:none;
	text-transform:uppercase; }

#header #main-navigation li a:hover {
	background:#f9f9f9;
	color:#555;
	border-color:#aaa; }

#header #main-navigation li.signup a { border:none; padding:11px 15px 11px; background:#52C27D; color:#fff; }
#header #main-navigation li.signup a:hover { background:#3ea363; color:#fff; border:none; text-decoration:none; }

/* Buttons */
.button {
	border:none;
	cursor:pointer;
	background:#52C27D;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding:11px 15px 11px;
	font-size:0.8em;
	line-height:1;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:0.05em;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px; }

.button.white { background:#fff; color:#555; }
.button.grey { background:#ddd; color:#333; }
.button.grey:hover { background:#ccc; color:#000; }
.button.large { padding:16px 20px; font-size:20px; line-height:1; letter-spacing:0.05em }
.button:hover { background:#3ea363; color:#fff; border:none; text-decoration:none; }
.button.on-dark:hover { background:#fff; color:#888; }
.button.color-1, .button.color-2, .button.color-3, .button.color-fb, .button.color-gg, .button.color-tw { border:none; color:#fff; }

.button[disabled] { background:#aaa !important; cursor:not-allowed; }

/* Header */
#header { width:100%; height:80px; padding:0; position:fixed; top:0; left:0; z-index:99; background:#fff;  }
body.admin-bar #header { top:32px; }
#header { box-shadow:0 1px 5px rgba(0,0,0,0.10); border:none; }
#header .shell { height:80px; }
#header #logo, #header ul { margin:0; }
#header #logo { width: 240px; height: 80px; position: absolute; top: -2px; left: 0; }
#header #logo a { display:block; width: 300px; height: 80px; background-image: url('css/images/logo.png'); background-repeat: no-repeat; background-position: left center; background-size: 140px auto; }
#header #main-navigation { position:absolute; right:0; top:50%; display:inline-block; list-style:none; margin:-17px 0 0 0; padding:0; }
#header #main-navigation li { position:relative; display:inline-block; float:left; margin:0 0 0 0.75em; padding:0; }

#header #main-navigation .subscribe-button-inner { float:left; padding:7px 0 0 0 !important; }

#disqus_thread { padding-top:40px; }

/* Page Content */
.shell.page { padding:60px 0 80px; }
#content p, #content ul, #content ol { font-size: 17px; line-height: 1.7; margin: 0 0 25px; }
#content strong { font-weight:500; }
#content h1 { font-size:2.5em; margin:10px 0 30px; color:#42596b; line-height:1.3; font-weight:500; }
#content h2 { font-size:25px; margin:0 0 25px; color:#5ac17f; font-weight:400; line-height: 1.6; }
#content h3 { font-size:21px; margin:0 0 25px; font-weight:400; line-height:1.6; }
#content h4 { font-size:24px; color:#555; margin:0 0 15px; font-weight:500; line-height:1.6; }
#content h3 small { display:block; font-size:14px; font-weight:400; color:#888; }

#content ul, #content ol { margin-right:50px; margin-left:30px; }
#content ul li, #content ol li { padding:0 0 5px; }

#content p a { font-weight:500; }

#content h1 sup { font-size:17px; color:#aaa; }

#content code, #content pre { overflow:auto; width:100%; font-size:14px; line-height:1.5; margin:0 0 20px 0; display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#fff; padding:15px; color:#888; border:1px solid #ddd; }
#content pre { margin:0 0 40px; }
#content code strong, #content pre strong { color:#52C27D; }
#content code em, #content pre em { color:#bbb; }
#content hr { display:block; margin:30px 0 0; padding:30px 0 0; border:none; border-top:1px solid #ccc; }

#content .left-side { width:35%; float:left; position:relative; }
#content .right-side { width:58%; float:right; position:relative; }

#content form .left-side, #content form .right-side { width:48%; }
#content form .col-13 { width:33%; float:left; padding:0 20px 0 0; }
#content form .col-13:last-child, #content form .col-23:last-child { padding:0; }
#content form .col-23 { width:66%; float:left; padding:0 20px 0 0; }
#content form label { font-weight:500; display:block; margin:0 0 8px; }
#content form input[type="text"], #content form input[type="password"], #content form input[type="email"], #content form select { display:inline-block; margin:0 0 25px; padding:0 12px; height:40px; line-height:39px; border:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#fff; width:100%; font-size:15px; color:#344552; }
#content form input[type="text"].domain-name { width:48%; margin-right:10px; margin-bottom:40px; }
#content form .post-domain-name { display:inline-block; font-size:20px; color:#4ec27d; font-weight:500; position:relative; top:-18px; }

#content form input[type="text"].success { text-transform:uppercase; border-color:#52c27d; background:#f5fff9; color:#52c27d; font-weight:500; }
#content form input[type="text"].fail { border-color:#e85e3c; background:#fff4f1; color:#e85e3c; font-weight:300; }
#content form input[type="text"]:disabled, #content form input[type="text"].fail:disabled, #content form input[type="text"].success:disabled { background:#f6f7f7; border-color:#e5e5e5; }

#content form input[name="discount_code"] {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

#ccform-errors {
    display:none;
    color: #fff;
    background: #fb3b1d;
    clear: both;
    border-radius: 3px;
    padding: 11px 13px 12px;
    font-size: 14px !important;
    line-height: 1.2rem !important;
    margin: 0 0 6px !important;
    text-align: center; }

#content p.discount-description { margin:-15px 0 25px; color:#52c27d; }

#content .signup-message {
	background: #ffcf18;
	color:#333;
    padding: 20px 25px 8px;
    margin: 0 0 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#content .signup-message p { margin:0 0 15px; }
#content .signup-message ul { margin:0 0 15px 25px; }
#content .signup-message ul li { font-size:14px; line-height:1.5; padding:0 0 3px; }

#content .plan-type-switcher { text-align:center; font-size:1.2em; line-height:1.7em; margin:0 0 30px; }
#content .left-side .plan-type-switcher { text-align:left; font-size:1em; line-height:1.3em; g }
#content .plan-type-switcher .plan-type-heading { font-weight:500; text-transform:uppercase; color:#334553; letter-spacing:0.05em; font-size:17px; margin:0 0 15px; }
#content .plan-type-switcher > span { cursor:pointer; border:1px solid #e5e5e5; font-size:15px; display:inline-block; background:#fff; padding:8px 15px; line-height:1em; }
#content .plan-type-switcher > span.left-plan { border-radius:20px 0 0 20px; }
#content .plan-type-switcher > span.right-plan { border-radius:0 20px 20px 0; }
#content .plan-type-switcher > span.active { cursor:default; border-color:#0f79e1; background:#0f79e1; color:#fff; }

#content .plan-details { position:relative; z-index:1; background:#fff; padding:0; margin:17px 0 0; box-shadow:0 20px 70px rgba(0,0,0,0.1); -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; overflow:hidden; }
#content .plan-block { height:72px; overflow:hidden; position:relative; cursor:pointer; background:#fff; color:#42596b; }
#content .plan-block .inside { position:absolute; top:0; left:0; width:100%; height:100%; box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.075); padding:30px 0 1px 25px; }
#content .plan-block .inside > i.ti { position:absolute; opacity:0; transform:translate3d(10px,50px,0); top:17px; left:-29px; font-size:132px; }
#content .plan-block small { color:#52c27d; transform:translate3d(0,0,0); display:block; font-weight:500; margin:0; font-size:15px; letter-spacing:0.05em; text-transform:uppercase; }
#content .plan-block h2 { opacity:0; color:#fff; transform:translate3d(0,0,0); font-size:22px; font-weight:500; margin:0 0 3px; }
#content .plan-block p { opacity:0; color:#fff; transform:translate3d(0,0,0); font-size:12px; font-weight:500; margin:0 }
#content .plan-details ul { background:#364552; padding:25px 30px; margin:0; }
#content .plan-details ul li { list-style:none; font-size:15px; line-height:1.6em; color:#fff; }
#content .plan-details ul li.title { font-size:20px; font-weight:500; margin:0 0 10px; color:#fff; }

#content .plan-details .plan-row { display:none; }
#content .plan-details .plan-row.active { display:block; }
#content .plan-details .plan-row { -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; overflow:hidden; }
#content .plan-details .plan-row > .plan-block:last-child .inside { box-shadow:none; }

#content .plan-details.visual-only { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#content .plan-details.visual-only .plan-row { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#content .plan-details.visual-only .billing-information { display:none; }
#content .plan-details .update-billing-block { background:#334553; color:#ffcd33; display:block; line-height:1em; font-size:12px; font-weight:500; padding:15px 25px; }
#plan_update { position:absolute; z-index:0; top:350px; transform:translate3d(0,0,0); left:0; }
#plan_update.active { transform:translate3d(0,76px,0); }

#content .left-side.legacy { padding-bottom:54px; }
#content .left-side.legacy #plan_update { top:609px; }

.plans-reset { font-size:12px; color:#888; }

#content .annual-plan,
#content .monthly-plan { display:none; }

#content .annual-plan.active,
#content .monthly-plan.active { display:block; }

#content .plan-block:hover { box-shadow:inset 5px 0 0 0 #52c27d; }
#content .plan-block:hover h2 { transform:translate3d(3px,0,0); }
#content .plan-block:hover small { transform:translate3d(3px,0,0); }
#content .plan-block:hover p { transform:translate3d(3px,0,0); }

#content .plan-block.current-plan { background:#56c27d; }
#content .plan-block.current-plan small { color:#ffffff; }
#content .plan-block.current-plan:hover { box-shadow:inset 5px 0 0 0 #56c27d; }

#grandfathered-plan { background:#ffcf18; padding:25px 30px 1px; margin:0 0 40px; border-radius:10px; color:#333; }
#grandfathered-plan small { font-weight:500; font-size:12px; letter-spacing:0.05em; text-transform:uppercase; }
#grandfathered-plan span.cost { font-size:1.1em; font-weight:500; color:#000; }

#content .plan-block.active, #content .plan-block.active:hover { box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.075); height:128px; border-left:0; background:#0F79E1; color:#fff; cursor:default; }
#content .plan-block.active .inside > i.ti, #content .plan-block.active:hover .inside > i.ti { color:#fff; transform:translate3d(10px,0,0); opacity:0.3; }
#content .plan-block.active h2, #content .plan-block.active:hover h2 { opacity:1; color:#fff; transform:translate3d(107px,0,0); }
#content .plan-block.active small, #content .plan-block.active:hover small { color:#fff; transform:translate3d(107px,0,0); }
#content .plan-block.active p, #content .plan-block.active:hover p { opacity:1; color:#fff; transform:translate3d(107px,0,0); }

#content .plan-block.active.current-plan, #content .plan-block.active.current-plan:hover { background:#52c27d; }

#content .plan-details.horizontal .plan-block { float:left; width:33.333%; height:128px; }
#content .plan-details.horizontal .plan-block .inside { text-align:center; padding:30px 0 0 0; box-shadow:inset -1px 0 0 0 rgba(0,0,0,0.075); }
#content .plan-details.horizontal .plan-block h2,
#content .plan-details.horizontal .plan-block p { opacity:1; }
#content .plan-details.horizontal .plan-block small { color:#334553; }
#content .plan-details.horizontal .plan-block h2 { color:#52c27d; }
#content .plan-details.horizontal .plan-block p { color:#888; }
#content .plan-details.horizontal .plan-block .inside > i.ti { transform:translate3d(10px,0,0); top:-28px; left:50%; margin:0 0 0 -110px; font-size:200px; }
#content .plan-details.horizontal .plan-block:hover { box-shadow:inset 0 -5px 0 0 #52c27d; }
#content .plan-details.horizontal .plan-block:hover h2 { transform:translate3d(0,0,0); }
#content .plan-details.horizontal .plan-block:hover small { transform:translate3d(0,0,0); }
#content .plan-details.horizontal .plan-block:hover p { transform:translate3d(0,0,0); }
#content .plan-details.horizontal .plan-block.active, #content .plan-details.horizontal .plan-block.active:hover { box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.075); }
#content .plan-details.horizontal .plan-block.active .inside { }
#content .plan-details.horizontal .plan-block.active h2, #content .plan-details.horizontal .plan-block.active:hover h2 { opacity:1; color:#fff; transform:translate3d(0,0,0); }
#content .plan-details.horizontal .plan-block.active small, #content .plan-details.horizontal .plan-block.active:hover small { color:#fff; transform:translate3d(0,0,0); }
#content .plan-details.horizontal .plan-block.active p, #content .plan-details.horizontal .plan-block.active:hover p { opacity:1; color:#fff; transform:translate3d(0,0,0); }
#content .plan-details.horizontal .plan-block.active .inside > i.ti { opacity:0.1; }

#content .plan-details .billing-information { border-radius:0 0 5px 5px; background:#364552; padding:25px 28px 30px; margin:0; font-size:15px; line-height:1.6em; color:#fff; }
#content .plan-details .billing-information.hidden { display:none; }
#content .plan-details .billing-information .billing-title { text-align:center; font-size:22px; font-weight:500; line-height:1.5em; margin:0 0 15px; color:#fff; }
#content .plan-details .billing-information .billing-title .current-payment-schedule { color:#ffcf18; font-weight:400; font-size:19px; margin:0; }

#main-content div.post { transform:translate3d(0,0,0); background:#F6F7F7; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:2px solid #E4E7E8; margin:0 0 30px; padding:30px 30px 0 30px; box-sizing:border-box; box-shadow:0 0 0 rgba(0,0,0,0); }
#main-content div.post:hover { transform:translate3d(0,-1px,0); box-shadow:1px 20px 50px rgba(0,0,0,0.15); background:#fff; border:2px solid #fff; }
#main-content div.post h3 a { font-weight:400; }
#main-content div.post small { text-transform:uppercase; color:#707a7e; font-size:12px; font-weight:500; letter-spacing:2px; display:block; margin:0 0 5px; padding:0; }
#main-content div.post:hover small { color:#B0B6B9; }
#main-content div.post p { width:75%; font-size:15px; line-height:1.5; color:#707a7e; }
#main-content div.post a.button { position:absolute; top:30px; right:30px; }
#main-content div.post,
#main-content div.post small,
#main-content div.post h3 a,
#intro-area .text-content a.button,
.get-started.button span.hidden-text,
#content .plan-block,
#content .plan-block small,
#content .plan-block h2,
#content .plan-block p,
#content .plan-block .inside > i.ti,
#content .plan-details.horizontal .plan-block .inside,
#content .plan-type-switcher > span,
#pricing .credit-card,
#pricing .paypal,
#plan_update {
	-webkit-transition: all 250ms cubic-bezier(0.300, 0.000, 0.070, 1.000);
	-moz-transition: all 250ms cubic-bezier(0.300, 0.000, 0.070, 1.000);
	-o-transition: all 250ms cubic-bezier(0.300, 0.000, 0.070, 1.000);
	transition: all 250ms cubic-bezier(0.300, 0.000, 0.070, 1.000);
}

#intro-area .text-content h1,
#intro-area .text-content p,
#intro-area .text-content a.button { position:relative; top:30px; opacity:0; }

#intro-area .text-content h1,
#intro-area .text-content p {
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.000, 0.010, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.000, 0.000, 0.010, 1.000);
	-o-transition: all 500ms cubic-bezier(0.000, 0.000, 0.010, 1.000);
	transition: all 500ms cubic-bezier(0.000, 0.000, 0.010, 1.000);
}

#intro-area .text-content h1.visible,
#intro-area .text-content a.button.visible { opacity:1; top:0; }

#intro-area .text-content p.visible { opacity:0.75; top:0; }

/* Intro Area */
#intro-area { position:relative; overflow:hidden; background:#344552; margin-bottom:0; height:1190px; width:100%; }
#intro-area {
background: #5dc47f;
background: -moz-linear-gradient(-45deg,  #5dc47f 0%, #0c5b51 50%);
background: -webkit-linear-gradient(-45deg,  #5dc47f 0%,#0c5b51 50%);
background: linear-gradient(135deg,  #5dc47f 0%,#0c5b51 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dc47f', endColorstr='#0c5b51',GradientType=1 );
}
#intro-area .intro-content { text-align:center; margin:100px auto; width:90%; }
#intro-area .intro-content h1 { font-size:3.5em; padding:0; line-height:1; margin:0 0 40px; color:#fff; font-weight:300; }
#intro-area .intro-content h1 em { font-style:normal; position:relative; top:0.16em; }
#intro-area .intro-content h1 span.underlined { text-align:left; position:relative; top:0; left:0; color:#fff; font-weight:500; display:inline-block; margin:0; padding:0; }
#intro-area .intro-content p { color:#fff; font-weight:100; font-size:28px; line-height:1.5; margin:0 0 50px; padding:0; }
#intro-area .intro-content img { position:relative; top:0; margin:100px auto 0; display:block; width:800px; height:auto; }
#intro-area .intro-content .button { border:2px solid #5dc47f; background:transparent; }
#intro-area .intro-content .button:hover { box-shadow:0 15px 50px rgba(0,0,0,0.35); background:#5dc47f; border-color:#5dc47f; color:#fff; }
body #intro-area .intro-content .button .ti { color:#fff; color:rgba(255,255,255,0.5); }
body #intro-area .intro-content .button:hover .ti { color:#fff; color:rgba(255,255,255,0.5); }
#intro-area:after { content:""; position:absolute; bottom:0; left:0; width:100%; height:30px; display:block; -moz-box-shadow:inset 0 -7px 10px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 -7px 10px rgba(0,0,0,0.1); box-shadow:inset 0 -7px 10px rgba(0,0,0,0.1); }

.get-started.button span { float:left; display:inline-block; }
.get-started.button span.hidden-text { font-weight:300; position:relative; overflow:hidden; width:1px; width:0; white-space:nowrap; }
.get-started.button:hover .hidden-text { width:206px; }

#intro-area .intro-content img { margin-top:130px; opacity:0; }
#intro-area .intro-content img.visible { margin-top:100px; opacity:1; }

#intro-area .real-text { padding:0; white-space:nowrap; text-align:left; display:inline-block; overflow:hidden; }
#intro-area .fake-text { padding:0; white-space:nowrap; display:block; visibility:hidden; position:absolute; }

#intro-area .intro-content h1 span.underlined,
#intro-area .intro-content h1 span.underlined .real-text {
	-webkit-transition: all 500ms cubic-bezier(0.405, 0.005, 0.000, 1); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.405, 0.005, 0.000, 1.005);
	-moz-transition: all 500ms cubic-bezier(0.405, 0.005, 0.000, 1.005);
	-o-transition: all 500ms cubic-bezier(0.405, 0.005, 0.000, 1.005);
	transition: all 500ms cubic-bezier(0.405, 0.005, 0.000, 1.005); /* custom */
}

#intro-area .intro-content img {
	-webkit-transition: margin 500ms cubic-bezier(0.000, 0.000, 0.010, 1.000), opacity 500ms cubic-bezier(0.000, 0.000, 0.010, 1.000);
	-moz-transition: margin 500ms cubic-bezier(0.000, 0.000, 0.010, 1.000), opacity 500ms cubic-bezier(0.000, 0.000, 0.010, 1.000);
	-o-transition: margin 500ms cubic-bezier(0.000, 0.000, 0.010, 1.000), opacity 500ms cubic-bezier(0.000, 0.000, 0.010, 1.000);
	transition: margin 500ms cubic-bezier(0.000, 0.000, 0.010, 1.000), opacity 500ms cubic-bezier(0.000, 0.000, 0.010, 1.000);
}

#customers h2,
#desk h2,
#features h2 { font-weight:300; color:#344552; font-size: 55px; text-align:center; line-height: 1.4 !important; letter-spacing:-1px; }
#contact h2 { font-weight:300; color:#344552; font-size: 55px; text-align:center; line-height: 1.4 !important; letter-spacing:-1px; }

#customers h2 strong,
#desk h2 strong,
#features h2 strong { letter-spacing:0; font-weight:500; }
#contact h2 strong { letter-spacing:0; font-weight:500; }

#customers p,
#desk p,
#features p { font-weight:300; opacity:0.75; color:#344552; font-size:27px; line-height:1.5; margin:0 auto 35px; padding:0; width:85%; text-align:center; }
#contact p { font-weight:300; opacity:0.75; color:#344552; font-size:27px; line-height:1.5; margin:0 auto 35px; padding:0; width:85%; text-align:center; }


/* Desk */
#desk { padding:100px 0 440px; background:#EBECEE url('css/images/desk.jpg') no-repeat bottom center; background-size:1800px auto; }

h2#monthly_yearly_picker { color:#52C27D; }
#monthly_yearly_picker input { position:relative; top:-5px; }


/* Tabs */
.tab-wrapper { padding-top:10px; }
.tab-wrapper .tabs { }
.tab-wrapper .tabs a { position:relative; z-index:0; float:left; display:inline-block; padding:15px 25px; margin:0 7px 0 0; color:#fff; font-size:17px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.tab-wrapper .tabs a.creditcard:hover { background:#1e2b35; }
.tab-wrapper .tabs a.paypal:hover { background:#0c629f; }
.tab-wrapper .tabs a.creditcard, .tab-wrapper .tabs a.creditcard.active:hover { background:#344552; }
.tab-wrapper .tabs a.paypal, .tab-wrapper .tabs a.paypal.active:hover { background:#1172b8; }
.tab-wrapper .tabs i.ti { color:#fff; }
.tab-wrapper .tabs a .new { position:absolute; left:50%; margin-left:-22px; top:-16px; background:#E71829; color:#fff; font-size:11px; text-align:center; text-transform:uppercase; font-weight:500; letter-spacing:1px; padding:4px 8px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.tab-wrapper .tabs a.active { opacity:1; }
.tab-wrapper .tab-block { display:none; border-top:5px solid; position:relative; z-index:1; padding:30px; background:#fff; box-shadow:0 3px 5px rgba(0,0,0,0.2); }
.tab-wrapper .tab-block.creditcard { border-color:#344552; }
.tab-wrapper .tab-block.paypal { border-color:#1172b8; }
.tab-wrapper .tab-blocks .tab-block:first-child { display:block; }
.tab-wrapper .tab-block p { margin:0 0 25px; }

.button.paypal { background:#1172b8; }
.button.paypal:hover { background:#0c629f; }
.button.paypal:disabled { opacity:0.25; }

/* Features */
#features { padding:140px 0 0; background:#fff; -moz-box-shadow:0 -5px 0 rgba(0,0,0,0.10); -webkit-box-shadow:0 -5px 0 rgba(0,0,0,0.10); box-shadow:0 -5px 0 rgba(0,0,0,0.10); }
#features p { margin:0 auto 140px; }
#features .features-row { padding:100px 0; }
#features .features-row.alternate { background:#f3f4f5; }

#features ul { list-style:none; display:block; margin:0 auto; padding:0; width:100%; max-width:980px; }
#features ul li { text-align:left; list-style:none; float:left; display:block; width:50%; padding:0 2% 0 0; margin:0; }
#features ul li:last-child { padding:0 0 0 2%; }
#features ul li .icon { text-align:left; float:left; width:13%; padding-top:5px; text-align:center; }
#features ul li .content { float:right; width:85%; padding-left:25px; }
#features ul li h3 { text-align:left; line-height:1.6; font-size:28px; font-weight:normal; margin:0 0 5px; color:#555; padding:0; }
#features ul li p { text-align:left; padding:0; margin:0 0 10px; width:100%; font-size:19px; line-height:1.6; color:#555; }
#features ul li p small { font-size:15px; color:#888; display:block; }
#features ul li .icon .ti { font-size:55px; color:#334553; position:relative; top:7px; }
#features ul li .icon .ti-envato, #features ul li a .ti-envato { color:#52C27D; }
#features ul li .icon .ti-alert-solid { color:#52c27d; }
#features ul li .icon .ti-ticket-solid { color:#52c27d; }
#features ul li .icon .ti-clock-solid { color:#52c27d; }


/*Contact*/
#contact { padding:0; background:#fff; -moz-box-shadow:0 -5px 0 rgba(0,0,0,0.10); -webkit-box-shadow:0 -5px 0 rgba(0,0,0,0.10); box-shadow:0 -5px 0 rgba(0,0,0,0.10); }
#contact p { margin:0 auto 140px; }
#contact .features-row { padding:100px 0; }
#contact .features-row.alternate { background:#f3f4f5; }

#contact ul { list-style:none; display:block; margin:0 auto; padding:0; width:100%; max-width:980px; }
#contact ul li { text-align:left; list-style:none; float:left; display:block; width:50%; padding:0 2% 0 0; margin:0; }
#contact ul li:last-child { padding:0 0 0 2%; }
#contact ul li .icon { text-align:left; float:left; width:13%; padding-top:5px; text-align:center; }
#contact ul li .content { float:right; width:85%; padding-left:25px; }
#contact ul li h3 { text-align:left; line-height:1.6; font-size:28px; font-weight:normal; margin:0 0 5px; color:#555; padding:0; }
#contact ul li p { text-align:left; padding:0; margin:0 0 10px; width:100%; font-size:19px; line-height:1.6; color:#555; }
#contact ul li p small { font-size:15px; color:#888; display:block; }
#contact ul li .icon .ti { font-size:55px; color:#334553; position:relative; top:7px; }
#contact ul li .icon .ti-envato, #contact ul li a .ti-envato { color:#52C27D; }
#contact ul li .icon .ti-alert-solid { color:#52c27d; }
#contact ul li .icon .ti-ticket-solid { color:#52c27d; }
#contact ul li .icon .ti-clock-solid { color:#52c27d; }

/* Page with Sidebar */
#content .left-sidebar #sidebar { float:left; width:22%; margin-top:-15px; }
#content .left-sidebar .entry-content { float:right; width:73%; }
#content .left-sidebar .entry-content h2 { color:#555; font-weight:400; }

#content #sidebar ul, #content #sidebar li { list-style:none; padding:0; margin:0; }
#content #sidebar li a { display:block; background:none; padding:2px 10px; margin:0; color:#888; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#content #sidebar li a:hover { color:#333; background:#eee; }
#content #sidebar li.current-menu-item a, #content #sidebar li.current-menu-item a:hover { background:#52C27D; color:#fff; }
#content #sidebar li.menu-item-has-children.menu-item-type-custom { padding-top:20px; }
#content #sidebar li.menu-item-has-children.menu-item-type-custom > a, #content #sidebar li.menu-item-has-children.menu-item-type-custom > a:hover { cursor:default; font-size:13px; font-weight:500; color:#555; background:none; text-transform:uppercase; }


/* Account Page */
#content .account-content h1,
#content .signup-content h1 { font-size:1.5em; }

#content .account-content .trial-block { padding:25px 28px; margin:0 0 40px; border-radius:10px; background:#ffcd33; color:#333; }
#content .account-content .trial-block h1 { color:#333; line-height:1.5em; font-size:1.3em; padding:0; margin:0; }
#content .account-content .trial-block h1 > span { font-size:17px; display:block; font-weight:400; }
#content .account-content .trial-block.expired { background:#FB3B1D; }
#content .account-content .trial-block.expired h1 { color:#fff; }
#content .account-content .trial-block.active { background:#52c27d; }
#content .account-content .trial-block.active h1 { color:#fff; }

#content .account-content form label { font-size:12px; letter-spacing:0.05em; text-transform:uppercase; }


#ticksy-account h1 { font-size:30px; margin:0; padding:0 0 15px; }
#ticksy-account hr { margin:20px 0 0 0; padding:30px 0 0 0; border-top:1px solid #ddd; }
#ticksy-account .login-form { width:350px; margin:0 auto; }
#ticksy-account .login-form p { margin:0; }
#ticksy-account .login-form label { font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; }
#ticksy-account .system-choice { transform:scale(1); display:block; margin:0 0 10px; width:100%; color:#fff; font-size: 1.2em; line-height:2em; text-transform: none; letter-spacing: 0; font-weight: 500; }
#ticksy-account .system-choice:hover { opacity:0.9; transform:scale(1.05); }
#ticksy-account .ticksy-account-14 { width:25%; box-sizing:border-box; float:left; }
#ticksy-account .ticksy-account-34 { width:70%; box-sizing:border-box; float:right; }
#ticksy-account nav { text-align:left; display:block; padding-top:12px; font-size:1.1em; }
#ticksy-account nav a { display:inline-block; padding:0 1.5em 0 0; color:#aaa; }
#ticksy-account nav a:hover { color:#555; }
#ticksy-account nav a.active, #ticksy-account nav a.active:hover { color:#000; }
#ticksy-account .ticksy-account-content { padding-top:30px; }

#content #pricing label { font-weight:500; text-transform:uppercase; font-size:12px; letter-spacing:0.05em; margin:0 0 2px; display:block; }
#pricing .recurly-hosted-field {
	display: inline-block;
    margin: 0 0 15px;
    padding: 0 12px;
    height: 40px;
    line-height: 39px;
    border:none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #27333e;
    width: 100%;
    font-size: 15px;
    color: #4ec27d;
}

#pricing .pricing-field { float:none; width:100%; margin:0; }

#pricing .pricing-field-12 { float:left; width:48%; margin-right:4%; }
#pricing .pricing-field-12.no-margin { margin:0; }

#pricing .pricing-field-13 { float:left; width:30.333%; margin-right:4%; }
#pricing .pricing-field-13.no-margin { margin:0; }

#pricing .recurly-hosted-field input[type="text"] {
	background: transparent;
    border: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0;
    outline: none;
    box-sizing: border-box;
    visibility: visible;
    color: rgb(78, 194, 125);
    font-family: Rubik;
    font-feature-settings: normal;
    font-kerning: auto;
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: normal;
    text-rendering: auto;
    text-shadow: none;
    padding:0;
    text-transform: none;
}

#pricing .credit-card,
#pricing .paypal { cursor:pointer; width:100%; text-align:center; line-height:45px; display:inline-block; padding:0 15px; margin:10px 0 0 0; color:#fff; border:none; font-weight:500; border-radius:3px; font-size:17px; height:45px; }

#pricing .credit-card { background:#4ec27d; }
#pricing .paypal { background:#1079e0; }

#pricing .credit-card:hover { background:#3ea363; }
#pricing .paypal:hover { background:#0d68c1; }

#pricing .or-text { text-align:center; position:relative; font-weight:500; display:block; width:100%; color:#fff; margin:20px 0 -12px; padding:0; font-size:12px; text-transform:uppercase; border-top:1px solid rgba(255,255,255,0.25); }
#pricing .or-text span { text-align:center; display:inline-block; position:relative; top:-12px; padding:0 10px; background:#364552; }

#credit-card-fields { display:none; }

/* Our Customers */
#customers { padding:100px 0; background:#125b51; }
#customers h2 { color:#fff; margin:0 0 60px; }
#customers ul { list-style:none; margin:0; padding:0; }
#customers ul li { float:left; width:50%; padding:0 35px 0 0; text-align:center; }
#customers ul li h3 { margin:0 0 25px; color:#fff; line-height:1; text-align:center; }
#customers ul li a.button { margin:0; background:transparent; border:2px solid #52c27d; padding:7px 10px 7px; font-weight:500; font-size:12px; text-transform:uppercase; color:rgba(255,255,255,0.75); }
#customers ul li a.button:hover { background:#52c27d; border-color:#52c27d; color:#fff; }
#customers ul li .ti { color:#52c27d; font-size:15px; display:inline-block; margin:0 5px 0 0; }
#customers ul li img { width:178px; display:block; margin:0 auto 25px; }
#customers ul li p { margin:0 0 20px; font-size:17px; line-height:1.7; color:#fff; width:100%; }
#customers ul li.two-col-splitter { display:none; width:100%; clear:both; padding:0; margin:0; float:none; }


/* Footer */
#footer { width:100%; font-size:13px; color:#fff; padding:40px 0; background:#364552; }
#footer .footer-right { float:right; }
#footer a, #footer span { color:#fff; color:rgba(255,255,255,0.65); text-decoration:none; }
#footer a:hover { color:#fff; text-decoration:underline; }
#footer .subscribe-button-inner { position:relative; top:-6px; }


/* Animation */
body a, .button, #header #main-navigation li.signup a, #customers ul li small a, .button i.ti {
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}