/**********************************
Reset
***********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
background: white;
font-family: 'Arial', 'sans serif';
font-size: 16px;
}
ol, ul {
list-style: none;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
element {
}
a{
color:#4f63a3;
}
a:hover{
color:#1967e5;
}
/*---------BASICS-----------------*/
clear, .clear{
clear:both !important;
display: block;
}
.block{
display:block;
}
.inline{
display:inline-block;
margin-right:-1%;
}
.no_wrap{
white-space: nowrap;
}
main{
display: block;
}
header img{
max-width:300px;
}
a{
text-decoration: none;
color:#4388bf;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
a:hover{
text-decoration: none;
color:#32485d;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
#alert.firefox{
position: fixed;
top:50%;
left:50%;
transform: translate(-50%,-50%);
width:80%;
padding:2%;
max-width: 300px;
background:#fff;
box-shadow: 0 0 5px 1px #C7C7C7;
}
#alert.firefox button{
float: left;
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
background-color:#f4b311;
color:#fff;
cursor: pointer;
border: none;
width: 80px;
}
#alert.firefox a{
float:right;
}
.contain{
max-width:1000px;
margin:0 auto;
display:block;
width:96%;
padding:0 2%;
}
.image_floatright, .nImageRt, .alignright{
float: right;
margin:5px;
}
.image_floatleft{
float: left;
margin:5px;
}
.wp-caption-text{
font-size: 12px;
text-align: center;
}
.overflow{
overflow: hidden;
}
.scroll{
overflow: scroll;
}
.hide_box, .paymenthide_box, #hide_helpbox, #hide_helpbox2, #hide_helpbox3{
display: none;
}
/*---------BASICS-----------------*/
/*MARGINS*/
.add_margin{
margin:2%;
}
.margin_rt{
margin-right:4%;
}
.margin_lt{
margin-left:4%;
}
.margin_tp{
margin-top:4%;
}
.margin_btm{
margin-bottom: 4%;
}
.no_margin{
margin: 0 !important;
}
/*PADDING*/
.add_padding{
padding:3%;
}
.padding_rt{
padding-right:4%;
}
.padding_lt{
padding-left:4%;
}
.padding_tp{
padding-top:4%;
}
.padding_btm{
padding-bottom: 4%;
}
/*VERTICAl ALIGN**/
.valign_tp{
vertical-align:top;
}
.valign_md{
vertical-align:middle;
}
.valign_btm{
vertical-align:bottom;
}
/*---------tyoe-----------------*/
h1, .h1{
font-size: 2.875em;
line-height: 65px;
}
h2, .h2{
color:#32485d ;
font-size: 38px;
line-height: 44px;
margin-bottom: 20px;
}
h3, .h3{
font-size: 24px ;
line-height: 32px;
margin-bottom:10px;
}
h4, .h4{
font-size: 20px;
line-height: 26px;
margin-bottom:10px;
}
h5, .h5{
font-size: 18px;
line-height: 24px;
margin-bottom:10px;
}
p{
font-size: 16px;
line-height: 24px;
margin-bottom:10px;
}
.bold, strong{
font-weight:700;
}
.light{
font-weight: 300;
}
.center_txt{
text-align: center;
}
.right_txt{
text-align: right;
}
.small, .small_txt{
font-size: 14px;
line-height: 22px;
margin-bottom:10px;
}
.raleway{
font-family: 'Raleway', 'Arial', 'Sans Serif';
}
.icon{
font-size: 40px !important;
line-height: 45px !important;
padding:0 10px;
}
.parallax {
background-position: 50% 50%;
background-size: cover;
background-attachment: fixed;
background-repeat:no-repeat;
width: 100%;
min-height: 100%;
}
/*---------type-----------------*/
/*---------tables-----------------*/
table{
min-width: 400px;
}
table td{
padding:2%;
text-align: center;
}
table th{
padding:3% 2%;
text-align: center;
}
table tr:nth-of-type(odd){
background: #f2f2f2;
}
/*---------tables-----------------*/
/*bullets*/
ul{
margin-left: 10%;
width:90%;
}
ul li:before{
font-size: 16px;
margin: 0px 12px 0 -26px;
content: "\f058";
font-family: 'FontAwesome';
vertical-align: top;
display: inline-block;
color: #f4b311;
}
ul li{
list-style: none;
line-height: 22px;
margin-bottom: 15px;
}
ul.checks li:before{
font-size: 28px;
margin: 0px 12px 0 -35px;
}
ul.icons {
display: inline-block;
width: 100%;
margin: 0;
}
ul.icons li:before {
content: "";
}
ul.icons li {
width: 21%;
float: left;
padding: 0 2%;
}
ul.icons li img {
display: block;
margin: 0 auto;
padding-bottom: 4%;
}
/*buttons*/
.button, .nonform_bttn{
background-color: #f4b311;
color: #fff !important;
padding: 2%;
border-radius: 3px;
margin: 2% auto;
font-size: 1.5em;
display: inline-block;
line-height: 23px;
cursor: pointer;
text-decoration: none !important;
transition: box-shadow .1s ease-in-out;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.button i{
margin-left: 15px;
}
.button:hover, .nonform_bttn:hover{
transition: all .2s ease-in-out;
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
cursor: pointer;
text-decoration: none!important;
}
#submit{
background-color: #f4b311;
color: #fff !important;
padding: 2%;
border-radius: 3px;
margin: 2% auto;
font-size: 1.5em;
line-height: 23px;
cursor: pointer;
text-decoration: none !important;
transition: box-shadow .1s ease-in-out;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#submit:hover{
transition: all .2s ease-in-out;
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
cursor: pointer;
text-decoration: none!important;
}
/*line*/
.line{
height:4px;
margin: 10px auto;
}
.white_txt{
color: #fff;
}
.yellow_txt{
color:#f4b311;
}
.blue_txt{
color:#4f63a3;
}
.gray_txt{
color:#9e9e9e;
}
.white_bg{
background: #fff;
}
.blue_bg{
background:#4f63a3;
}
.yellow_bg{
background: #f4b311;
}
.gray_bg{
background: #f2f2f2;
}
#headerimage{
background-image:url('https://uploads.safesave-payments.com/wp-content/images/enrollmenthero.jpg');
background-size:cover;
background-position: center bottom;
margin-bottom: 2%;
}
#headerimage header {
background: rgba(122,122,122, 0.7);
padding-right: 2%;
}
#headerimage header h1 {
font-weight: 600;
}
#headerimage header h1 span {
font-weight: 100;
clear: both;
display: block;
}
.skill-bar-percent {
font-size: 18px !important;
}
.helpboxTxt {
font-size: 12px;
font-style: italic;
}
.helpboxContent {
display: block;
padding: 2%;
line-height: 21px;
background: #e1e1e1;
font-size: 14px;
}
section.ownerhideBox:nth-child(odd) {
background:#F2F2F2;
}
section.ownerhideBox {
display: inline-block;
padding: 2%;
}
/********** GRID *****************/
.grid:after {
content: "";
display: table;
clear: both;
}
.centerblock{
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
clear: both !important;
}
.show_mobile{
display:none;
}
.grid {
margin-left: auto !important;
margin-right: auto !important;
overflow: hidden;
}
.grid .add_padding{
padding-left:4%;
padding-right: 4%;
}
.grid .add_margin{
margin-left:4%;
margin-right: 4%;
}
.grid .col {
box-sizing: border-box;
float: left;
clear:none !important;
min-height: 1px;
}
.hide-desktop {
display: none;
}
.grid .desktop1 {
width: 8.3333333333%;
}
.grid .desktop2 {
width: 16.6666666667%;
}
.grid .desktop3 {
width: 25%;
}
.grid .desktop4 {
width: 33.3333333333%;
}
.grid .desktop5 {
width: 41.6666666667%;
}
.grid .desktop6 {
width: 50%;
}
.grid .desktop7 {
width: 58.3333333333%;
}
.grid .desktop8 {
width: 66.6666666667%;
}
.grid .desktop9 {
width: 75%;
}
.grid .desktop10 {
width: 83.3333333333%;
}
.grid .desktop11 {
width: 91.6666666667%;
}
.grid .desktop12 {
width: 100%;
}
@media (max-width: 1200px) and (min-width: 1400px) {
.grid .desktop1 {
width: 8.3333333333%;
}
.grid .desktop2 {
width: 16.6666666667%;
}
.grid .desktop3 {
width: 25%;
}
.grid .desktop4 {
width: 33.3333333333%;
}
.grid .desktop5 {
width: 41.6666666667%;
}
.grid .desktop6 {
width: 50%;
}
.grid .desktop7 {
width: 58.3333333333%;
}
.grid .desktop8 {
width: 66.6666666667%;
}
.grid .desktop9 {
width: 75%;
}
.grid .desktop10 {
width: 83.3333333333%;
}
.grid .desktop11 {
width: 91.6666666667%;
}
.grid .desktop12 {
width:98%;
margin-left:auto !important;
margin-right:auto !important;
padding-left:1% !important;
padding-right:1% !important;
float: none !important;
}
}
@media only screen and (max-width: 1200px) {
.offset_left {
margin-left: 10vw;
}
.grid .laptopclear{
float:none !important;
}
.grid .laptop1 {
width: 8.3333333333%;
}
.grid .laptop2 {
width: 16.6666666667%;
}
.grid .laptop3 {
width: 25%;
}
.grid .laptop4 {
width: 33.3333333333%;
}
.grid .laptop5 {
width: 41.6666666667%;
}
.grid .laptop6 {
width: 50%;
}
.grid .laptop7 {
width: 58.3333333333%;
}
.grid .laptop8 {
width: 66.6666666667%;
}
.grid .laptop9 {
width: 75%;
}
.grid .laptop10 {
width: 83.3333333333%;
}
.grid .laptop11 {
width: 91.6666666667%;
}
.grid .laptop12 {
width:98%;
margin-left:auto !important;
margin-right:auto !important;
padding-left:1% !important;
padding-right:1% !important;
float: none !important;
}
.laptop_border_off{
border:none!important;
}
}
@media only screen and (max-width: 800px) {
.show_mobile{
display: block;
}
.grid .tabletclear{
float:none !important;
}
.grid .tablet1 {
width: 8.3333333333% !important ;
}
.grid .tablet2 {
width: 16.6666666667%!important;
}
.grid .tablet3 {
width: 25% !important;
}
.grid .tablet4 {
width: 33.3333333333% !important;
}
.grid .tablet5 {
width: 41.6666666667% !important;
}
.grid .tablet6 {
width: 50% !important;
}
.grid .tablet7 {
width: 58.3333333333% !important;
}
.grid .tablet8 {
width: 66.6666666667% !important;
}
.grid .tablet9 {
width: 75% !important;
}
.grid .tablet10 {
width: 83.3333333333%!important;
}
.grid .tablet11 {
width: 91.6666666667% !important;
}
.grid .tablet12 {
width: 98% !important;
margin-left:auto !important;
margin-right:auto !important;
padding-left:1% !important;
padding-right:1% !important;
float: none !important;
}
.tablet_border_off{
border:none!important;
}
.no_tablet{
display: none !important;
}
.no_margin_tablet{
margin-left:auto;
margin-right:auto;
}
.grid .mobile_col {
float: left;
}
ul.tablet_listclear li{
clear: both;
width: inherit;
}
ul.icons {
display: block;
margin: 0 auto;
}
ul.icons li {
display: table;
clear: both;
width: 100%;
}
ul.icons li span, ul.icons li img{
display: table-cell;
vertical-align: middle;
}
ul.icons li span {
width: 80%;
text-align: left;
}
ul.icons li img {
float: left;
display: block;
}
#headerimage header h1 {
text-align: center;
}
}
@media only screen and (max-width: 586px) {
header img{
display: block;
margin:5px auto;
}
.no_phone{
display: none !important;
}
.grid .phoneclear{
float:none !important;
}
.grid .phone1 {
width: 8.3333333333% !important;
}
.grid .phone2 {
width: 16.6666666667% !important;
}
.grid .phone3 {
width: 25% !important;
}
.grid .phone4 {
width: 33.3333333333%!important;
}
.grid .phone5 {
width: 41.6666666667%!important;
}
.grid .phone6 {
width: 50% !important;
}
.grid .phone7 {
width: 58.3333333333% !important;
}
.grid .phone8 {
width: 66.6666666667%!important;
}
.grid .phone10 {
width: 83.3333333333%!important;
}
.grid .phone11 {
width: 91.6666666667% !important;
}
.grid .phone12 {
width: 98% !important;
margin-left:auto !important;
margin-right:auto !important;
padding-left:1% !important;
padding-right:1% !important;
float: none !important;
}
.phone_border_off{
border:none!important;
}
.center_txt_phone{
text-align: center;
}
.phone_scroll{
overflow: scroll !important;
}
}
@media only screen and (max-width: 480px) {
}