@import url(//fonts.googleapis.com/css?family=Raleway:400,700,900);
@import url(//fonts.googleapis.com/css?family=Lato:400,900);
/* general css structures */

* {
    margin: 0;
    padding: 0px;
}

body {
    background: #ffffff;
    margin: 0;
    height: 100%;
    color: #384452;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

p {
    padding: 0;
    margin-bottom: 12px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #384452;
    margin-top: 10px;
}

img {
    height: auto;
    max-width: 100%;
}

a {
    padding: 0;
    margin: 0;
    text-decoration: none;
    -webkit-transition: background-color .4s linear, color .4s linear;
    -moz-transition: background-color .4s linear, color .4s linear;
    -o-transition: background-color .4s linear, color .4s linear;
    -ms-transition: background-color .4s linear, color .4s linear;
    transition: background-color .4s linear, color .4s linear;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #01b2fe;
}

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #2B2E31;
}

::selection {
    color: #fff;
    text-shadow: none;
    background: #2B2E31;
}

.centered {
    text-align: center
}

.navbar {
    min-height: 70px;
    padding-top: 10px;
    margin-bottom: 0px;
}

.navbar-brand {
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
}

.navbar-header .navbar-brand {
    color: white;
}

.navbar-default .navbar-nav>li>a {
    color: white;
    font-weight: 700;
    font-size: 12px;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #00b3fe;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #00b3fe;
    background-color: transparent;
}

.navbar-default {
    background-color: #384452;
    border-color: transparent;
}

.dropdown-menu {
    background: #384452;
}

.dropdown-menu>li>a {
    color: white;
    font-weight: 700;
    font-size: 12px;
}

.mtb {
    margin-top: 80px;
    margin-bottom: 80px;
}

.mb {
    margin-bottom: 60px;
}

.mt {
    margin-top: 60px;
}

.hline {
    border-bottom: 2px solid #384452;
}

.hline-w {
    border-bottom: 2px solid #ffffff;
    margin-bottom: 25px;
}

#headerwrap {
    background-color: #00b3fe;
    padding-top: 100px;
    padding-bottom: 0px;
    text-align: center;
}

#headerwrap h3,
h5 {
    color: white;
    font-weight: 400;
}

#headerwrap h1 {
    color: white;
    margin-bottom: 25px;
}

#headerwrap .img-responsive {
    margin: 0 auto;
}

/* Services Wrap */

#service {
    margin-top: 100px;
    margin-bottom: 80px;
}

#service i {
    color: #00b3fe;
    font-size: 60px;
    padding: 15px;
}

/* clients logo */

#cwrap {
    background: #f7f7f7;
    margin-top: 0px;
    padding-top: 80px;
    padding-bottom: 100px;
}

#cwrap h3 {
    margin-bottom: 60px;
}

/* footer */

#footerwrap {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #384452;
}

#footerwrap p {
    color: #999;
}

#footerwrap h4 {
    color: white;
}

#footerwrap i {
    font-size: 30px;
    color: #bfc9d3;
    padding-right: 25px;
}

#footerwrap i:hover {
    color: #00b3fe
}

/* custom css structures */

a {
    color: #0a5fa2;
}

a:hover {
    color: #0a5fa2;
}

#logo-span {
    color: #cce4fd
}

h3,
.h3 {
    font-size: 30px;
}

.navbar-right {
    position: relative;
    text-align: right;
    top: -2px;
}

.navbar-right span {
    color: #fff;
    font-size: 18px;
}

.navbar-right a {
    color: #cce4fd;
    font-size: 26px;
    line-height: 26px;
    position: relative;
    top: 2px;
}

.navbar-right a:hover {
    color: #fff !important;
}

.navbar-brand {
    font-size: 24px;
    font-weight: 600;
    height: auto;
    padding: 10px;
    text-transform: uppercase;
}

.navbar-brand img {
    margin-right: 5px;
}

.navbar-brand i {
    margin-right: 5px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #cce4fd;
}

input[type="radio"] {
    width: 14px;
    display: inline-block;
    height: 14px;
    margin-left: 0 !important;
    margin-top: 10px;
    margin-right: 5px !important;
    cursor: pointer;
    padding: 0 !important;
}

.form-group {
    margin-bottom: 10px;
}

.form-control {
    border-radius: 0;
    font-size: 15px;
    padding: 6px 8px;
    box-shadow: none !important;
}

label {
    color: #333;
    font-size: 15px;
    font-weight: normal;
    line-height: 32px;
    margin-bottom: 0;
    padding-right: 10px;
    text-align: right;
    width: 100%;
}

#submit-form {
    font-size: 30px;
    padding: 5px 25px 10px;
    line-height: 46px;
    background-color: #fa4860;
    border-radius: 0;
    color: #fff;
    margin: 7px 0px;
}

#submit-form:hover {
    background-color: #f33f57;
}

#form-section-submit {
    margin-top: 5px;
}

#form-section-submit .form-group {
    margin-bottom: 0;
}

#disclaimer {
    padding: 10px 20px 15px 20px;
    font-size: 12px;
    text-align: justify;
    line-height: 15px;
}

#disclaimer a {
    color: #f33f57;
}

#service h5 {
    color: #000;
    margin: 20px auto;
    font-size: 30px;
    width: 650px;
    padding-bottom: 40px;
    line-height: 35px;
}

#cwrap img {
    margin: 0 auto;
}

#footer-links {
    text-align: center;
    font-size: 17px;
}

#footer-links a {
    margin: 0 10px;
    color: #cce4fd;
}

#footer-links a:hover {
    color: #0a5fa2;
}

#headerwrap {
    background-color: #fff;
    margin-top: 85px;
    padding-top: 0px;
    position: relative;
    height: 593px;
}

#service .container {
    padding-top: 1.5em;
    clear: both;
}

#headerwrap h2 {
    color: #0a5fa2;
    font-size: 42px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 10px 0;
    font-family: inherit;
    line-height: 50px;
}

#headerwrap h5 {
    color: #fff;
    float: right;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    text-align: right;
    text-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5);
    width: 670px;
    padding: 5px 0;
}

#form-holder {
    float: left;
}

#header-headline {
    float: right;
    background-color: rgba(10, 95, 162, 0.25);
    padding: 5px 20px 5px 30px;
    border-radius: 90px 0 0 90px;
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#form-holder {
    background-color: rgba(255, 255, 255, 0.5);
    width: 490px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
    position: relative;
    z-index: 1;
    display: none;
}

#form-holder br {
    display: none;
}

#health-form>div>section {
    padding: 0 10px;
}

#health-form input,
#health-form select {
    border: 1px solid #fff;
}

.row {
    margin: 0;
}

.form-group>div {
    padding: 0 5px;
}

#life_event {
    margin-top: 38px;
}

#major-events {
    line-height: 36px;
}

#service {
    margin: 50px 0px;
    text-align: justify;
}

#service p,
#service ul {
    font-size: 16px;
}

#service strong {
    font-size: 1.4em;
}

.service {
    padding: 0 50px;
}

.service p {
    font-size: 22px !important;
    padding: 0 20px;
    line-height: 30px;
}

.service h3 {
    font-size: 35px;
    line-height: 40px;
    width: 800px;
    margin: 0 auto;
}

#cwrap {
    padding: 50px 0;
}

.navbar-default {
    background-color: #0a5fa2;
}

.fa-phone {
    font-size: 25px;
}

#service i {
    color: #0a5fa2;
    font-size: 100px;
    padding: 70px 15px 20px;
}

#footerwrap {
    padding: 20px 0;
}

#clear-large {
    clear: left;
}

.large-padding-top img {
    padding-top: 25px;
}

.large-height img {
    height: 80px;
}

/* terms policy */

.body-content-inner {
    margin: 80px 0;
}

/* validation */

.error {
    border: 1px solid #fa4860 !important;
}

.valid {
    border: 1px solid #cce4fd !important;
}

#phone_home_visible_mobile {
    display: none;
}

#lookingfor {
    line-height: 15px;
    margin: 23px 0;
}

.sub-header {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    background-color: #24335A;
    line-height: 40px;
}

.other-content {
    margin-top: 70px !important;
}

.other-content p {
    margin-top: 0;
}

/*  working hours   */

span.working-hours {
    font-size: 16px;
    position: relative;
    right: 2px;
}

.terms-list {
    padding-left: 30px;
}

/* responsive style */

@media(max-width: 1199px) and (min-width: 992px) {
    #header-headline h5 {
        font-size: 25px;
        line-height: 29px;
        width: 430px;
    }
    #headerwrap .container,
    .service .container,
    #headwrap .container {
        width: 920px;
    }
}

@media(max-width: 991px) {
    .service h3 {
        width: auto;
    }
    .service {
        padding: 0 20px;
    }
}

@media(max-width: 991px) and (min-width: 768px) {
    #headerwrap {
        height: 714px;
    }
    #headerwrap h5 br {
        display: none;
    }
    #header-headline {
        background-color: rgba(10, 95, 162, 0.55);
    }
    #service .col-md-4 {
        width: 33%;
        float: left;
    }
    #form-section {
        margin-left: -10px;
    }
    .service p {
        font-size: 20px !important;
        padding: 0;
        line-height: 28px;
    }
    #service h3 {
        font-size: 30px;
    }
    #service h5 {
        font-size: 25px;
    }
    #headerwrap h5 {
        padding: 0 40px;
        font-size: 25px;
    }
    label {
        font-size: 14px;
        line-height: 34px;
    }
    .form-control {
        padding: 6px 8px;
    }
    #disclaimer {
        padding: 8px 20px 15px 20px;
        line-height: 14px;
    }
    .submit-group {
        margin: 0;
    }
    .sub-header {
        font-size: 18px;
        bottom: 5px;
    }

    #header-headline {
        bottom: -50px;
    }
}

@media(max-width: 767px) {
    #form-holder {
        width: 100%
    }
    .navbar {
        padding-top: 0;
    }
    .navbar-brand {
        margin-left: 15px;
    }
    .navbar br {
        display: none;
    }
    .navbar-right a {
        margin-left: 0px;
    }
    .navbar-right span {
        font-size: 14px;
        float: right;
    }
    #headerwrap h5 {
        padding: 0 20px;
    }
    #cwrap .col-lg-3 {
        width: 50%;
        float: left;
    }
    #service i {
        padding-top: 50px;
    }
    #service {
        margin: 40px 0;
    }
    .service p {
        width: 260px;
        margin: 20px auto;
        font-size: 20px !important;
        line-height: 25px;
        display: block;
        padding: 0 0 10px 0;
    }
    #service h5 {
        padding: 0 15px;
        font-size: 22px;
    }
    #service h3 {
        padding: 0 5px;
        font-size: 26px;
    }
    .navbar-right a {
        font-size: 24px;
        float: right;
    }
    .large-padding-top img {
        padding-top: 0;
    }
    #health-form>div>section {
        padding: 0px 0px 20px 0px;
        margin: 0px;
    }
    #form-section {
        margin-left: 0;
    }
    #form-section {
        width: 50%;
        float: left;
    }
    #form-section>.col-sm-12>.col-sm-6:nth-child(n) {
        width: 100%;
        float: left;
    }
    label {
        text-align: left;
    }
    .form-group {
        margin-bottom: 0;
    }
    #major-events {
        line-height: 32px;
        padding-right: 0;
    }
    #form-section .form-group {
        padding-left: 6px;
    }
    #life_event {
        margin-top: 0;
    }
    #headerwrap .container {
        padding: 0 25px;
    }
    #form-section .col-sm-4 {
        width: 100%;
    }
    .working-hours {
        float: right;
    }
    .body-content-inner {
        margin: 30px 0;
    }
}

@media(max-width: 767px) and (min-width: 640px) {
    #header-headline {
        position: relative;
        width: 600px;
    }
    #headerwrap h2 {
        text-align: left;
        margin-left: 30px;
    }
    .sub-header {
        font-size: 16px;
        margin-top: 6px;
        line-height: 34px;
    }

     #form-section-submit {
        background-color: rgba(255,255,255,.5);
    }
}

@media(max-width: 767px) and (min-width: 640px) {
    .navbar-brand {
        font-size: 24px;
        padding: 0;
        margin-top: 18px;
    }
    .navbar-brand img {
        height: 40px;
    }
    .navbar-header {
        float: left;
    }
    .navbar-right {
        text-align: right;
        width: 300px;
        float: right;
        top: 3px;
    }
    #headerwrap {
        margin-top: 70px;
        height: 543px;

    }
    #geo-location-div {
        width: 100%;
        float: left;
    }
    #geo-location-div,
    #other-info-div {
        padding-right: 12px;
    }
    .form-group {
        margin-bottom: 5px;
        float: left;
        width: 100%;
    }
    #form-section .col-sm-4 {
        width: 33%;
        float: left;
    }
    #form-section {
        width: 400px;
        float: left;
        margin-left: 20px !important;
    }
    #form-section-submit .form-group {
        width: 390px;
        margin-left: 20px;
    }
    #disclaimer {
        padding: 5px 20px 15px 20px;
    }
    #headerwrap h5 {
        width: 100%;
        font-size: 22px;
        line-height: 24px;
    }
    #service h5 {
        width: 100%;
    }
    #submit-form {
        margin: 5px 0px;
    }
}

@media(max-width: 639px) {
    .navbar-brand {
        margin: 0;
        font-size: 17px;
    }
    .navbar-right a {
        font-size: 22px;
        display: block;
        text-align: left;
        float: right;
        margin-top: 0px;
    }
    #headerwrap {
        height: auto;
    }
    #submit-form {
        font-size: 27px;
    }
    #service h3 {
        font-size: 20px;
    }
    #service h5 {
        font-size: 18px;
    }
    #service .col-md-4 {
        width: 100%;
    }
    #cwrap h3 {
        font-size: 24px;
    }
    #cwrap .col-lg-3 {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    #footerwrap .container,
    #footerwrap .col-lg-offset-3 {
        padding: 0;
    }
    #footer-links {
        font-size: 14px;
    }
    #footer-links a {
        margin: 0 6px;
    }
    .large-height img {
        height: auto;
    }
    #headerwrap h2 {
        padding: 20px 0 10px 0;
        margin-bottom: 0;
        font-size: 30px;
    }
    #headerwrap h5 {
        font-size: 18px;
    }
    #submit-form {
        padding: 10px 0;
        width: 100%;
    }
    #form-section {
        width: 100%;
    }
    #form-section .form-group {
        padding: 0;
        float: left;
        width: 100%;
    }
    label {
        position: relative;
        top: 5px;
    }
    #disclaimer {
        padding: 0px 20px;
    }
    .navbar {
        min-height: 40px;
    }
    .navbar-header {
        float: left;
    }
    .navbar-brand {
        padding: 5px;
        font-size: 14px;
    }
    .navbar-brand span {
        display: none;
    }
    .navbar-right {
        top: 1px;
        float: right;
        width: 260px;
    }
    .navbar-brand img {
        height: 40px;
        margin: 0 5px;
    }
    .navbar .container {
        position: relative;
    }
    #service h5 {
        width: 90%;
    }
    #headerwrap {
        margin-top: 65px;
    }
    #form-title {
        font-size: 27px !important;
        padding: 20px 10px !important;
        line-height: 30px !important;
        width: 160px;
        text-align: left;
    }
    #form-section {
        padding: 25px 15px 0 !important;
    }
    #form-section>div>div {
        margin-bottom: 5px;
    }
    #geo-location-div {
        float: left !important;
        padding-right: 0 !important;
    }
    #other-info-div {
        padding-left: 0 !important;
    }
    .form-control {
        font-size: 15px;
        height: 40px;
    }
    #headerwrap h5 {
        font-size: 16px;
        padding: 0 5px;
        line-height: 16px;
        text-align: right;
        width: 100%;
        margin: 5px 0;
        float: none;
    }
    #health-form {
        background-color: rgba(10, 95, 162, 0.25);
    }
    #service {
        margin: 10px 0;
        padding: 0;
    }
    .service {
        margin: 20px 0 !important;
    }
    .service h3 {
        line-height: 30px;
    }
    #service h5 {
        line-height: 25px;
    }
    .navbar .container {
        padding: 0 10px;
    }
    #form-holder {
        float: none;
    }
    #headerwrap h5 {
        width: 280px;
        float: right;
    }
    #header-headline {
        background-color: rgba(10, 95, 162, 0.55);
        display: none !important;
    }
    .sub-header {
        font-size: 14px;
        line-height: 20px;
        padding: 5px 0;
    }
}

/* Countdown Clock */

.thank-you #clockdiv {
    text-align: center;
}

.thank-you .countdown {
   width: 100%;
   font-size: 1.5em;
   line-height: 4;
   padding: 10px 20px;
   color: #ffffff;
   background-color: #bcbcbc; }
.thank-you #clockdiv h4 {
 margin-top: 1em;
 margin-bottom: 0;
 font-size: 1.5em; 
 color: #1c8b48;}

 .thank-you #clockdiv button {
    font-size: 1.8em;
    background-color: #fa4860;
    color: #ffffff;
    padding: .5em .75em;
    border-radius: 5px;
    margin: 0 0 1em;
 }

.thank-you #clockdiv i {
    font-size: 1em;
    color: #ffffff;
    padding: 0;
}

.mast {
    background-color: #fff;
    background-image: url('../img/mast4-half.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    position: absolute;
    height: 594px;
    width: 100%;
    z-index: 1;
    top: 86px;

}

@media screen and (min-width: 768px) {
    .mast {
        background-image: url('../img/mast4.jpg');
    }   
}

@media(max-width: 991px) and (min-width: 640px) {
    .mast  {
        top: 66px;
        background-position: right -200px top !important;
    }
}

@media(max-width: 991px) and (min-width: 768px) {
    .mast {
        height: 543px;  
    }
}

@media(max-width: 639px) {
     .mast {
        top: 66px;
        background-size: contain;
    }
}