body {
    font-family: "Bitter", serif;
}

.tydon-menu {}
.tydon-body {min-height: 510px;
}

.tydon-footer {
    min-height: 140px;
    background-color: #1f1951;
    margin-top: 28px;
}
.margin-top-lg{
    margin-top:15px;
}
.margin-top-md {
    margin-top: 10px;
}

.tydon-section-seperator {
    height: 2px;
    background-color: #1f1951;
}

.internal-app-navigation {background-color: #fff;}
.internal-app-navigation-links > .link-item { height: 61px; max-height: 61px; display: inline-block; padding: 5px; }
.internal-app-navigation-links > .link-item > a { text-decoration: none; font-size: 1.15em; font-weight: 400; text-align: right; color: #1f1951; }
.internal-app-navigation-links > .link-item > a:hover { cursor: pointer; }
.internal-app-navigation-links > .link-item-margin { height: 61px; max-height: 61px; display: inline-block;  padding: 5px; margin-right: 15px; }
.internal-app-navigation-links > .link-item-margin > a { text-decoration: none; font-size: 1.15em; font-weight: 400; text-align: right; color: #1f1951; }
.internal-app-navigation-links > .link-item-margin > a:hover { cursor: pointer; }
.internal-app-navigation-links > .link-item-condition { height: 50px; max-height: 50px; margin-left: 12px; display: inline-block;}
.internal-app-navigation-links > .link-item-condition > a { text-decoration: none; font-size: 1.15em; font-weight: 400; text-align: right; color: #1f1951; }
.internal-app-navigation-links > .link-item-condition > a:hover { cursor: pointer; }
.internal-app-navigation-links > .link-item-drop {position: relative; }
.internal-app-navigation-link-active {font-weight: 500!important; color: #000000!important; }
.internal-app-navigation-sub-link-active {font-weight: 400!important; color: #000000!important; text-decoration: underline; }

.tydon-footer-icon{color: #FFFFFF; margin-left:30px; }

.margin-top-body {
    margin-top: 70px;
}

.margin-top-splash 
{ 
    margin-top:50px;
}

.tydon-menu-active { font-weight: 700!important; }

.tydon-splash-title-3 {
    font-size: 1.1em;
    font-weight: 400;
}

@media (min-width: 1px) {
    .margin-top-splash {
        margin-top: 8px;
    }

    .tydon-project-description{font-size:1.1em; margin-top: 10px;}
    .tydon-project-description-margin{margin-bottom: 10px;}
}

@media (min-width: 320px) {

    .tydon-header {
        min-height: 50px;
        background-color: #1f1951;
        padding-right: 15px;
    }

    .margin-top-splash 
    {
        margin-top: 8px;
    }

    .margin-top-header {
        margin-top: 10px;
    }

    .tydon-splash-title-1 {
        font-size: 2em;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        color: #363636;
        margin-bottom: 15px;
    }

    .tydon-splash-title-2 {
        font-size: 1.5em;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        color: #363636;
        margin-top:15px;
    }

    .margin-top-footer {
        margin-top: 10px;
    }
    .tydon-project-description{font-size:1.1em; margin-top: 10px;}
    .tydon-project-description-margin{margin-bottom: 10px;}
}

@media (min-width: 480px) {

    .tydon-header {
        min-height: 50px;
        background-color: #1f1951;
        padding-right: 15px;
    }

    .margin-top-splash 
    {
        margin-top: 8px;
    }

    .margin-top-header {
        margin-top: 10px;
    }

    .tydon-splash-title-1 {
        font-size: 2em;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        color: #363636;
        margin-bottom: 15px;
    }

    .tydon-splash-title-2 {
        font-size: 1.5em;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        color: #363636;
    }
    .tydon-project-description{font-size:1.1em; margin-top: 10px;}
    .tydon-project-description-margin{margin-bottom: 10px;}
}

@media (min-width: 768px) {

    .tydon-header {
        min-height: 50px;
        background-color: #1f1951;
        padding-right: 15px
    }

    .margin-top-splash 
    {
        margin-top: 8px;
    }

    .margin-top-header {
        margin-top: 15px;
    }

    .internal-app-navigation-links {
        margin-top: 30px
    }

    .tydon-splash-title-1 {
        font-size: 2em;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        color: #363636;
    }

    .tydon-splash-title-2 {
        font-size: 1.5em;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        color: #363636;
    }

    .tydon-project-description{font-size:1.1em; margin-top: 10px;}
    .tydon-project-description-margin{margin-bottom: 10px;}
}

@media (min-width: 992px) {

    .tydon-header {
        min-height: 50px;
        background-color: #1f1951;
    }

    .margin-top-splash 
    {
        margin-top: 8px;
    }

    .margin-top-header {
        margin-top: 15px;
    }

    .internal-app-navigation-links {
        margin-top: 12px
    }

    .tydon-splash-title-1 {
        font-size: 2em;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        color: #363636;
    }

    .tydon-splash-title-2 {
        font-size: 1.5em;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        color: #363636;
    }

    .tydon-project-description{font-size:1.10em; margin-top: 15px;}
    .tydon-project-description-margin{margin-bottom: 15px;}
}

@media (min-width: 1200px) {

    .tydon-header {
        min-height: 50px;
        background-color: #1f1951;
    }

    .margin-top-splash {
        margin-top: 8px;
    }

    .margin-top-header {
        margin-top: 15px;
    }

    .internal-app-navigation-links {
        margin-top: 33px
    }

    .tydon-splash-title-1 {
        font-size: 3em;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        color: #363636;
    }

    .tydon-splash-title-2 {
        font-size: 1.5em;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        color: #363636;
    }

    .tydon-project-description{font-size:1.10em; margin-top: 15px;}
    .tydon-project-description-margin{margin-bottom: 15px;}
}

@media (min-width: 1400px) {

    .tydon-header {
        min-height: 50px;
        background-color: #1f1951;
    }

    .margin-top-splash 
    {
        margin-top: 16px;
    }

    .margin-top-header {
        margin-top: 15px;
    }

    .internal-app-navigation-links {
        margin-top: 54px
    }

    .tydon-splash-title-1 {
        font-size: 3em;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        color: #363636;
    }

    .tydon-splash-title-2 {
        font-size: 1.5em;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        color: #363636;
    }

    .margin-top-footer {
        margin-top: 30px;
    }

    .tydon-project-description{font-size:1.10em; margin-top: 15px;}
    .tydon-project-description-margin{margin-bottom: 15px;}
}

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

.tydon-contact-us {
    font-size: 16px;
    min-height: 47px;
    padding: 6px 16px;
    border-radius: 4px;
}

.tydon-contact-us-query {
    font-size: 16px;

    min-height: 47px;
    padding: 6px 16px;
    border-radius: 4px;
}

.tydon-section-1 {
    border-radius: 15px;
    min-height: 190px;
    background-color: #FFFFFF;
    padding-top: 40px;
    padding-bottom: 40px;
}

.tydon-section-2 {
    border-radius: 15px;
    min-height: 190px;
    background-color: #004e8a;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #FFFFFF;
}

button[disabled] {
    font-weight: 400;
    opacity: 0.9;
    cursor:not-allowed;
}
.tydon-btn {
    font-family: "Roboto", Sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    width: 9.666666666666666em;
    min-height: 2.4833333333333334em;
    display: inline-block;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 1px;
    background-color: #FFFFFF;
    color: #1f1951;
    text-decoration: none;
}

.tydon-has-error .form-control {
    border: solid 1.5px #a94442 !important;
    background: #f2dede;
}

/* css loader styles */
body.loading {
    overflow: hidden;
}

body.loading .modal-loading {
    display: block;
}

.modal-loading {
    display: none;
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 100, 100, 100, .4 );
}

.modal-spinner {
    position: fixed;
    z-index: 1000001;
    top: -100px;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 0, 0, 0, .0 ) url('./images/loader.png') 50% 50% no-repeat;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

-ms-keyframes spin {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); } 
    to { transform:rotate(360deg); }
}

#tydon-feedback-container {
    width: 60%;
    position: absolute;
    top: 180px;
    z-index: 1;
}

.tydon-feedback-dialog {
    width: 70%;
    border: 2px solid #363636;
    border-radius: 10px;
    padding: 20px;
}

.tydon-feedback-msg {
    font-size: 1.2em;
}

.tydon-body-header{font-size: 2.05em; font-weight: 700;}
.tydon-body-header-2{font-size: 1.5em; font-weight: 500;}
.tydon-body-header-3{font-size: 1.25em; font-weight: 500;}

.tydon-body-text {font-size: 1.12em; text-align: justify;}
.tydon-body-text-margin{font-size: 1.12em; margin-top:10px; text-align: justify;}

.tydon-body-parent-ul{margin-top:15px;}
.tydon-body-child-ul{margin-top:10px;}

.tydon-project-title{font-size: 1.50em; font-weight: 500; margin-bottom: 15px;}
.tydon-project-sub-title{font-size: 1.20em; font-weight: 400;}
.tydon-project-text{font-size: 1.12em; text-align: justify;}
.tydon-project-image{Margin-bottom:10px;}


.tydon-more-info{ margin-top: 10px;}
.tydon-more-info-link{font-size: 12px; cursor:pointer;}
.tydon-more-info-link > a {color: #FFF!important; text-decoration: none;}

.tydon-header-seperator-1 {height:2px; background-color: #004e8a;  margin-top:5px; margin-bottom: 5px; margin-left: 60px; margin-right:60px;}
.tydon-header-seperator-2 {height:2px; background-color: #FFFFFF; margin-top:5px; margin-bottom: 5px; margin-left: 60px; margin-right:60px;}

.tydon-info-seperator-1 {height:2px; background-color: #004e8a;  margin-bottom: 10px; margin-left: 60px; margin-right:60px; }
.tydon-info-seperator-2 {height:2px; background-color: #FFFFFF; margin-bottom: 10px; margin-left: 60px; margin-right:60px;}

.tydon-project-seperator-1 {height:2px; background-color: #004e8a;  margin-bottom: 10px; margin-left: 40%; margin-right:40%; }
.tydon-project-seperator-2 {height:2px; background-color: #FFFFFF; margin-bottom: 10px; margin-left: 40%; margin-right:40%;}

.tydon-info-seperator-sm-1 {height:2px; background-color: #004e8a; margin-bottom: 10px; margin-left: 30%; margin-right:30%;}
.tydon-info-seperator-sm-2 {height:2px; background-color: #FFFFFF; margin-bottom: 10px; margin-left: 30%; margin-right:30%;}

.tydon-safety-description{font-size:1.05em; margin-top: 10px; text-align: justify;}