/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
/*

http://paperheartdesign.com/blog/color-palette-terrific-teal


#23383b
#246068
#3aa1aa
#e29000
#fadb67
*/

body {min-width:340px;}
html {
    color: #23383b;
    font-size: 20px;
    line-height: 1.4;
	background:#dedede;
	scroll-padding-top: 70px;
}
body {font-family: 'Montserrat', sans-serif;font-display:swap;overflow-x:hidden;}
html,body,h1,form,ul,li,h1,h3,h5,h6,p{margin:0;padding:0;}

a:link,a:visited{text-decoration:none}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}



article, footer .wrap, header .wrap  {max-width:1200px;display:block;margin:0 auto;}


.block {display:block !important;-webkit-animation: fadeIn 1s;
    animation: fade_in_show 0.5s;}

header {display:block;background:#246068;height:90px;border-bottom:1px solid #23383b;}
/* sticky */
header {
	position: -webkit-sticky;
    position: sticky;
    top: 0;
	left:0;
	right:0;
	z-index:1;
}

header .wrap {position:relative;height:100%;}
header #logo h1 {display:none;}
header #logo {background-image: url(/img/logo.png);
    background-position: 0px 0px;
    width: 74px;
    height: 60px;
    top: 3px;
    position: absolute;
    display: inline;
    margin: 10px 6px;
    max-width: 100%;
    background-repeat: no-repeat;}
header .navi {position:absolute;top:5px;right:5px;color:#fff;text-transform:uppercase;font-size:16px;height:30px;line-height:28px;text-align:right;z-index:999;border-bottom:1px solid #fff;padding:0 26px 0 8px;text-shadow:0 0 1px #000;}
header .navi i {font-size:14px;position:absolute;top:7px;right:7px;}
header .navi:hover ul {display:block;}
header .navi ul {display:none;background:#3aa1aa;border:1px solid #23383b;box-shadow:0 0 2px #000;}
header .navi ul li {display:block;width:100px;}
header .navi ul li a {color:#fff;padding:4px 8px;display:block;border-bottom:1px solid #23383b;font-size:14px;}
header .navi ul li:last-child a {border-bottom:0;}


body.sticky {margin-top:50px;}
body.sticky header{height:50px;}
body.sticky #login-navi, body.sticky header .navi {display:none;}
body.sticky header #logo {top:-15px;left:-15px;transform:scale(0.4);}

header nav ul {position:absolute;bottom:5px;right:7px;font-size:22px;}
header nav ul li {display:inline-block;}
header nav ul li a {padding:9px;border-radius:4px;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #000;}
header nav ul li a:hover {text-decoration:underline;}


section#theprocess {margin:0 20px;}
section#theprocess ul {display:block;width:100%;display:block;text-align:center;}
section#theprocess ul li {display:inline-block;text-align:center;margin:0 10px;margin-bottom:20px;width:33%;vertical-align:top;position:relative;background:#fff;}
section#theprocess ul li h6 {display:block;height:50px;line-height:50px;font-size:18px;text-transform:uppercase;border:1px solid #246068;background:#3aa1aa;color:#fff;}
section#theprocess ul li p {padding:15px 10px;border:1px dashed #3aa1aa;margin:0;}
section#theprocess ul li i {position:absolute;left:10px;top:8px;border:1px solid #fff;padding:8px 12px;border-radius:50%;}
section#theprocess b {font-size:28px;background:#fff;color:#3aa1aa;margin:30px auto 25px;padding:12px 22px 12px 14px;display:inline-block;font-weight:normal;border:1px solid #3aa1aa;}
section#theprocess b i {border:2px dashed;border-radius:50%;padding:6px 8px;font-size:26px;background:#3aa1aa;color:#fff;margin-right:5px;}


section#plans {}
/*section#plans .packages {display:block;width:100%;display:table;}
section#plans ul {display:inline-block;display:table-cell;width:22%;padding:0 5px 20px;}
section#plans ul li {display:block;text-align:center;font-size:18px;border:1px solid #23383b;border-bottom:0;padding:8px 4px;position:relative;max-width:380px;margin:0 auto;background:#dedede;}
section#plans ul li:last-child {border-bottom:1px solid #23383b;}
section#plans ul li.header {text-transform:uppercase;border:1px solid #23383b;border-bottom:0;background:#3aa1aa;color:#fff;font-size:26px;padding:8px 4px;}
section#plans ul li.price {text-transform:uppercase;border:1px solid #23383b;border-bottom:0;color:#3aa1aa;font-size:60px;padding:20px 4px;}
section#plans ul li.price b {padding:15px;border-radius:50%;border:1px solid #e29000;background:#fff;}
section#plans ul li.buynow {text-transform:uppercase;border:1px solid #23383b;border-bottom:0;background:#3aa1aa;color:#fff;font-size:26px;padding:8px 4px;}
section#plans ul li a {color:#fff;}
section#plans ul li span {position:absolute;top:5px;right:8px;font-size:14px;color:#246068;text-decoration:underline;font-weight:600;}*/
.packages {display:block;width:100%;display:table;}
.packages ul {display:inline-block;display:table-cell;width:22%;padding:0 5px 20px;}
.packages ul li {display:block;text-align:center;font-size:18px;border:1px solid #3aa1aa;border-bottom:0;padding:10px 4px;position:relative;max-width:380px;margin:0 auto;background:#fff;box-shadow:0 0 1px #000;}
.packages ul li:last-child {border-bottom:1px solid #3aa1aa;}
.packages ul li.header {text-transform:uppercase;border:1px solid #23383b;border-bottom:0;background:#3aa1aa;color:#fff;font-size:26px;padding:8px 4px;text-shadow:0 0 1px #000;}
.packages ul li.price {text-transform:uppercase;border:1px solid #3aa1aa;border-bottom:0;color:#3aa1aa;font-size:60px;padding:40px 4px;}
.packages ul li.price b {padding:30px;border-radius:50%;border:2px dashed #3aa1aa;background:#fff;text-shadow:0 0 1px #000;}
.packages ul li.desc {padding:22px 4px;}
.packages ul li.desc b {padding:0 18px;font-weight:normal;display:block;}
.packages ul li.buynow {text-transform:uppercase;border:1px solid #246068;border-bottom:0;background:#3aa1aa;color:#fff;font-size:26px;padding:8px 4px;font-weight:600;text-shadow:0 0 1px #000;}
.packages ul li a {color:#fff;}
.packages ul li span {position:absolute;top:5px;right:8px;font-size:14px;color:#246068;text-decoration:underline;font-weight:600;}



section#faq {max-width:900px;margin-left:auto;margin-right:auto;}
section#faq ul {border:2px dashed #3aa1aa;padding:30px;font-size:22px;margin-bottom:30px;background:#fff;}
section#faq ul li {list-style-type:none;padding:10px 5px;display:block;border:1px solid #246068;color:#fff;background:#3aa1aa;margin-bottom:12px;}
section#faq ul li:last-child{margin-bottom:0;}
section#faq ul li i {margin-right:12px;margin-left:10px;}
section#faq ul li i{width:21px;height:21px;display:inline-block;}
section#faq ul li a {color:#fff;text-shadow:0 0 1px #000;}
section#faq ul li span {display:none;background:#fff;border:1px dashed #23383b;padding:8px 14px;color:#23383b;margin:10px 0 0;font-size:19px;}

section#testimonials {text-align:center;}
section#testimonials ul {color:#fff;justify-content: center;
  display: flex;margin-bottom:25px;}
section#testimonials ul li {position:relative;display:inline-block;list-style-type:none;width:22%;min-height:100px;background:#3aa1aa;border:1px solid #246068;margin:6px;text-align:left;vertical-align:top;}
section#testimonials ul li img {height:75px;width:75px;border:0;position:absolute;left:10px;top:10px;}
section#testimonials ul li h5 {margin-left:95px;font-size:22px;margin-top:10px;text-decoration:underline;}
section#testimonials ul li span {margin-left:95px;font-size:18px;margin-bottom:10px;display:inline-block;color:#dedede;}
section#testimonials ul li.noimg h5, section#testimonials ul li.noimg span {margin-left:16px;}



section#publishers {max-width:800px;margin-left:auto;margin-right:auto;}


section#contact {max-width:800px;margin-left:auto;margin-right:auto;}

section#signup {max-width:800px;margin-left:auto;margin-right:auto;}


section#submit {max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:80px;border:2px dashed #3aa1aa;padding:0 30px;margin-top:30px;background:#fff;}
section#submit a {color:#3aa1aa;}


section#login {max-width:800px;margin-left:auto;margin-right:auto;}


section#process {margin:0 20px;}
section#process .switch {margin-top:9px;}



section#process h3, section#theprocess h3, section#packages h3, section#plans h3, section#upgrades h3, section#faq h3, section#testimonials h3, section#contact h1, section#contact h3, section#publishers h3, section#signup h3, section#submit h3, section#login h3, section#campaign h3, section#campaignadd h3, section#supportadd h3, section#supportticket h3, section#upgrades h3, section#campaigns h3, section#payments h3, section#publishers h3, section#affiliates h3, section#stickets h3, section#profile h3, section#users h3, section#useradd h3, section#keywords h3, section#paypal h3{text-align:center;display:block;font-size:32px;text-transform:uppercase;margin:50px auto;padding:12px 20px;display:table;border:1px solid #246068;color:#fff;background:#3aa1aa;font-weight:normal;box-shadow:0 0 1px #000;text-shadow:0 0 1px #000;letter-spacing:.08em;position:relative;}
section#process h3 i, section#theprocess h3 i, section#packages h3 i, section#plans h3 i, section#upgrades h3 i, section#faq h3 i, section#testimonials h3 i, section#contact h1, section#contact h3 i, section#publishers h3 i, section#signup h3 i, section#submit h3 i, section#login h3 i, section#campaign h3 i, section#campaignadd h3 i, section#supportadd h3 i, section#supportticket h3 i, section#upgrades h3 i, section#campaigns h3 i, section#payments h3 i, section#publishers h3 i, section#affiliates h3 i, section#stickets h3 i, section#profile h3 i, section#users h3 i, section#useradd h3 i, section#keywords h3 i, section#paypal h3 i{font-size:28px;padding-left:8px;min-width:20px;}

section#contact h1,section#publishers h1 {margin:50px auto 30px}

.process {display:flex;border-bottom: 1px solid #3aa1aa;
    align-items: center;
    justify-content: center;font-size:22px;}
.process {border-left:1px solid #3aa1aa;border-right:1px solid #3aa1aa;background:#fff}

.process span {
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	text-shadow:0 0 1px #000;
}
.process span.header {flex: 75%;
    padding: 12px;
    border-right: 1px solid #3aa1aa;
    position: relative;
}

.process span.input {flex: 25%;
text-align: center;
padding:0 12px;}

.process span span {display:block;}


.process.ptitle {background:#246068;font-weight:600;border:1px solid #246068;color:#fff;text-transform:uppercase;}
.process.ptitle span.header {border-color:#246068;}
.process .header .hicons {position:absolute;right:15px;color:#3aa1aa;font-size:16px;}
.process .header .hicons b {padding: 2px 10px 4px;border: 1px solid #246068;  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;}


.section_split {background:#3aa1aa;color:#fff;text-align:center;font-size:28px;margin-top:30px;margin-bottom:30px;border-top:1px solid #23383b;border-bottom:1px solid #23383b;}
.section_split .wrap {padding:30px;}



/* admin */
section#campaigns {}
section#campaigns a {color:#3aa1aa;}
section#campaigns .btn {color:#fff;margin:20px;}


section#payments {}
section#payments a {color:#3aa1aa;}
section#payments .btn {color:#fff;margin:20px;}
section#payments .container {max-width:800px;margin:0 auto;}

section#paypal {margin-top:60px;}

section#stickets {}
section#stickets a {color:#3aa1aa;}
section#stickets .btn {color:#fff;margin:20px;}

section#users {}
section#users a {color:#3aa1aa;}
section#users .btn {color:#fff;margin:20px;}


section#profile {max-width:800px;margin-left:auto;margin-right:auto;}

section#campaign {margin-left:auto;margin-right:auto;}
section#campaign .container {max-width:800px;margin:0 auto;}

section#campaignadd {max-width:800px;margin-left:auto;margin-right:auto;}

section#supportadd {max-width:800px;margin-left:auto;margin-right:auto;}

section#useradd {max-width:800px;margin-left:auto;margin-right:auto;}

section#keywords {max-width:800px;margin-left:auto;margin-right:auto;}

/*section#supportticket {max-width:800px;margin-left:auto;margin-right:auto;}*/


.mychecks label {padding:8px 14px !important;background:#fff;border:1px solid #3aa1aa;color:#3aa1aa;}
.mychecks label:hover, .mychecks input[type=checkbox]:checked + label {background:#3aa1aa !important;cursor:pointer;color:#fff !important;}
.mychecks input[type=checkbox] + label > span {display:none !important;}
.mychecks label:hover span {background:#3aa1aa;}
label.hand:hover {cursor: pointer;}

section#keywords .imgwrap {padding-right:325px;}
section#keywords .imgwrap i {right:345px;}
section#keywords .imgwrapright {width:300px;max-height:400px;float:right;overflow:hidden;color:#fff;}
section#keywords .imgwrapbg img {border:1px solid #3aa1aa;background:#fff;box-sizing:border-box;border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;}
section#keywords .imgpreview {width:100%;height:100%;}


section#upgrades .btn {color:#fff;margin:20px;}

.popimg {position:relative;max-height:175px;display:inline-block;margin:0 4px 4px 0;padding:4px;background:#3aa1aa;border:1px solid #3aa1aa;}
.popimg img {height:175px;width:175px;border:0;}
.popimg:hover {
	z-index:1;
	transform:scale(1.22);
	filter:brightness(1.22);
}

table {
  font-family: arial, sans-serif;
  font-size:17px;
  border-collapse: collapse;
  width: 100%;
  table-layout:auto;
  word-break: break-word;
}
table th {white-space:nowrap;}
td, th {
  border: 1px solid #246068;
  text-align: left;
  padding: 12px;
}

tr {background:#fff;}
tr:nth-child(odd) {
  background: #3aa1aa;
}
tr:nth-child(odd), tr:nth-child(odd) a{
  color: #fff !important;
}
tr:nth-child(odd) td:first-child {
	border-right:1px solid #fff;
}
tr:first-child{
	background:#246068;
	color:#fff;
	text-decoration:underline;
}
tr:first-child th {padding:18px 12px;text-transform:uppercase;}
tr:first-child th:last-child {width:25%;max-width:25%;text-align:center;}

tr th.package, tr td.package {padding:18px 12px;text-transform:uppercase;}
tr th.package, tr td.package {width:12%;max-width:12%;text-align:center;}


table.ticket td {height:60px;vertical-align:top;}
table.ticket time {display:block;}


/* done admin */



@media screen and (max-width:800px){
	section#testimonials ul {display:block;margin:0 5px;}
	section#testimonials ul li {display:block;width:unset;}
	
	section#plans .packages, section#upgrades .packages {display:block;}
	.packages ul li.price {font-size:40px;}
	
	section#contact,section#publishers, section#signup, section#login, section#submit, section#campaign, section#campaignadd, section#supportadd, section#supportticket, section#upgrades, section#campaigns, section#payments, section#publisher, section#affiliate, section#stickets, section#profile, section#users, section#useradd, section#keywords, section#faq{margin-left:10px;margin-right:10px;}
	
	.form-group {margin:0 4px;}
	section#keywords .imgwrapright {float:unset;width:100%;max-height:80vh;}
	section#keywords .imgwrap {padding-right:0;}
	
	section#theprocess ul li {width:44%;}
	section#theprocess ul li h6 {text-align:left;padding-left:54px;}
}
@media screen and (max-width:600px){

	section#home.fw .wrap h3 {max-width:400px;margin:0 auto;}
	section#plans ul, section#upgrades ul {display:block;width:unset;margin-top:30px;}
	
}
@media screen and (max-width:500px){

	section#theprocess ul li {display:block;width:unset;}
	
	section#process h3 i, section#theprocess h3 i, section#packages h3 i, section#plans h3 i, section#upgrades h3 i, section#faq h3 i, section#testimonials h3 i, section#contact h1, section#contact h3 i, section#publishers h1, section#publishers h3 i, section#signup h3 i, section#submit h3 i, section#login h3 i, section#campaign h3 i, section#campaignadd h3 i, section#supportadd h3 i, section#supportticket h3 i, section#upgrades h3 i, section#campaigns h3 i, section#payments h3 i, section#publishers h3 i, section#affiliates h3 i, section#stickets h3 i, section#profile h3 i, section#users h3 i, section#useradd h3 i, section#keywords h3 i{position:absolute;left:0;right:0;top:-26px;}
	
	section#process h3 i:before, section#theprocess h3 i:before, section#packages h3 i:before, section#plans h3 i:before, section#upgrades h3 i:before, section#faq h3 i:before, section#testimonials h3 i:before, section#contact h1, section#contact h3 i:before, section#publishers h1, section#publishers h3 i:before, section#signup h3 i:before, section#submit h3 i:before, section#login h3 i:before, section#campaign h3 i:before, section#campaignadd h3 i:before, section#supportadd h3 i:before, section#supportticket h3 i:before, section#upgrades h3 i:before, section#campaigns h3 i:before, section#payments h3 i:before, section#publishers h3 i:before, section#affiliates h3 i:before, section#stickets h3 i:before, section#profile h3 i:before, section#users h3 i:before, section#useradd h3 i:before, section#keywords h3 i:before{background:#3aa1aa;padding:8px 16px 0;border:1px solid #23383b;border-bottom:0;border-radius: 5px;
		  -moz-border-radius: 5px;
		  -webkit-border-radius: 5px;
		  -o-border-radius: 5px;
		  -ms-border-radius: 5px;}
	
}
@media screen and (max-width:400px){
	section#process h3, section#theprocess h3, section#packages h3, section#plans h3, section#upgrades h3, section#faq h3, section#testimonials h3, section#contact h1, section#contact h3, section#publishers h1, section#publishers h3, section#signup h3, section#login h3, section#submit h3, section#campaign h3, section#campaignadd h3, section#supportticket h3, section#upgrades h3, section#campaigns h3, section#payments h3, section#publishers h3, section#affiliates h3, section#stickets h3, section#profile h3, section#users h3 {padding:8px;}
	
	
	table {font-size:15px;}
}

/* full width (break parent) */
.fw {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	
	
	/*width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;*/
	
	/* javascript functions to make perfect
	width:var(--page-width);
	margin-left:var(--center-margin);
	left:var(--center-left);*/
}
/* center text of full width screen */
.fwc {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: center;
	-webkit-box-align: center;
   
}
/* center align */
.fwca {align-items: center; -webkit-align-items: center;}


section p {font-size:22px;text-align:center;max-width:800px;margin:0 auto 25px;}
section .imp {padding:20px 10px;background:#fff;border:1px solid #3aa1aa;margin-bottom:50px;box-shadow:0 0 2px #000;}
section div.imp {max-width:800px;margin-top:50px;margin-left:auto;margin-right:auto;padding:0 60px 30px;}
section#home {background:#3aa1aa;text-align:center;vertical-align:middle;color:#fff;;}
section#home.fw {background:#3aa1aa;border-bottom:1px solid #23383b;box-shadow:0 0 1px #000;}
section#home.fw .wrap {padding:60px 30px;max-width:700px;margin:0 auto;}

section#home h3 {font-size:44px;text-shadow:0 0 1px #000;}
section#home p {font-size:26px;margin-bottom:15px;text-shadow:0 0 1px #000;}

section#home .btn {margin-top:10px;border-color:#246068;letter-spacing:normal;}
section#home .btn:hover {box-shadow:0 0 6px #23383b;}


/* rounded corner checkboxes */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}


footer {margin-top:50px;background:#3aa1aa;text-align:center;color:#fff;padding:15px 0;}
footer ul {margin-bottom:5px;font-size:22px;}
footer ul li {list-style-type:none;display:inline-block;padding:8px;}
footer ul li a {color:#fff;}



/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #3aa1aa;
}

input:focus + .slider {
  box-shadow: 0 0 1px #3aa1aa;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.btn {display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
	text-shadow:0 0 1px #000;
	letter-spacing:.08em;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	background:#3aa1aa;padding:12px 26px;color:#fff;font-weight:600;box-shadow:0 0 2px #000;font-size:22px;border:1px solid #246068;
}



/* fancy form */

.form-group {
  position:relative;
  overflow: hidden;
  margin-bottom: 20px;
 }
  
.form-group label {display:none;padding:5px 0 0 5px;color:#3aa1aa;font-style:italic;font-weight:600;}
 
.form-group i {position:absolute;top:64px;right:20px;color:#3aa1aa;font-size:20px;background:#fff;height:23px;padding:0 0 0 10px;}
#popup .form-group i {top:20px;}
.form-group.disabled i {background:transparent;}

.form-group.nomg {margin-bottom:0;}

.form-group.screenshot {overflow:visible;min-height:225px;}

.form-group .input-title {margin:4px 0 0 8px;background:#3aa1aa;padding:5px 25px;color:#fff;max-width:200px;text-shadow:0 0 1px #000;box-shadow:0 0 1px #000;border:1px solid #246068;border-bottom:0;}
.form-group span.input-title {display:inline-block;}

.form-group .form-bg {background:#fff;border:1px solid #3aa1aa;padding:4px 10px 10px;}

.form-input, .screenshot {
  width: 100%;
  border: 1px solid #3aa1aa;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 20px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  color: #3aa1aa;
  font-size:17px;
  background:#fff;
  }
  .form-input::-webkit-input-placeholder {
	color: #999; }
  .form-input::-moz-placeholder {
	color: #999; }
  .form-input:-ms-input-placeholder {
	color: #999; }
  .form-input:-moz-placeholder {
	color: #999; }
  .form-input::-webkit-input-placeholder {
	font-weight: 500; }
  .form-input::-moz-placeholder {
	font-weight: 500; }
  .form-input:-ms-input-placeholder {
	font-weight: 500; }
  .form-input:-moz-placeholder {
	font-weight: 500; }
  .form-input:focus {
	border: 1px #23383b transparent;color: #23383b;outline-color:#3aa1aa;}
  .form-input:disabled {
	background:transparent;}
  .form-group.disabled label {
	color:#3aa1aa;display:block;font-style:normal;text-transform:uppercase;position:absolute;top:10px;right:75px;}
  .form-group.screenshot label {right:20px;color:#fff;}
  
	.form-input:focus::-webkit-input-placeholder {
	  color: #23383b; }
	.form-input:focus::-moz-placeholder {
	  color: #23383b; }
	.form-input:focus:-ms-input-placeholder {
	  color: #23383b; }
	.form-input:focus:-moz-placeholder {
	  color: #23383b; }
	  
	  .form-submit {
		  width: 100%;
		  border-radius: 5px;
		  -moz-border-radius: 5px;
		  -webkit-border-radius: 5px;
		  -o-border-radius: 5px;
		  -ms-border-radius: 5px;
		  padding: 17px 20px;
		  text-align:center;
		  display:block;
		  box-sizing: border-box;
		  font-size: 18px;
		  color: #fff;
		  text-transform: uppercase;
		  border:1px solid #246068;
		  text-shadow:0 0 1px #000;
		  background:#3aa1aa;
		  cursor:pointer;}

		input[type=checkbox]:not(old) {
		  width: 2em;
		  margin: 0;
		  padding: 0;
		  font-size: 1em;
		  display: none; }

		input[type=checkbox]:not(old) + label {
		  display: inline-block;
		  margin-top: 7px;
		  padding:0 4px;}

		input[type=checkbox]:not(old) + label > span {
		  display: inline-block;
		  width: 18px;
		  height: 18px;
		  margin-right: 6px;
		  margin-bottom: 3px;
		  border: 2px solid #3aa1aa;
		  border-radius: 2px;
		  -moz-border-radius: 2px;
		  -webkit-border-radius: 2px;
		  -o-border-radius: 2px;
		  -ms-border-radius: 2px;
		  background: black;
		  cursor:pointer;
		  background-image: -moz-linear-gradient(white, black);
		  background-image: -ms-linear-gradient(white, white);
		  background-image: -o-linear-gradient(white, white);
		  background-image: -webkit-linear-gradient(white, white);
		  background-image: linear-gradient(white, white);
		  vertical-align: bottom; }

		input[type=checkbox]:not(old):checked + label > span {
		  background-image: -moz-linear-gradient(white, white);
		  background-image: -ms-linear-gradient(white, white);
		  background-image: -o-linear-gradient(white, white);
		  background-image: -webkit-linear-gradient(white, white);
		  background-image: linear-gradient(white, white); }

		input[type=checkbox]:not(old):checked + label > span:before {
		  content: "\f00c";
		  display: block;
		  color: #23383b;
		  font-size: 24px;
		  line-height: .6;
		  text-align: center;
		  font-family: "Font Awesome 6 Free";
		  font-weight: bold; }

		input[type=radio] {
			width:unset;
		}



.form-group .label-agree-term2 {color:#23383b;margin-left:30px;text-decoration:underline;}


/* popup modal */
#popup {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.8);
}
#popup .wrap {
  background-color: #e5e5e5;
  margin: 60px auto;
  border: 1px solid #23383b;
  width: 550px;
  border-radius:.25rem;
  overflow:hidden;
  max-width:96vw;
}

#popup .login, #popup .pwreset, #popup .subcampaign, #popup .imgpop {display:none;}

#popup .title {position:relative;font-size:28px;text-align:center;padding:8px;background:#3aa1aa;color:#fff;border-bottom:1px solid #3aa1aa;text-shadow:0 0 1px #000;}
#popup .title a {position:absolute;top:8px;right:12px;color:#fff;}
#popup .title i {pointer-events: none;}

#popup form {margin:30px;}


body.popup #popup {display:block;}
body.popup.plogin #popup .login, body.popup.pwreset #popup .pwreset, body.popup.psubcampaign #popup .subcampaign, body.popup.imgpop #popup .imgpop {display:block;}



#popup .form-group {margin-bottom:10px;background:#fff;}


.popimg, .popimg img, .form-group.mychecks label, section#keywords .imgwrapright, section#faq ul, section#faq ul li, section h3, #popup .arrows a, section#theprocess ul li, section#theprocess ul li h6, section#testimonials ul li, section#submit, section#theprocess b, section p.imp, .form-group .form-bg, .packages ul li {
	 border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}

.form-group .input-title {border-top-left-radius:5px;border-top-right-radius:5px;}

section#theprocess ul li h6 {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	
}

#popup .imgpop {position:relative;}
#popup .arrows a {position:absolute;background:#3aa1aa;padding:20px 10px;top:180px;color:#fff;border:1px solid #3aa1aa;display:none;}
#popup .arrows a.prev {left:-25px;}
#popup .arrows a.next {right:-25px;}
body.imgpop #popup .wrap {overflow:visible;width:800px;margin-top:25px;}

body.arrow-previous #popup .arrows, body.arrow-next #popup .arrows {display:block;}
body.arrow-previous #popup a.prev {display:block;}
body.arrow-next #popup a.next {display:block;}


.bg-transparent {background:transparent !important;}



/* the animations */

.wiggle, .shake, body.sticky header, body.sticky, body.sticky header #logo, .popimg {transition: all ease 400ms;}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.shake:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}


.wiggle {  
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.wiggle:hover {
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
}
@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(5deg); }
   95% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
@keyframes bounce {
   0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
   40% {transform: translateY(-30px);} 
   60% {transform: translateY(-15px);} 
}