html,
body {
overflow-x: hidden;
margin: 0px;
font-family: "Segoe UI", 'Montserrat', sans-serif;
}
#subsec.lblLeft {
width: 100%;
max-width: 1200px;
margin: 0 auto;
box-sizing: border-box;
}
#subsec form {
float: left;
width: 100%;
}
#subsec .parag {
float: left;
width: 40%;
}
#subsec .parag b {
font-size: 5rem;
text-transform: uppercase;
line-height: 6rem;
}
#subsec .parag span {
font-size: 2rem;
font-weight: bold;
}
#subsec {
min-height: 600px;
text-align: left;
}
.lblLeft .col_fld input[type=email],
.lblLeft .col_fld input[type=date],
.lblLeft .col_fld input[type=number],
.lblLeft .col_fld input[type=text],
.lblLeft .col_fld select,
.lblLeft .col_fld textarea {
background: rgb(250, 250, 250);
width: 100%;
border: none;
border-bottom: 1px solid #ccc;
outline: none;
padding: 5px;
float: left;
}
.lblLeft .col_fld input[type=date] {
float: none;
width: auto;
font-size: 1rem;
color: #333;
}
.lblLeft .col_fld input[type=email]:active,
.lblLeft .col_fld input[type=email]:focus,
.lblLeft .col_fld input[type=email]:hover,
.lblLeft .col_fld input[type=text]:active,
.lblLeft .col_fld input[type=text]:focus,
.lblLeft .col_fld input[type=text]:hover,
.lblLeft .col_fld input[type=number]:active,
.lblLeft .col_fld input[type=number]:focus,
.lblLeft .col_fld input[type=number]:hover,
.lblLeft .col_fld input[type=date]:active,
.lblLeft .col_fld input[type=date]:focus,
.lblLeft .col_fld input[type=date]:hover,
.lblLeft .col_fld select:active,
.lblLeft .col_fld select:focus,
.lblLeft .col_fld select:hover,
.lblLeft .col_fld textarea:active,
.lblLeft .col_fld textarea:focus,
.lblLeft .col_fld textarea:hover {
background: #eee;
border: none;
border-bottom: 1px solid #ccc;
border-color: #ccc !important;
}
.col_fld.check label {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 50%;
cursor: pointer;
height: 22px;
left: 0;
position: absolute;
top: 0;
width: 22px;
}
.subheads {
position: relative;
float: left;
width: 100%;
font-size: 1.4rem;
color: #333;
line-height: 1rem;
margin-bottom: 20px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 10px;
border-bottom: 3px dotted #ccc;
}
.subheads span {
font-size: 0.9rem;
font-weight: normal;
text-transform: none;
}
.subheads.reduced {
text-transform: none;
font-size: 1.1rem;
color: #555;
margin-bottom: 0;
border-bottom: none;
}
.col_fld.check label:after {
border: 2px solid #fff;
border-top: none;
border-right: none;
content: "";
height: 6px;
left: 4px;
opacity: 0;
position: absolute;
top: 6px;
transform: rotate(-45deg);
width: 12px;
}
.col_fld.check input[type="checkbox"] {
visibility: hidden;
}
.col_fld.check input[type="checkbox"]:checked+label {
background-color: #44bf39;
border-color: #44bf39;
}
.col_fld.check input[type="checkbox"]:checked+label:after {
opacity: 1;
}
.lblLeft .col_lab {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
width: 100%;
font-size: 0.7rem;
letter-spacing: 0.12em;
color: #9fa3a7;
text-align: left;
text-transform: uppercase;
}
.lblLeft .col_fld {
float: left;
width: 100%;
position: relative;
margin-top: 5px;
}
.lblLeft .col_fld.check {
width: auto;
margin-top: 0;
margin-right: 10px;
top: -6px;
}
.lblLeft .wfrm_fld_dpNn {
display: none;
}
.dIB {
display: inline-block;
}
.lblLeft .col_fld_slt {
width: 60%;
border: 1px solid #ccc;
background: #fff;
border-radius: 4px;
font-size: 12px;
float: left;
resize: vertical;
}
.row {
position: relative;
float: left;
width: 100%;
margin-top: 5px;
}
.lblLeft .row {
float: left;
margin-bottom: 20px;
}
.lblLeft .row.col100 {
width: 100%;
}
.lblLeft .row.col1 {
width: 65%;
}
.lblLeft .row.col2 {
width: 48%;
}
.lblLeft .row.col3 {
width: 30%;
}
.lblLeft .row.col4 {
width: 20%;
}
.lblLeft .row.col43 {
width: 22%;
}
.lblLeft .row.col5 {
width: 13%;
}
.lblLeft .row.mright {
margin-right: 4%;
}
#service-item .row {
margin-bottom: 10px !important;
}
.row.checks {
width: 15%;
}
.addmore {
position: relative;
float: right;
cursor: pointer;
margin: 5px;
margin-top: 10px;
font-weight: bold;
font-size: 1.2rem;
line-height: 2rem;
border-radius: 5px;
padding: 0px 10px;
padding-bottom: 3px;
background-color: #009B08;
color: #fff;
}
.addmore:hover {
background-color: #73e079;
}
.btn_remove {
position: relative;
float: right;
cursor: pointer;
margin: 5px;
margin-top: 10px;
font-weight: bold;
line-height: 2rem;
border-radius: 5px;
padding: 0px 10px;
padding-bottom: 3px;
background-color: #e22222;
color: #fff;
}
.btn_remove:hover {
background-color: #f16f6f;
}
.custom-file-upload input[type="file"] {
display: none;
}
.custom-file-upload {
background-color: #156ea3;
color: #eee;
display: inline-block;
font-weight: bold;
padding: 10px 20px;
font-size: 0.9rem;
border-radius: 5px;
cursor: pointer;
}
.custom-file-upload:hover {
background-color: #eee;
color: #156ea3;
}
.mtop40 {
margin-top: 40px;
}
.lblLeft .formsubmit {
margin-right: 5px;
cursor: pointer;
color: #333;
font-size: 12px;
}
.lblLeft .button {
font-size: 1rem;
font-weight: 600;
float: right;
color: #fff;
background: #44bf39 no-repeat 15px center;
padding: 10px 20px;
border-radius: 20px;
cursor: pointer;
outline: none;
font-family: "Segoe UI", 'Montserrat', sans-serif;
border: none;
overflow: hidden;
}
.lblLeft .button.reset {
background: #ccc;
color: #555;
float: right;
margin-right: 20px;
}
.lblLeft .button:hover {
background-color: #258e1c;
color: #fff
}
.lblLeft .button.reset:hover {
background: #999;
color: #fff;
}
.reload {
font-family: Arial;
color: black;
font-size: 0.7rem;
text-decoration: none;
width: 100%;
float: left;
}
.reload:hover {
text-decoration: underline;
}
.privacy {
font-weight: bold;
text-decoration: none;
}
.privacy:hover {
text-decoration: underline;
}
.header-section-default {
position: relative;
float: left;
line-height: 2rem;
width: 100%;
background: #44bf39;
text-align: center;
color: #fff;
margin-bottom: 40px;
padding: 50px 0;
font-size: 3rem;
font-weight: bold;
}
.header-section-default span {
font-size: 2rem;
}
#header {
position: static;
background-color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
left: 0;
top: 61px;
width: 100%;
z-index: 30;
}
#header .case.layout {
padding: 0px 50px;
width: 100%;
}
#header .logo {
z-index: 100;
float: left;
padding: 20px 70px;
}
#header .logo img {
width: 187px;
height: 50px;
}
#menu {
position: relative;
float: right;
z-index: 9999999999;
}
#menu>.case {
position: static;
}
#menu>.case>ul {
float: left;
margin: 0;
padding: 0;
}
#menu>.case>ul>li {
line-height: 60px;
list-style: none;
display: inline-block;
position: relative;
padding: 19px 25px;
}
#menu>.case>ul>li>a {
font-size: 1rem;
font-weight: 600;
color: #2e2e2e;
letter-spacing: 0px;
position: relative;
text-decoration: none;
}
#menu>.case>ul>li:after {
content: "";
height: 4px;
width: 100%;
position: absolute;
left: 0;
bottom: 0px;
z-index: 203;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#menu>.case>ul>li:hover:after {
background: #343e3d;
opacity: 1;
color: #A2ECF3;
}
#footer {
position: relative;
float: left;
width: 100%;
margin-top: 50px;
color: #fff;
padding: 20px 0;
background: #343e3d;
text-align: center;
font-size: 1rem;
z-index: 50;
}
#footer img {
width: 150px;
}
.cprt {
position: relative;
float: left;
width: 100%;
text-align: center;
padding: 50px 0;
background-color: #25292b;
color: #7C7F81;
font-size: 0.8rem;
}
.t02 {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.top-header-bar {
width: 100%;
position: relative;
float: left;
background: #f2f2f2;
padding: 10px 0;
}
.top-header-bar .contact_details {
list-style: none;
position: relative;
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.top-header-bar .contact_details li.location,
.top-header-bar .contact_details li.message {
position: relative;
float: left;
}
.top-header-bar .contact_details li.location a,
.top-header-bar .contact_details li.message a,
.top-header-bar .contact_details li.phone a {
padding: 12px 30px;
text-decoration: none;
}
.top-header-bar .contact_details li.phone a {
font-weight: bold;
font-size: 1rem;
}
.top-header-bar .contact_details li a {
color: #343e3d;
padding: 12px 15px;
font-size: 12px;
}
.top-header-bar li a:hover {
color: #44bf39;
}
.top-header-bar li a img {
width: 20px;
position: relative;
top: 4px;
}
.top-header-bar .phone {
float: right;
}
.top-header-bar .contact_details li.location {
margin-left: 88px;
}
.top-header-bar .contact_details li.phone {
margin-right: 88px;
}
#request-form .success:active,
#request-form .error:active {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
#request-form .wait {
background-color: #DDD;
background-image: url(/assets/images/loader-20-888-ddd.GIF);
padding-left: 50px;
color: #888;
}
#request-form .success {
background-color: #009B08;
background-image: url(/assets/images/check-20-fff.png);
padding-left: 50px;
color: #FFF;
}
#request-form .error {
background-color: #900;
background-image: url(/assets/images/error-20-fff.png);
padding-left: 50px;
color: #FFF;
}
@media screen and (max-width: 768px) {
#header {
z-index: 300;
border-bottom: none;
border-top: none;
display: inline-block;
margin-top: 0;
padding-top: 0px;
top: 0;
}
#header .case.layout {
padding: 0;
}
#header .logo {
left: 50%;
margin-left: -93.5px;
padding: 0;
background: none;
box-shadow: none;
display: block;
position: relative;
margin-top: 22px;
}
#subsec .parag {
width: 100%;
}
#subsec .parag b {
line-height: 3rem;
font-size: 2rem;
}
#subsec .parag span {
font-size: 1.2rem;
}
#subsec form {
width: 100%;
margin-top: 20px;
}
#menu {
text-align: center;
width: 100%;
}
#menu>.case>ul {
width: 100%;
}
.header-section-default {
font-size: 2rem;
}
.header-section-default span {
font-size: 1.4rem;
}
#subsec.lblLeft {
padding: 15px;
}
.lblLeft .row {
width: 94%;
margin-bottom: 20px;
}
.col_fld.check input[type="checkbox"] {
margin-bottom: 20px;
}
.top-header-bar {
padding-top: 0px;
padding-bottom: 10px;
}
.top-header-bar .contact_details li.location,
.top-header-bar .contact_details li.phone {
margin: 0;
margin-top: 10px;
margin-bottom: 10px;
}
.top-header-bar .phone {
float: left;
}
.lblLeft .row.col1,
.lblLeft .row.col2,
.lblLeft .row.col3,
.lblLeft .row.col4,
.lblLeft .row.col43,
.lblLeft .row.col5 {
width: 100%;
}
.lblLeft .row.mright {
margin-right: 0;
}
.lblLeft .button.reset {
margin-right: 0;
}
#subsec ul {
padding: 0;
}
}
.t02 {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.case-login {
position: relative;
display: inline-block;
width: 400px;
left: 50%;
margin-left: -200px;
padding: 0 30px;
min-height: 400px;
}
.case-login .block-login {
position: relative;
top: 25%;
}
.case-login .login-form {
position: relative;
float: left;
width: 100%;
margin-bottom: 20px;
}
.case-login .login-input {
position: relative;
float: left;
width: 100%;
}
.case-login .login-input input {
position: relative;
background: #eee;
float: left;
width: 94%;
margin: 0;
outline: none;
border: none;
font-family: "Poppins", Arial, sans-serif;
font-weight: 300;
margin-bottom: 10px;
padding: 3%;
border: 0;
border-radius: 3px;
color: #333 !important;
font-size: 0.9rem;
}
.case-login .login-btn {
position: relative;
float: left;
width: 100%;
}
.case-login .login-btn button {
padding: 10px 40px;
border-radius: 30px;
border: 0;
cursor: pointer;
color: #fff;
letter-spacing: 2px;
font-size: 0.8rem;
background: #343e3d none no-repeat scroll 15% 50%;
text-transform: uppercase;
font-weight: bold;
font-family: "Poppins", Arial, sans-serif;
}
.case-login .login-btn button:hover {
background-color: #eee;
color: #343e3d;
}
@media screen and (max-width: 768px) {
.case-login {
right: 50%;
margin-right: -205px;
}
}
.login-form .wait {
background-color: #DDD !important;
background-image: url(/assets/images/loader-20-888-ddd.GIF) !important;
padding-left: 50px !important;
color: #888 !important;
}
@media screen and (max-width: 400px) {
.case-login {
position: relative;
float: left;
right: 0;
margin-right: 0;
padding: 0 20px;
width: 90%;
}
.case-login .block-login {
top: 20%;
}
.case-login .login-form,
.case-login .block-login h2 {
width: 90%;
}
.case-login .sign-up {
right: 15%;
}
}
.content {
position: relative;
float: left;
width: 100%;
padding: 15px;
text-align: center;
margin-top: 20px;
}
.btn-div {
float: left;
position: relative;
width: 100%;
text-align: left;
margin-bottom: 50px;
margin-top: 100px;
}
.dftbtn {
position: relative;
padding: 15px 50px;
border-radius: 50px;
background: #eee;
display: inline-block;
color: #166cbc;
text-decoration: none !important;
font-size: 0.9rem;
cursor: pointer;
}
.dftbtn:hover {
opacity: 0.5;
}
#subsec ul {
text-align: center;
padding: 0;
}
#subsec ul,
#subsec ul li .home-links-title {
float: left;
width: 100%;
}
#subsec ul li {
width: 200px;
margin: 10px;
margin-bottom: 40px;
text-align: center;
display: inline-block;
}
#subsec ul li:last-child {
margin-right: 0;
}
#subsec ul li a {
cursor: pointer;
line-height: 5rem;
}
#subsec ul li .sub-main-icon {
position: relative;
width: 100px;
height: 100px;
text-align: center;
font-size: 70px;
background: #eee !important;
border: 5px solid #44bf39;
color: #fff;
border-radius: 100%;
display: inline-block;
z-index: 6;
}
#subsec ul li .sub-main-icon i {
color: #44bf39;
font-size: 3rem;
}
#subsec ul li a:hover .sub-main-icon {
border: 5px solid transparent;
}
#subsec ul li .sub-main-icon img {
width: 50%;
top: 35px;
position: relative;
vertical-align: top;
}
#subsec ul li .sub-main-title {
font-size: 0.9rem;
color: #333;
line-height: 1rem;
font-weight: bold;
float: left;
text-align: center;
width: 100%;
margin-top: 10px;
}
#subsec ul li .sub-main-title2 {
font-size: 0.8rem;
color: #333;
margin-top: 5px;
line-height: 12px;
}
/* Make the Choices.js input smaller */
.choices__inner {
min-height: 30px; /* default is around 38-40px */
padding: 2px 8px; /* reduce vertical padding */
font-size: 14px; /* optional, smaller font */
}
.choices__list--multiple .choices__item {
line-height: 20px; /* smaller selected items */
padding: 2px 5px;
font-size: 13px;
}
.choices__input {
height: 28px; /* smaller input for typing/search */
margin: 0;
padding: 0;
}
.invalid {
border: 1px solid red !important;
}
.asterisk {
color: red;
margin-right: 4px;
font-weight: bold;
}