body {
font-family: 'Open Sans', arial;
margin: 0px;
padding: 0px;
font-size: 14px;
background: #f8f8f8;
}
body img {max-width: 100%;}
a {
text-decoration: none;
color: #fcb549;
}
a:hover {
text-decoration: underline;
}
hr.review {
border: 0;
border-top: 1px dashed #f0f0f0;
margin: 25px 0px;
}
hr.top {
border: 0;
border-top: 1px solid #121212;
margin: 10px 0px;
}
h1, h2, h3 {
color: #363838;
}
h1.mtop {
margin-top: 5px;
}
h2 {
font-size: 19px;
font-weight: normal;
}
hr.gray {
border: 0;
border-top: 1px solid #ddd;
margin: 10px 0px;
}
hr.line {
border: 0;
border-bottom: 3px solid #c4915a;
margin: 0;
margin-bottom: 30px;
}
.space5 {height: 5px;}
.space10 {height: 10px;}
.space15 {height: 15px;}
.space20 {height: 20px;}
.space30 {height: 30px;}
.space50 {height: 50px;}
.space200 {height: 200px;}
.simpletable {
display: table;
width: 100%;
}
.row {display: table-row;}
.simplecell {display: table-cell;}
.simplebox {
border: 1px solid #dddddd;
background-color: #ffffff;
margin: 0 auto;
padding: 15px;
margin-bottom: 10px;
}
.simplebox h1 {
margin-top: 0px;
}
.dashedbox2 {
border: 2px dashed #dddddd;
background-color: #ffffff;
margin: 0 auto;
padding: 15px;
margin-bottom: 10px;
}
.simplepad {
padding: 0px 15px;
}
.simpleinline {
display: inline-block;
box-sizing: border-box;
text-align: left;
font-size: 14px;
}
.rel-container {position: relative;}
.padded-container {padding: 0px 10px;}
.inline-container {font-size: 0;}
.inline-container .simpleinline:last-child {margin-right: 0px;}
.vcenter .simpleinline {
vertical-align: middle;
}
.lright .simpleinline:last-child {
text-align: right;
}
.tcenter .simpleinline {
text-align: center;
}
.inline-1-12 {
width: calc(1*(100% - 110px)/12);
margin-right: 10px;
vertical-align: top;
}
.inline-2-12 {
width: calc(2*(100% - 110px)/12 + 10px - 0.01%);
margin-right: 10px;
vertical-align: top;
}
.inline-3-12 {
width: calc(3*(100% - 110px)/12 + 20px - 0.01%);
margin-right: 10px;
vertical-align: top;
}
.inline-4-12 {
width: calc(4*(100% - 110px)/12 + 30px - 0.01%);
margin-right: 10px;
vertical-align: top;
}
.inline-5-12 {
width: calc(5*(100% - 110px)/12 + 40px - 0.01%);
margin-right: 10px;
vertical-align: top;
}
.inline-6-12 {
width: calc(6*(100% - 110px)/12 + 50px - 0.01%);
margin-right: 10px;
vertical-align: top;
}
.inline-7-12 {
width: calc(7*(100% - 110px)/12 + 60px - 0.01%);
margin-right: 10px;
vertical-align: top;
}
.inline-8-12 {
width: calc(8*(100% - 110px)/12 + 70px - 0.01%);
margin-right: 10px;
vertical-align: top;
}
.inline-9-12 {
width: calc(9*(100% - 110px)/12 + 80px - 0.01%);
margin-right: 10px;
vertical-align: top;
}
.inline-10-12 {
width: calc(10*(100% - 110px)/12 + 90px - 0.01%);
margin-right: 10px;
vertical-align: top;
}
.inline-11-12 {
width: calc(11*(100% - 110px)/12 + 100px - 0.01%);
margin-right: 10px;
vertical-align: top;
}
.inline-12-12 {
width: calc(12*(100% - 110px)/12 + 110px - 0.01%);
margin: 0;
vertical-align: top;
}
.inline-1-10 {
width: calc(1*(100% - 90px)/10 - 0.01%);
margin-right: 10px;
vertical-align: top;
}
.inline-2-10 {
width: calc(2*(100% - 90px)/10 + 10px - 0.01%);
margin-right: 10px;
vertical-align: top;
}
.rightpad10 {
padding-right: 10px;
}
.rightpad20 {
padding-right: 20px;
}
.leftpad10 {
padding-left: 10px;
}
.leftpad20 {
padding-left: 20px;
}
/* General */
#wrap {
min-height: calc(100% - 295px);
}
#hdr-container {
width: 100%;
border-top: 15px solid #77bf43;
background: #fff;
}
#hdr {
width: 1200px;
background: #fff;
margin: 0 auto;
position: relative;
padding: 20px 0px;
font-size: 0;
}
#l-hdr-container {
width: 100%;
background: #fff;
}
#l-hdr {
width: 1200px;
background: #fff;
margin: 0 auto;
position: relative;
padding: 20px 0px;
font-size: 0;
}
#hdr-mob {
display: none;
text-align: center;
}
#logo {
display: inline-block;
vertical-align: middle;
width: 270px;
}
#subnav-container {
width: 100%;
background: #76bf43;
}
#subnav {
width: 1200px;
background: #76bf43;
margin: 0 auto;
position: relative;
font-size: 0;
}
#subnav IMG {
width: 25px;
}
#menu {
display: none;
cursor: pointer;
width: 25px;
}
#bdy-container {
width: 100%;
padding: 10px 0px;
}
.bg-gray {
background: #f2f5f8;
padding: 40px 0px;
}
.bg-gray2 {
background: #f0f0f0;
padding: 40px 0px;
}
.bg-white {
background: #fff;
padding: 40px 0px;
}
.bdy {
width: 1200px;
margin: 0px auto;
box-sizing: border-box;
}
.bdy-m {
width: 800px;
margin: 0 auto;
padding: 15px 0px;
}
.bdy-s {
width: 400px;
margin: 0 auto;
padding: 15px 0px;
}
.bdy-m h1, .bdy-s h1 {
margin-top: 0;
}
#ftr-container {
width: 100%;
box-sizing: border-box;
background: #e9e9ea;
color: #020202;
text-align: center;
}
#ftr {
width: 1200px;
padding: 20px 0px 30px 0px;
margin: 0 auto;
background: #e9e9ea;
text-align: center;
line-height: 25px;
}
#ftr-mob {
display: none;
text-align: center;
padding: 20px 0px;
color: #121212;
}
.iframeWrapper {
position: relative;
padding-bottom: 55%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.iframeWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#breadcrumbs {
margin: 10px 0px;
color: #9f9f9f;
}
#breadcrumbs a {
color: #9f9f9f;
font-size: 12px;
}
#breadcrumbs span:last-child a {
color: #000;
}
.btn {
display: inline-block;
vertical-align: middle;
margin: 0px 10px 0 0;
background: #77bf43;
color: #fff;
padding: 11px 30px;
border: 0;
border-radius: 3px;
cursor: pointer;
font-size: 13px;
font-family: 'Open Sans';
-webkit-appearance: none;
}
.btn:hover {
text-decoration: none;
background: #85d34d;
}
.btnhome {
display: inline-block;
vertical-align: middle;
margin: 0px 10px 0 0;
background: #77bf43;
color: #fff;
padding: 15px 34px;
border: 0;
border-radius: 3px;
cursor: pointer;
font-size: 13px;
font-family: 'Open Sans';
-webkit-appearance: none;
}
.btnhome:hover {
text-decoration: none;
background: #85d34d;
}
.btn.blue {
background: #2e7ce7 !important;
color: #fff;
width: 200px;
text-align: center;
}
.btn.red {
background: #800020;
color: #fff;
width: 150px;
border-radius: 5px;
text-align: center;
}
.btn.blue:hover {
background: #166ee6;
}
.btn.green {
background: #4ba627;
color: #fff;
width: 200px;
text-align: center;
}
.btn.green:hover {
background: #339933;
}
.btn.blue.index {
width: 100%;
box-sizing: border-box;
font-size: 20px;
}
/* topnav.inc */
#hdr #topnav {
display: inline-block;
vertical-align: middle;
text-align: right;
padding: 0;
margin: 0;
width: calc(100% - 270px);
}
#hdr #topnav li {
display: inline-block;
margin: 0px 15px;
padding: 0;
font-size: 17px;
position: relative;
color: #fff;
}
#hdr #topnav a {
color: #606060;
text-decoration: none;
padding: 20px 0px;
cursor: pointer;
border-bottom: 1px solid transparent;
}
#hdr #topnav a:hover {
text-decoration: none;
color: #77bf43;
border-bottom: 1px solid #77bf43;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
#hdr #topnav li:last-child {
margin-right: 0;
}
#hdr #topnav li:last-child a {
background: #77bf43;
color: #fff;
border-radius: 12px;
padding: 7px 25px;
border: 0;
font-size: 14px;
}
#hdr #topnav li:last-child a:hover {
background: #efa234;
color: #fff;
border-radius: 12px;
padding: 7px 25px;
border: 0;
}
#l-hdr #profile {
position: absolute;
height: 50px;
margin: auto;
top: 0;
bottom: 0;
right: 10px;
width: 300px;
text-align: right;
font-size: 13px;
box-sizing: border-box;
}
#l-hdr #profile #profile-out img {
display: inline-block;
vertical-align: middle;
height: 50px;
margin-right: 10px;
border-radius: 50%;
cursor: pointer;
}
#l-hdr #profile #profile-out span {
display: inline-block;
vertical-align: middle;
color: #000;
cursor: pointer;
}
#l-hdr #profile #profile-in {
display: none;
position: absolute;
border: 1px solid #ddd;
background: #fff;
border-radius: 2px;
right: 0;
margin-top: 10px;
z-index: 100001;
cursor: pointer;
}
#l-hdr #profile #profile-in img {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
#l-hdr #profile #profile-in span {
display: inline-block;
vertical-align: middle;
padding: 10px;
}
#l-hdr #profile #profile-in ul {
list-style: none;
padding: 0;
margin: 0;
}
#l-hdr #profile #profile-in ul li {
display: block;
margin: 0;
text-align: left;
}
#l-hdr #profile #profile-in ul li a {
display: block;
padding: 7px;
}
#l-hdr #profile #profile-in ul li a:hover {
background: #eee;
text-decoration: none;
}
#subnav ul {
list-style: none;
font-size: 0;
margin: 0;
padding: 0;
}
#subnav ul li {
display: inline-block;
vertical-align: middle;
margin: 0 40px 0 0;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
color: #d1aa2a;
cursor: pointer;
}
#subnav ul li a:hover {
border-bottom: 1px solid #d1aa2a;
}
#subnav ul li.selected {
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%);
}
#subnav ul li a {
display: block;
padding: 15px 0px 14px 0px;
box-sizing: border-box;
border-bottom: 1px solid transparent;
}
#subnav ul li.selected a {
border-bottom: 1px solid #fff;
}
#subnav ul li img {
display: inline-block;
vertical-align: middle;
padding-right: 5px;
}
#subnav ul li span {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #fff;
}
/* POPUP */
#popUpDim {
background: rgba(0,0,0,0.75);
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0;
left: 0;
}
.popUpBox {
display: none;
background: #fff;
position: fixed;
overflow-y: scroll;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 1200px;
height: 65%;
padding: 0px 15px;
box-sizing: border-box;
-webkit-box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
}
.popUpClose {
position: absolute;
top: 0px;
left: 0px;
text-align: right;
border: 0px solid #ccc;
padding: 0px;
margin: 0px 0px;
width: 30px;
cursor: pointer;
z-index: 10005;
}
/* mobilemenu.inc */
.menu-mob {
position: relative;
text-align: center;
padding: 15px 0px;
height: 40px;
background: #fff;
}
.logo-mob img {
position: absolute;
left: 60px;
top: 15px;
width: 180px;
}
.menu-btn {
position: absolute;
top: 22px;
left: 15px;
}
.menu-btn img {
height: 25px;
}
.call-btn {
position: absolute;
top: 22px;
right: 12px;
border-radius: 3px;
background: #77bf42;
color: #fff;
padding: 5px 7px 5px 5px;
font-size: 12px;
}
.call-btn img {
display: inline-block;
vertical-align: middle;
margin-right: 2px;
height: 18px;
}
.call-btn span {
display: inline-block;
vertical-align: middle;
}
.menu-dim {
background: #77bf42;
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 1002;
}
.menu-box {
display: none;
position: fixed;
color: #efefef;
text-align: center;
top: 0;
left: 0;
right: 0;
margin-top: 40px;
padding: 15px;
box-sizing: border-box;
z-index: 1003;
}
.menu-close {
position: absolute;
top: 0px;
left: 0px;
text-align: right;
border: 0px solid #ccc;
padding: 22px 15px 22px 15px;
margin: 0px 0px;
width: 25px;
cursor: pointer;
}
.menu-box a {
display: block;
max-width: 200px;
margin: 25px auto;
color: #fff;
font-size: 18px;
}
.menu-box a:hover {
color: #ccc;
text-decoration: none;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
/* footer.inc */
#ftrnav a {
display: inline-block;
margin-left: 30px;
}
#ftr a {color: #020202;}
#ftr a:hover {
text-decoration: none;
-webkit-filter: brightness(90%);
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
.ftr-social {
margin: 30px 0px;
}
.ftr-social a {
display: inline-block;
margin: 0px 12px;
}
.ftr-social img {
display: inline-block;
vertical-align: middle;
width: 25px;
}
.ftr-social span {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
/* forms */
form {margin: 0;}
form.form {
font-size: 0;
}
form.form p {
font-size: 14px;
}
form.form input[type='text'], form.form input[type='password'] {
border: 1px solid #ccc;
width: 100%;
padding: 10px;
margin-bottom: 10px;
font-family: 'Open Sans';
font-size: 13px;
box-sizing: border-box;
border-radius: 3px;
}
form.form input[name='firstname'] {
display: inline-block;
vertical-align: middle;
width: calc(50% - 5px);
margin-right: 5px;
}
form.form input[name='lastname'] {
display: inline-block;
vertical-align: middle;
width: calc(50% - 5px);
margin-left: 5px;
}
form.form input[name='phone'] {
display: inline-block;
vertical-align: middle;
width: calc(50% - 5px);
margin-right: 5px;
}
form.form input[name='email'] {
display: inline-block;
vertical-align: middle;
width: calc(50% - 5px);
margin-left: 5px;
}
form.form textarea {
border: 1px solid #ccc;
border-radius: 3px;
width: 100%;
padding: 10px;
margin-bottom: 10px;
height: 190px;
font-family: 'Open Sans';
font-size: 13px;
box-sizing: border-box;
}
form.form input[type='submit'] {
background: #77bf43;
color: #fff;
padding: 11px 30px;
border: 0;
border-radius: 3px;
cursor: pointer;
font-size: 13px;
font-family: 'Open Sans';
display: inline-block;
vertical-align: middle;
-webkit-appearance: none;
}
form.form input[type='submit']:hover {
background: #77bf43;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
form.form select {
border-radius: 0;
margin-right: 5px;
padding: 5px;
box-sizing: border-box;
margin-bottom: 10px;
border-radius: 2px;
}
form.form .g-recaptcha {
margin-bottom: 10px;
}
form.register input[type='password'] {
display: inline-block;
vertical-align: middle;
width: calc(50% - 5px);
margin-right: 5px;
}
form.register .note {
display: inline-block;
vertical-align: middle;
width: calc(50% - 5px);
margin-left: 5px;
font-size: 14px;
margin-bottom: 10px;
}
form.forgot input[name='email'] {
margin: 0 5px 0 0;
}
.formdate select {
box-sizing: border-box;
padding: 10px 7px;
font-size: 14px;
border: 1px solid #ccc;
}
/* FLEX */
.Mflex {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.Mcell {
flex-grow: 1;
width: 100%;
padding: 2em 2.4em;
overflow: hidden;
list-style: none;
font-size: 18px;
position: relative;
flex-wrap: wrap;
}
.Mcell:hover .card {
-moz-transform: scale(1.1) rotate(-5deg);
-webkit-transform: scale(1.1) rotate(-5deg);
-o-transform: scale(1.1) rotate(-5deg);
transform: scale(1.1) rotate(-5deg);
-webkit-transition: 300ms linear all;
-moz-transition: 300ms linear all;
-o-transition: 300ms linear all;
transition: 300ms linear all;
}
.Mcell.solid {
background: #77bf43;
color: #fff;
font-size: 40px;
position: relative;
padding: 0;
}
.Mcell.solid span {
position: absolute;
line-height: 40px;
height: 40px;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
text-align: center;
}
.Mcell.bigx {
color: #fff;
font-weight: bold;
}
.traffic .Mcell {
padding: 0;
background: #fff;
}
.traffic .Mcell.solid {
padding: 0;
background: #77bf43;
}
.traffic .Mcell p {
padding: 10px 30px;
}
.Mcell.Mpad {
padding: 0;
}
.begin-container .Mcell.Mlast, .Mcell.Mlast {
border: 0;
padding: 20px;
}
.Mcell > h1, .Mcell > h2, .Mcell > h3, .Mcell > h4, .Mcell > h5, .Mcell > h6 { margin: 0; }
/* Table column sizing
================================== */
.Mflex.col2 > .Mcell { width: calc(100%/2); }
.Mflex.col3 > .Mcell { width: calc(100%/3); }
.Mflex.col4 > .Mcell { width: calc(100%/4); }
.Mflex.col5 > .Mcell { width: calc(100%/5); }
.Mflex.col6 > .Mcell { width: calc(100%/6); }
/* upload.php */
.txtc {
text-align: center;
}
.uploadbox {
text-align: center;
width: 700px;
margin: 0 auto;
}
.uploadbox h1 {
font-size: 30px;
text-align: center;
margin: 30px 0 0 0;
}
.uploadbox h2 {
font-size: 18px;
text-align: center;
margin: 10px 0 40px 0;
}
.topbox {
border: 1px solid #dddddd;
padding: 15px;
border-bottom: 0;
background: #fff;
text-align: center;
}
ul.dashboard {
padding: 0;
margin: 0;
width: 100%;
list-style: none;
text-align: center;
}
ul.dashboard li {
display: inline-block;
text-align: center;
padding: 10px;
color: #747474;
cursor: pointer;
box-sizing: border-box;
margin: 0px 20px;
}
ul.dashboard li:hover {
color: #d1aa2a;
border-bottom: 1px solid #d1aa2a;
}
ul.dashboard li.selected {
color: #d1aa2a;
border-bottom: 1px solid #d1aa2a;
}
ul.boxed {
list-style-type: square;
color: #77bf43;
padding: 0;
margin-bottom: 80px;
}
.dash-mob {
display: none;
}
ul.boxed li {
display: inline-block;
margin: 0px 15px;
color: #000;
}
ul.boxed li span {
display: inline-block;
width: 10px;
height: 10px;
background: #d1aa2a;
margin-right: 5px;
}
ul.boxed p {
color: #000;
margin: 0;
}
#fileuploader {
background: #f6f7f9;
border: 1px solid #eaebef;
padding: 15px;
text-align: center;
}
#fileuploader input[type='file'] {
cursor: pointer;
}
.ajax-upload-dragdrop {
box-sizing: border-box;
width: 100%;
padding: 50px 10px;
border: 2px dashed #d4d7dc;
background: #fff;
font-size: 14px;
}
.ajax-file-upload-statusbar {
border: 1px solid #0ba1b5;
margin-top: 10px;
width: 420px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 5px;
box-sizing: border-box;
margin: 10px 0;
}
.ajax-file-upload-filename {
width: 100%;
height: auto;
margin: 0 5px 5px 10px;
color: #807579
}
.ajax-file-upload-progress {
margin: 0 10px 5px 10px;
position: relative;
width: 250px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block
}
.ajax-file-upload-bar {
background-color: #0ba1b5;
width: 0;
height: 20px;
border-radius: 3px;
color:#FFFFFF;
}
.ajax-file-upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.ajax-file-upload-red {
-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
box-shadow: inset 0 39px 0 -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: top;
margin-right:5px;
}
.ajax-file-upload-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin-right:5px;
}
.ajax-file-upload {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
padding: 15px 20px;
cursor:pointer;
line-height:20px;
height:25px;
margin: 0px 10px;
display: inline-block;
background: #fff;
border: 1px solid #cfd0d4;
text-decoration: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 5px 10px 1px 10px;
color: #5b5b63;
background: #f6f7f9;
vertical-align:middle;
}
.ajax-file-upload:hover {
opacity: 0.6;
}
.upload-row {
border-radius: 5px;
border: 1px solid #ddd;
padding: 5px 10px 5px 5px;
margin: 10px 0px;
}
.upload-row .simpleinline {
vertical-align: middle;
}
.upload-row .simpleinline:last-child {
text-align: right;
}
.upload-btns {
text-align: right;
}
.upload-btns .btn.color1 {
background: #888;
color: #fff;
}
.upload-btns .btn.color2 {
background: #77bf43;
color: #fff;
margin-right: 0;
}
/* personal.php */
.que-con {
font-size: 0;
border: 1px solid #ccc;
border-radius: 2px;
box-sizing: border-box;
margin-bottom: 15px;
}
.que-con .que {
display: inline-block;
width: calc(100% - 100px);
padding: 10px;
vertical-align: middle;
box-sizing: border-box;
font-size: 14px;
text-align: left;
}
.que-con .ans {
display: inline-block;
width: 50px;
padding: 10px;
vertical-align: middle;
box-sizing: border-box;
font-size: 14px;
cursor: pointer;
text-align: center;
}
.que-con .ans.selected {
background: #eee;
color: #000;
}
.que-con .ans.selected-y {
background: #77bf43;
color: #fff;
}
/* personal.php */
.personalbox {
text-align: center;
width: 1000px;
margin: 0 auto;
}
.personalbox h1 {
font-size: 30px;
text-align: center;
margin: 30px 0 0 0;
}
.personalbox h2 {
font-size: 18px;
text-align: center;
margin: 10px 0 40px 0;
}
#showDeath {
display: none;
}
/* dependents.php */
.dep-row {
border-radius: 2px;
border: 1px solid #ccc;
padding: 9px 10px;
margin: 30px 0px 10px 0px;
}
.dep-row .simpleinline {
vertical-align: middle;
line-height: 20px;
}
.dep-row .simpleinline:last-child {
text-align: right;
font-size: 0;
line-height: 0;
}
.dep-row img {
margin-left: 5px;
}
.dep-row a:hover {
filter: brightness(0.6);
-webkit-filter: brightness(0.6);
}
.dep-row img:hover {
filter: brightness(0.6);
-webkit-filter: brightness(0.6);
}
/* dashboard.php */
.dash-box {
position: relative;
padding: 15px 100px;
border: 1px solid #d5d5d5;
background: #fff;
margin-bottom: 15px;
}
.dash-box .dash-icon {
position: absolute;
top: 30px;
left: -30px;
}
.dash-box .dash-icon i {
display: inline-block;
vertical-align: middle;
width: 60px;
line-height: 60px;
border-radius: 50%;
color: #77bf43;
border: 1px solid #77bf43;
margin-right: 10px;
text-align: center;
background: #fff;
font-size: 19px;
font-style: normal;
font-weight: 800;
}
.dash-box .dash-icon span {
display: inline-block;
vertical-align: middle;
color: #77bf43;
}
.dash-box h1 {
text-align: center;
font-weight: normal;
}
.dash-box h2 {
text-align: center;
color: #606060;
font-size: 26px;
font-weight: normal;
}
.dash-box .rad-box {
border-radius: 10px;
border: 1px solid #d7d7d7;
padding: 20px 150px;
}
.dash-box h3 {
color: #77bf43;
font-weight: normal;
font-size: 24px;
}
.dash-box .rad-box .inline-num {
display: inline-block;
vertical-align: top;
width: 30px;
font-size: 22px;
color: #77bf43;
}
.dash-box .rad-box .inline-txt {
display: inline-block;
vertical-align: top;
width: calc(100% - 30px);
font-size: 12px;
margin-bottom: 15px;
}
.dash-box .rad-box .inline-txt b {
display: inline-block;
font-size: 14px;
margin-bottom: 5px;
}
/* about.php */
.bdy.white {
background: #fff;
padding: 40px;
}
.rel-container .about1 {
position: absolute;
line-height: 60px;
height: 120px;
font-size: 42px;
width: 80%;
margin: auto;
color: #fff;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
}
img.profile {
display: block;
border-radius: 50%;
margin: 0 auto;
width: 150px;
}
.quote-con {
position: relative;
width: 80%;
font-size: 18px;
text-align: center;
margin: 20px auto;
padding: 30px 40px;
text-align: center;
}
img.quote1 {
position: absolute;
top: 0;
left: 0;
}
img.quote2 {
position: absolute;
right: 0;
bottom: 0;
}
.about-banner {
position: relative;
font-size: 16px;
line-height: 35px;
}
.about-banner img {
width: 100%;
}
.about-banner .overlay {
position: absolute;
text-align: center;
width: 950px;
margin: auto;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 200px;
color: #fff;
}
.about-con {
background: #f4f4f4;
padding: 50px 0px 0px 0px;
text-align: center;
}
h1.about {
color: #fff;
}
h2.about, #index2 h2.about {
color: #009bc2;
font-size: 26px;
margin-top: 0;
}
.about-white {
border-top: 1px solid #e6e6e6;
background: #fff;
}
.about-white .bdy, .about-con .bdy {
width: 950px;
}
.about-banner-bot {
position: relative;
font-size: 16px;
line-height: 35px;
}
.about-banner-bot img {
width: 100%;
}
.about-banner-bot h2 {
color: #fff;
}
.about-banner-bot .overlay {
position: absolute;
text-align: center;
width: 950px;
margin: auto;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 200px;
color: #fff;
}
/* security */
.sec-con {
font-size: 0;
display: flex;
flex-wrap: wrap;
}
.sec-inline1 {
width: calc(100% - 500px);
flex-grow: 1;
background: #f0f0f0;
color: #7d7e81;
font-size: 16px;
padding: 70px;
box-sizing: border-box;
}
.sec-inline2 {
width: 500px;
flex-grow: 1;
}
.sec-inline1 h1 {
color: #7d7e81;
}
.security h3 {
margin-top: 15px;
}
.security .simpleinline {
vertical-align: middle;
}
.security.inline-container {
margin: 20px 0px;
}
.security.inline-container .inline-6-12 {
padding: 0px 20px;
}
/* rightside.inc */
.graybox {
padding: 20px;
background: #f9fafb;
margin-top: 15px;
}
.graybox h2 {
margin-top: 0px;
}
.graybox p {
line-height: 30px;
font-size: 13px;
}
.graybox a {
color: #0091d5;
text-decoration: underline;
}
/* thanks.php */
#thanks {
height: 500px;
padding-top: 60px;
text-align: center;
}
/* how-it-works.php */
.hiw b {
color: #256502;
}
h1.how-it-works {
color: #75bf42;
margin: 25px 0px;
}
h3.how-it-works {
color: #009bc2;
font-size: 26px;
margin: 0;
}
.how-it-works {
text-align: center;
margin-top: 60px;
}
.how-it-works .inline1, .inline3 {
display: inline-block;
vertical-align: top;
width: calc((100% - 100px)/2);
position: relative;
}
.how-it-works .inline2 {
display: inline-block;
vertical-align: top;
width: 100px;
box-sizing: border-box;
position: relative;
height: 1000px;
}
.how-it-works h2 {
color: #009bc2;
font-size: 19px;
}
.how-it-works .line {
border-left: 10px solid #77bf42;
padding-left: 45px;
margin-left: 45px;
height: 800px;
}
.how-it-works .circs {
width: 70px;
padding: 10px 0px;
text-align: center;
border-radius: 50%;
background: #77bf42;
}
.how-it-works .cir1 {
position: absolute;
top: 0px;
left: 15px;
}
.how-it-works .cir2 {
position: absolute;
top: 200px;
left: 15px;
}
.how-it-works .cir3 {
position: absolute;
top: 400px;
left: 15px;
}
.how-it-works .cir4 {
position: absolute;
top: 600px;
left: 15px;
}
.how-it-works .cir5 {
position: absolute;
top: 800px;
left: 15px;
}
.how-it-works .txts {
font-size: 13px;
padding: 0px 20px;
box-sizing: border-box;
}
.how-it-works .txt1 {
position: absolute;
top: 0;
right: 0;
text-align: right;
}
.how-it-works .txt2 {
position: absolute;
top: 200px;
left: 0;
text-align: left;
}
.how-it-works .txt3 {
position: absolute;
top: 400px;
right: 0;
text-align: right;
}
.how-it-works .txt4 {
position: absolute;
top: 600px;
left: 0;
text-align: left;
}
.how-it-works .txt5 {
position: absolute;
top: 800px;
right: 0;
text-align: right;
}
.how-it-works span {
color: #009bc2;
text-decoration: underline;
}
.how-it-works.btn {
display: inline-block;
vertical-align: middle;
margin: 0px 10px 0 0;
background: #009bc2;
color: #fff;
padding: 11px 30px;
border: 0;
border-radius: 3px;
cursor: pointer;
font-size: 13px;
font-family: 'Open Sans';
-webkit-appearance: none;
}
/* about-us */
.about-img {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
/* dashboard.php */
.account-main a {
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 10px;
border: 1px solid #555;
color: #555;
margin-bottom: 10px;
}
.account-main a:hover {
text-decoration: none;
background: #999;
border-color: #999;
color: #000;
-webkit-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
/* index.php */
.index-banner {
position: relative;
min-width: 1200px;
}
.index-banner img {
width: 100%;
filter: brightness(0.7);
-webkit-filter: brightness(0.7);
}
.index-banner .overlay {
position: absolute;
width: 100%;
bottom: 0;
right: 0;
left: 0;
top: 0;
margin: auto;
padding: 20px;
height: 157px;
box-sizing: border-box;
color: #fff;
text-align: center;
}
.index-banner h1 {
color: #fff;
font-size: 45px;
line-height: 60px;
font-weight: normal;
margin-top: 0;
margin-bottom: 15px;
}
.index-banner a.btn {
background: #77bf42;
color: #fff;
border-radius: 0;
}
#index1 {
background: #f0f0f0;
padding: 40px 0px;
text-align: center;
}
#index1 span {
font-size: 25px;
color: #606060;
}
#index1 form {
font-size: 0;
margin-top: 30px;
}
#index1 form input[type="text"] {
display: inline-block;
vertical-align: middle;
width: 300px;
padding: 10px;
border-radius: 0;
color: #77bf42;
border: 1px solid #77bf42;
}
#index1 form input[type="submit"] {
display: inline-block;
vertical-align: middle;
width: 80px;
text-align: center;
padding: 11px;
color: #fff;
background: #77bf42;
border-radius: 0;
border: 0;
}
#index2 {
text-align: center;
padding: 40px 0px;
}
#index2 h2 {
color: #5f5f5f;
font-size: 45px;
margin-top: 0;
}
#index2 .inline5 {
display: inline-block;
vertical-align: middle;
width: calc(20% - 20px);
text-align: center;
margin: 10px;
}
#index2 .inline5 img {
display: block;
margin: 0 auto 15px auto;
}
#index2 .inline5 span {
text-align: center;
color: #5f5f5f;
font-size: 15px;
}
#index3 {
background: #77bf42;
color: #fff;
padding: 40px 0px;
text-align: center;
}
#index3 .bdy {
width: 850px;
}
#index3 h2 {
margin-top: 0px;
font-size: 45px;
color: #fff;
text-align: center;
}
#index3 .index3-banner {
position: relative;
}
#index3 .overlay {
position: absolute;
top: -90px;
width: 100%;
z-index: 10001;
}
#index3 .inline3 {
display: inline-block;
vertical-align: top;
width: 100px;
margin-right: calc((100% - 300px)/2);
text-align: center;
font-size: 14px;
}
#index3 .inline3:last-child {
margin-right: 0;
}
#index3 .inline3 span {
font-size: 22px;
}
#index3 .inline3 p {
font-size: 12px;
}
#index3 hr {
border: 0;
border-top: 1px solid #fff;
z-index: 1001;
width: 90%;
margin: 150px auto;
}
#index3 img {
display: block;
margin: 10px auto;
}
#index4 {
text-align: center;
padding: 40px 0px;
background: #fff;
}
#index4 h2 {
margin-top: 0px;
font-size: 45px;
font-weight: normal;
color: #75bf42;
text-align: center;
}
#index4 .inline5 {
display: inline-block;
vertical-align: middle;
width: calc(20% - 20px);
text-align: center;
margin: 10px;
font-size: 14px;
}
#index4 .inline5 img {
display: block;
margin: 0 auto 15px auto;
}
#index5 {
background: #fafafa;
padding: 40px 0px;
}
#index5 h2 {
margin-top: 0px;
font-size: 45px;
font-weight: normal;
color: #75bf42;
text-align: center;
}
.blue-cir {
border-radius: 50%;
background: #1a96a2;
color: #fff;
line-height: 272px;
width: 100%;
text-align: center;
font-size: 70px;
margin-right: 30px;
}
.indexs span {
display: block;
color: #1a96a2;
font-size: 35px;
font-weight: bold;
}
.indexs p {
font-size: 22px;
line-height: 35px;
}
#index3 span {
text-align: right;
}
#index5 {
text-align: center;
}
#index5 h3 {
font-size: 35px;
margin-bottom: 0;
}
#index5 p {
font-size: 19px;
}
/* begin.php */
#begin-down {
display: none;
}
.begin-container {
text-align: center;
}
.begin-container .inline-container {
width: 900px;
margin: 40px auto;
}
.begin-container .inline5 {
display: inline-block;
vertical-align: top;
width: 20%;
text-align: center;
font-size: 14px;
line-height: 24px;
padding: 25px;
box-sizing: border-box;
}
.begin-container .inline5.nopad {
padding: 0;
}
.begin-container .inline5 img {
margin-bottom: 15px;
}
img.begin-img {
display: inline-block;
vertical-align: middle;
width: 21px;
margin-right: 7px;
}
h2.begin {
display: inline-block;
vertical-align: middle;
}
.begin-container .Mcell {
border: 1px solid #a8a8a8;
text-align: center;
padding: 30px;
box-sizing: border-box;
}
.begin-container .Mcell img {
display: block;
margin: 0 auto 10px auto;
}
/* index2.php */
.colored-table .Mcell {
border: 0;
padding: 30px;
font-size: 13px;
min-height: 94px;
}
.colored-table .Mcell b {
font-size: 16px;
color: #7a7a7a;
}
.colored-table .Mcell span {
display: block;
margin: 10px 0px;
font-size: 15px;
color: #7a7a7a;
}
.colored-table .Mcell.border-bot {
border-bottom: 1px solid #89c7d6;
}
.colored-table .Mcell.border-right {
border-right: 1px solid #89c7d6;
}
.colored-table .Mcell .btn {
margin: 0;
}
.c0 {
background: #f0f0f0;
}
.c1 {
background: #4fb7d2;
}
.c2 {
background: #99d8e7;
}
.c3 {
background: #c1da74;
}
.c4 {
background: #f4c960;
}
.c5 {
background: #eb8e65;
}
/* cc.php */
.cart .img {
border: 1px solid #cdcdcd;
text-align: center;
border-radius: 5px;
padding: 40px 0px;
font-size: 16px;
color: #606060;
}
.cart .img img {
margin-bottom: 10px;
}
.cart .summary .title {
background: #eeeeee;
padding: 15px;
font-weight: bold;
margin: 15px 0px;
border-radius: 5px;
}
.cart .summary .inline-container {
margin: 15px 0px;
padding: 0px 15px;
}
.cart .summary .inline-container .simpleinline {
font-size: 12px;
}
.cart .summary hr {
border: 0;
border-top: 1px solid #cdcdcd;
}
form.cc .label {
font-size: 12px;
margin-bottom: 5px;
}
form.cc .box {
margin-bottom: 10px;
}
form.cc .box input[type="radio"] {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
form.cc .box img {
display: inline-block;
vertical-align: middle;
height: 27px;
margin-right: 30px;
}
/* congrats.php */
.congrats-con {
text-align: center;
}
.congrats-con h1 {
font-size: 45px;
font-weight: normal;
color: #75bf42;
text-align: center;
margin-top: 40px;
}
.prog-bar {
font-size: 0;
width: 500px;
margin: 30px auto 60px auto;
text-align: center;
}
.prog-bar .prog-inline {
display: inline-block;
vertical-align: middle;
width: 52px;
text-align: center;
}
.prog-bar .prog-line {
display: inline-block;
vertical-align: top;
border-top: 1px solid #77bf43;
margin-top: 25px;
padding-top: 10px;
width: 100px;
}
.prog-bar .prog-dashed {
display: inline-block;
vertical-align: top;
border-top: 1px dashed #77bf43;
margin-top: 25px;
padding-top: 10px;
width: 100px;
}
.prog-bar .prog-inline .solid {
display: inline-block;
width: 50px;
height: 18px;
padding: 16px 0px;
border-radius: 50%;
border: 1px solid #77bf43;
background: #77bf43;
}
.prog-bar .prog-inline .dashed {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px dashed #77bf43;
}
.prog-bar .prog-inline span {
display: block;
text-align: center;
margin-top: 10px;
font-size: 12px;
}
.checkmark {
display:inline-block;
}
.checkmark:after {
content: '';
display: block;
width: 3px;
height: 12px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
/* inbox.php */
.inbox-con .btn {
width: 100%;
text-align: center;
border-radius: 0;
padding: 10px 0;
margin-bottom: 15px;
}
.reply_box {
border: 1px solid #ddd;
width: 100%;
padding: 15px;
}
.inbox-icon {
border: 1px solid #999;
}
/* tax-services.php */
.clls {
display: inline-block;
width: calc(100%/3);
padding: 0px 20px;
border-right: 1px solid #ccc;
box-sizing: border-box;
font-size: 12px;
text-align: center;
}
.clls h3 {
font-size: 16px;
font-weight: bold;
}
.clls span {
display: block;
text-align: center;
margin-bottom: 20px;
font-size: 22px;
font-weight: bold;
}
.clls hr {
border: 0;
margin: 15px 0;
padding: 0;
border-top: 2px solid #23a4a9;
}
.cll1, .cll1 h3 {
color: #23a4a9;
}
.cll1 hr {
border-color: #23a4a9;
}
.cll2, .cll2 h3 {
color: #74007e;
}
.cll2 hr {
border-color: #74007e;
}
.cll3, .cll3 h3 {
border-right: 0;
color: #197fb2;
}
.cll3 hr {
border-color: #197fb2;
}
.btn.start {
background: #6ba421;
color: #fff;
margin: 0;
padding: 10px 20px;
}
.table-title {
padding: 10px;
font-size: 18px;
font-weight: bold;
color: #fff;
margin: 0px 2px;
width: 100%;
box-sizing: border-box;
}
.table-comparison {
width: 100%;
}
.table-comparison th {
padding: 10px;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #ccc;
}
.table-comparison td {
padding: 18px;
font-size: 11px;
}
.td1 {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
text-align: center;
width: 195px;
}
.td2 {
border-right: 1px solid #ccc;
text-align: center;
border-bottom: 1px solid #ccc;
width: 195px;
}
.td3 {
text-align: center;
border-bottom: 1px solid #ccc;
width: 195px;
}
.nobot td, .nobot th {
border-bottom: 0;
}
th.thl {
text-align: left;
font-size: 11px;
}
th.thl.title {
font-size: 14px;
}
.frameDim {
display: none;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
color: #fff;
height: 100%;
width: 100%;
text-align: center;
}
.frameDim img {
display: block;
height: 100px;
margin: 80px auto 10px auto;
}
.frameDim button {
background: #009143;
border-radius: 2px;
color: #fff;
border: 0;
font-size: 17px;
padding: 5px 20px;
}
/* contact.php */
h2.h1 {
font-size: 2em;
}
.div-con {
margin: 20px 0px;
text-align: center;
}
.div-con .div-left {
box-sizing: border-box;
padding-right: 60px;
}
.div-con .div-right {
box-sizing: border-box;
padding-left: 50px;
}
.div-con .div-left.border {
border-right: 1px solid #ddd;
}
.div-con .div-right.border {
border-left: 1px solid #ddd;
}
.questions {
position: relative;
cursor: pointer;
padding: 10px 40px 10px 10px;
font-weight: bold;
background: #f0f0f0;
margin-top: 10px;
}
.questions img {
position: absolute;
width: 20px;
top: 10;
right: 10;
}
.answers {
display: none;
padding: 10px;
}
/* settings.php */
.ver-iden {
display: inline-block;
border: 1px solid #ff0000;
color: #ff0000;
background: #f3f3f3;
padding: 7px 10px;
margin-bottom: 30px;
border-radius: 2px;
}
span.subtitle {
color: #999999;
}
.upload-file {
display: inline-block;
border-radius: 2px;
background: #f8fafb;
border: 1px solid #d4dce4;
padding: 8px 11px;
text-align: center;
max-width: 100%;
box-sizing: border-box;
text-decoration: none;
cursor: pointer;
}
.upload-file:hover {
text-decoration: none;
background: #f0f1f2;
}
.display-upload span {
display: block;
background: #f1f1f1;
border-radius: 4px;
padding: 10px;
margin-top: 15px;
}
.fFiles {
position: relative;
text-align: center;
}
.fFiles label {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
left: 0;
margin: auto;
z-index: 1;
text-align: center;
background: #f1f1f1;
padding: 35px 0px;
justify-content: center;
border: 1px dashed #ccc;
}
.fFiles label span.btn {
background: #FECA54;
margin-bottom: 12px;
}
.fFiles input[type='file'] {
display: flex;
height: 150px;
box-sizing: border-box;
width: 100%;
opacity: 0;
position: relative;
z-index: 9;
}
#file-upload, #file-upload1, #file-upload2, #file-update, #file-update1, #file-update2 {
display: none;
}
.thin {
font-size: 24px;
font-weight: normal;
}
form.form.profile label {
display: block;
font-size: 12px;
margin: 10px 0 5px 0;
}
form.form input[type='text'], form.form input[type='password'] {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 10px;
font-family: 'Open Sans';
font-size: 13px;
box-sizing: border-box;
border-radius: 2px;
vertical-align: middle;
display: inline-block;
}
form.form input[name='firstname'] {
display: inline-block;
vertical-align: middle;
width: calc(50% - 5px);
margin-right: 5px;
}
form.form input[name='lastname'] {
display: inline-block;
vertical-align: middle;
width: calc(50% - 5px);
margin-left: 5px;
}
form.form.profile select {
width: 100%;
box-sizing: border-box;
padding: 10px 7px;
font-size: 14px;
border: 1px solid #ccc;
}
form.form.profile label.upload-file {
display: inline-block;
font-size: 14px;
}
form.personal input[name='email'], form.personal input[name='phone'] {
width: 100%;
margin-left: 0;
margin-right: 0;
}
form.personal label span, form.personal label input[type="radio"] {
display: inline-block;
vertical-align: middle;
}
form.personal label span {
margin-right: 10px;
}
.deductions .inline-5-12 {
font-size: 0;
}
.deductions b {
display: block;
margin: 15px 0 10px 0;
font-size: 15px;
}
.deductions form.form input[type='text'], form.form input[type='password'] {
width: calc(100% - 12px);
}
.deductions span {
display: inline-block;
width: 10px;
vertical-align: middle;
font-weight: bold;
font-size: 14px;
margin-bottom: 10px;
margin-right: 2px;
}
#covid {
text-align: center;
padding: 5px 0px;
background: #007eff;
color: #fff;
}
.justmobile {display: none;}
@media (max-width: 420px) {
input[type='submit'], input[type='text'], input[type='password'], textarea {
-webkit-appearance: none;
}
h1 {
font-size: 23px;
}
h2 {
font-size: 19px;
}
a[href^=tel] { color: inherit; text-decoration: none; }
.inline-1-12, .inline-2-12, .inline-3-12, .inline-4-12, .inline-5-12, .inline-6-12, .inline-7-12, .inline-8-12, .inline-9-12, .inline-10-12, .inline-11-12 {
width: 100%;
padding: 0;
margin: 0;
}
.mobinline-1-12 {
width: calc(1*(100% - 110px)/12);
margin-right: 10px;
vertical-align: top;
}
.mobinline-2-12 {
width: calc(2*(100% - 110px)/12 + 10px);
margin-right: 10px;
vertical-align: top;
}
.mobinline-3-12 {
width: calc(3*(100% - 110px)/12 + 20px);
margin-right: 10px;
vertical-align: top;
}
.mobinline-4-12 {
width: calc(4*(100% - 110px)/12 + 30px);
margin-right: 10px;
vertical-align: top;
}
.mobinline-5-12 {
width: calc(5*(100% - 110px)/12 + 40px);
margin-right: 10px;
vertical-align: top;
}
.mobinline-6-12 {
width: calc(6*(100% - 110px)/12 + 50px);
margin-right: 10px;
vertical-align: top;
}
.mobinline-7-12 {
width: calc(7*(100% - 110px)/12 + 60px);
margin-right: 10px;
vertical-align: top;
}
.mobinline-8-12 {
width: calc(8*(100% - 110px)/12 + 70px);
margin-right: 10px;
vertical-align: top;
}
.mobinline-9-12 {
width: calc(9*(100% - 110px)/12 + 80px);
margin-right: 10px;
vertical-align: top;
}
.mobinline-10-12 {
width: calc(10*(100% - 110px)/12 + 90px);
margin-right: 10px;
vertical-align: top;
}
.mobinline-11-12 {
width: calc(11*(100% - 110px)/12 + 100px);
margin-right: 10px;
vertical-align: top;
}
.mobinline-12-12 {
width: calc(12*(100% - 110px)/12 + 110px);
margin: 0;
}
.background-container {
background: #000622;
}
#hdr, #topline-container, #topnav-container, #subnav-container, #ftr, #ftr-nav {display: none;}
#hdr-mob, #ftr-mob {display: block;}
#hdr-container {border-width: 10px;}
#bdy-container {
padding: 0;
}
.bdy {
width: calc(100% - 20px);
min-height: 0;
padding: 10px 0px;
margin: 0px 10px;
}
.bdy-m, .bdy-s {
width: 100%;
min-height: 0;
margin: 0;
padding: 0;
}
.bdy-m h1, .bdy-s h1 {
margin-top: 15px;
}
#ftr-container {
padding-bottom: 10px;
}
.simplepad {
padding: 0;
}
#breadcrumbs {
margin: 0px 0 10px 0;
font-size: 12px;
}
.rightpad10, .rightpad20, .leftpad10, .leftpad20 {
padding: 0;
}
#l-hdr {
width: 100%;
padding: 15px;
box-sizing: border-box;
}
#l-hdr #logo {
width: 150px;
}
#l-hdr #profile {
height: 30px;
right: 15px;
}
#l-hdr #profile #profile-out img {
height: 30px;
}
/* forms */
form.form input[type='text'], form.form input[type='password'], form.register .note, form.form textarea {
width: 100%;
margin: 5px 0;
font-size: 16px;
}
form.register .note {
font-size: 13px;
}
/* index.php */
h2 {
font-size: 18px;
}
.index-banner {
width: 100%;
box-sizing: border-box;
margin-top: 0px;
min-width: 0;
}
.index-banner .overlay {
border: 30px;
top: initial;
}
.index-banner h1 {
font-size: 18px;
line-height: normal;
}
#index1 span {
font-size: 16px;
}
#index2 h2, #index3 h2, #index4 h2, #index5 h2 {
font-size: 24px;
}
#index2 .inline5 {
width: calc(100%/3 - 20px);
vertical-align: top;
}
#index2 .inline5 span {
font-size: 12px;
}
#index3 .bdy {
width: calc(100% - 20px);
margin: 0px 10px;
}
#index3 .inline3 {
width: 90px;
margin-right: 40px;
}
#index3 .overlay {
top: -85px;
}
#index4 .inline5 {
vertical-align: top;
}
#index1 form input[type="text"] {
width: calc(100% - 80px);
}
/* begin.php */
.begin-container .inline-container {
width: 100%;
}
.begin-container .inline5 {
padding: 10px;
}
.begin-container .Mcell {
padding: 5px;
font-size: 12px;
}
/* about.php */
.rel-container .about1 {
font-size: 20px;
line-height: 25px;
height: 75px;
}
.bdy.white {
padding: 10px;
}
img.profile {
width: 100px;
}
.quote-con {
width: calc(100% - 100px);
font-size: 12px;
}
.Mcell.solid span {
font-size: 25px;
line-height: 25px;
height: 25px;
}
.traffic .Mcell {
padding: 20px;
}
.traffic .Mcell.solid {
padding: 60px 20px;
}
.traffic .Mcell.Mpad {
padding: 0px;
}
.about-white .bdy, .about-con .bdy {
width: 100%;
padding: 0px 10px;
margin: 0;
}
.about-banner-bot .overlay, .about-banner .overlay {
width: 100%;
font-size: 14px;
position: static;
color: #000;
height: auto;
padding: 15px;
box-sizing: border-box;
line-height: normal;
}
h1.about {
color: #000;
}
.about-banner-bot h2, h2.about, #index2 h2.about {
color: #009bc2;
font-size: 19px;
}
/* contact.php */
.div-con {
margin: 0;
}
.div-con .div-left.border {
border: 0;
border-bottom: 1px solid #ddd;
padding: 0;
padding-bottom: 40px;
margin-bottom: 20px;
}
.div-con .div-right.border {
border: 0;
border-top: 1px solid #ddd;
padding: 0;
padding-top: 10px;
margin-top: 20px;
}
.div-con .div-right {
padding-left: 0;
}
.div-con .div-left {
padding-right: 0;
}
/* security */
.sec-inline1 {
padding: 20px;
}
.sec-inline1 h1 {
font-size: 20px;
}
.security .simpleinline {
vertical-align: top;
}
.security.inline-container .inline-6-12 {
padding: 0;
margin: 10px 0px;
}
.security.inline-container .inline-3-12 {
padding-right: 10px;
}
.security h3 {
margin-top: 0;
}
/* dashboard.php */
.dash-box {
margin-left: 30px;
padding: 50px 15px 15px 15px;
}
.dash-box h1 {
font-size: 18px;
}
.dash-box h2 {
font-size: 16px;
}
.dash-box h3 {
font-size: 18px;
}
.dash-box .rad-box {
padding: 20px;
}
.dash-box .dash-icon {
top: 10px;
}
.begin-container .Mcell.Mlast,.Mcell.Mlast {
padding: 10px 5px;
}
.begin-container .Mcell.Mlast .btn, .Mcell.Mlast .btn {
font-size: 11px;
padding: 10px;
}
/* inbox */
.dash-mob {
display: block;
width: 100%;
border-radius: 3px;
padding: 10px;
font-size: 16px;
}
ul.dashboard {
display: none;
}
ul.dashboard li {
padding: 10px 0px;
}
ul.dashboard li.selected {
border: 1px solid #77bf43;
}
/* tax-services.php */
.frame {
min-width: 100%;
width: 100%;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
position: relative;
}
.frameDim {
display: block;
}
.frame table {
width: 600px;
}
.td1, .td2, .td3 {
width: 70px;
}
.clls {
width: 100%;
border-right: 0;
border-bottom: 1px solid #ccc;
}
.clls hr {
width: 150px;
margin: 15px auto;
}
.colored-table .Mcell b {
font-size: 11px;
}
.colored-table .Mcell span {
font-size: 11px;
}
/* upload.php */
.uploadbox {
width: 100%;
}
/* personal.php */
.que-con .ans, .que-con .que {
font-size: 12px;
}
/* personal.php */
.personalbox {
width: 100%;
}
.personalbox h1 {
margin: 20px 0px;
font-size: 24px;
}
.prog-bar {
width: 100%;
}
.prog-bar .prog-line {
width: 50px;
}
.prog-bar .prog-dashed {
width: 50px;
}
.Mflex.col6 > .Mcell { width: calc(100%/4); }
.Mflex.col6 .btn {
padding: 11px 18px;
}
.justmobile {display: block;}
.nomobile {display: none;}
}