html {
    height: 100%;
}

body, textarea {
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    height: 100%;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: 800;
}

.relative {
    position: relative;
}

.green {
    color: #39B54A;
}

.green16 {
    color: #39B54A;
    font-size: 16px;
}

.green17 {
    color: #39B54A;
    font-size: 17px;
}



p.italic {
    font-style: italic;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

li {
    list-style: none;
}

.ul-circle {
    margin-left: 10px;
}

    .ul-circle .title {
        display: inline-block;
        width: 70px;
    }

    .ul-circle li {
        list-style-type: circle;
    }

    .ul-circle .dark {
        list-style-type: disc;
    }


.ul-dot {
    margin-left: 40px;
}

    .ul-dot li {
        list-style-type: disc;
    }

caption, th {
    text-align: left;
}

a {
    text-decoration: inherit;
    color: black;
}

.clearfix {
    clear: both;
}


.borderbox {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll_wrapper {
    position: absolute;
    overflow: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}


.superscript {
    vertical-align: super;
    font-size: 66%;
    line-height: 0px;
}

.subscript {
    vertical-align: sub;
    font-size: 66%;
    line-height: 0px;
}

.upper {
    text-transform: uppercase;
}

.vmiddle {
    vertical-align: middle;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.m20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.center {
    text-align: center;
}

.center-report {
    width: 90%;
    margin: auto;
}

.tr {
    text-align: right;
}

.underline {
    text-decoration: underline !important;
}

.nounderline {
    text-decoration: none !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.inline {
    display: inline-block;
}

.inline-block {
    display: inline-block;
}


.inline-table {
    display: inline-table;
}

.vm {
    vertical-align: middle;
}

.combobox {
    display: inline-table;
}

.hidden {
    display: none;
}

.btnPadding {
    padding: 4px;
}

select, input, textarea {
    font-family: ManifoldCF, sans-serif;
    font-size: 17px;
    color: black;
    margin-top: 2px;
    height: 29px;
}


header {
    background-color: #232442;
    width: 100%;
    height: 50px;
}

#header-logo {
    display: inline-block;
    position: absolute;
    left: 100px;
    width: 200px;
    top: 0px;
}

#menu2 {
    position: absolute;
    top: 50px;
    left: 10px;
    z-index: 100;
}

    #menu2 li {
        padding: 2px 5px;
        background-color: #1d2333;
        border-bottom: 1px solid #707070;
    }

        #menu2 li ul {
        }

            #menu2 li ul li {
                width: 115px;
            }

                #menu2 li ul li a {
                    white-space: normal;
                }

    #menu2 a {
        color: white;
        font-size: 11pt;
    }


#hamburger {
    position: absolute;
    left: 10px;
    top: 15px;
    width: 40px;
    height: 40px;
    z-index: 100;
}

    #hamburger img {
        height: 25px;
        width: 25px;
    }


#menu {
    position: absolute;
    right: 10px;
    top: 10px;
    display:none;
}

    #menu ul li {
        background-color: #1d2333;
        padding: 0px 10px;
        height: 30px;
        z-index: 100;
        width: auto;
    }

        #menu ul li a {
            color: white;
            /*text-transform: uppercase;*/
            font-size: 16px;
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
        }

        /*#menu ul li a.static {
                padding: 38px 3px;
            }*/

        #menu ul li ul li {
            border-bottom: 1px solid #fafafa;
            height: auto;
        }

        #menu ul li ul > li:last-child {
            border-bottom: none;
        }

        #menu ul li ul li a {
            padding: 10px 10px;
        }

.menubutton {
    border: 2px solid white;
    padding: 1px;
    transition: 0.3s;
}

    .menubutton:hover {
        background-color: white;
        color: black !important;
    }

#default1 {
    background-color: white;
    width: 100%;
    padding-bottom: 10px;
}

#default1-container {
    padding-top: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    background-color: white;
    justify-content: center;
    font-family: 'Roboto', sans-serif;
}

#default-left {
    width: 600px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 35px;
    font-weight: 100;
}

#default-left-block1 {
    font-size: 30px;
    margin-bottom: 20px;
}

#default-left-block2 {
    font-size: 43px;
    font-weight: 900;
}

#default-left-block3 {
    margin-top: 35px;
    font-weight: 900;
}


#default-block2-container {
    display: flex;
    justify-content: center;
    background-color: #C3C3C3;
    margin: 0px -20px;
    margin-top: 30px;
    font-family: 'Roboto', sans-serif;
}

#default-block2 {
    width: 500px;
    padding-top: 70px;
}

.default-block2-login {
    display: flex;
    justify-content: center;
    flex-flow: row;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 100;
    flex: 0 0 auto;
    width: 500px;
    min-height: 1px;
}

.logintb {
    border: 4px solid #e5e5e5;
    width: 300px;
}

#default-block2-buttons {
    display: flex;
    flex-flow: column;
}

#default-block2-login .loginbutton {
    border: 4px solid #e5e5e5;
    width: 110px;
    padding: 3px;
    color: #caac68;
    height: 35px;
    font-size: 15px;
}
/**/
#default-block2-buttons {
    display: flex;
    flex-flow: row;
    width: 500px;
    margin-top: 10px;
}

#remember-me {
    width: 200px;
}

#login-buttons {
    text-align: right;
    width: 210px;
}

.forgot-login {
    font-size: 12px;
}

#default2 {
    display: flex;
    flex-flow: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    height: 100%;
    background-color: #f9f5ff;
}

#default-block3 {
    font-weight: 100;
    width: 650px;
    height:160px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
}

#default-block3-2 {
    font-size: 18px;
    margin-top: 20px;
    flex: 1 1 auto;
}

#default-block3-3 {
    font-weight: 100;
    font-size: 17px;
    margin-top: 20px;
    font-style: italic;
    flex: 1 1 auto;
}

    #default-block3-3 ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    #default-block3-3 li {
        box-sizing: initial;
        padding-left: 30px;
        position: relative;
        padding-bottom: 10px;
        height: 30px;
    }

        #default-block3-3 li:before {
            content: '';
            width: 16px;
            height: 16px;
            position: absolute;
            background-image: url('../images/list-bullet.png');
            left: 0px;
            top: 10px;
            background-size: cover;
            background-position: center;
        }

#default-block4-container {
    margin-top: 30px;
    font-family: 'Roboto', sans-serif;
}

#default-block4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;    
    width: 450px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 40px;
    font-style: italic;
    color: #c3c3c3;
    line-height: 70px;
}

#default-left2-container {
    background: url('../images/feel-secure-icon.png') no-repeat left top;
    padding-left: 20px;
}

#default-left2 {
    display: flex;
    width: 400px;
    flex-direction: column;
}

.default-block3-1 {
    font-size: 25px;
}

.default-block3-2 {
    font-size: 45px;
    font-weight: 900;
}

#default-right2-container {
    background: url('../images/stay-in-sync-icon.png') no-repeat left top;
    padding-left: 20px;
}


#default-right2 {
    display: flex;
    width: 400px;
    flex-direction: column;
}


footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    background-color: #222540;
}

    footer a {
        color: white;        
    }

#footer2 {
    display: flex;
    flex-direction: row;
    align-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 1100px;
    padding: 10px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 100;
    color: white;
}

.footer-small{
    font-size: 12px;
}

#footer-block1 {
    width: 350px;
    font-size: 17px;
}

#footerownercarelogo {
    width: 300px;
}

#footer-block2 {
    width: 400px;    
    padding-top:10px;
}


#footer-block3 {
    margin-top: 10px;
    width: 300px;    
}

#footer-block4{
    width:350px;
    padding-top:20px;
}

#footerteclogo {
    width: 40px;
}

#footer-block5 {
    max-width: 700px;
    padding-top: 20px;
    font-size: 12px;
}



.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-weight: 100;
    font-size: 17px;
}

/*emergency page*/
.emergency-0 {
    display: flex;
    flex-direction: row;
    background-color: #3e3e42;
    justify-content: center;
    width: 100%;
    font-style: italic;
    height: 65px;
    color: white;
}

.emergency-0-text {
    align-self: center;
}


.emergency-2 {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.emergency-block {
    border: 1px solid black;
    width: 450px;
    padding: 10px;
    text-align: left;
    box-sizing: border-box;
}

.emergency-ul {
    margin-left: 15px;
    list-style: disc;
}

    .emergency-ul li {
        list-style: disc;
    }


.emergency-contacts-divs {
    display: flex;
    flex-direction: row;
    width: 900px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.emergency-contact {
    display: flex;
    /*height: 173px;*/
    width: 173px;
    background-color: #222541;
    border: 3px solid #868c92;
    align-content: center;
    flex: 1 0 25%;
    box-sizing: border-box;
    padding: 15px;
}

.emergency-contact-text {
    align-self: center;
    color: white;
    text-align: center;
    width: 100%;
}

.emergency-3 {
    margin-top: 20px;
    width: 900px;
    text-align: left;
}

    .emergency-3 li {
        list-style: decimal;
    }

.emergency-3-nums {
    display: flex;
    flex-direction: row;
    width: 900px;
    font-size: 13px;
}

    .emergency-3-nums div {
        width: 225px;
    }

.emergency-4 {
    margin-top: 35px;
    font-weight: 700;
}

.emergency-address {
    text-align: center;
    margin: 15px 0px;
}

/* Contact Us */

.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 100;
    font-size: 16px;
}

#contact-us-container2 {
    display: flex;
    flex-direction: row;
}

#contact-us-col1 {
    width: 528px;
}

#contact-us-col2 {
    width: 550px;
}

    #contact-us-col2 label {
        line-height: 21px;
        font-size: 14px;
        font-weight: 700;
    }

#contact-us-email a:link {
    color: rgb(110, 157, 151);
    text-decoration-color: rgb(110, 157, 151);
}

.contact-us-icon {
    display: inline-block;
    width: 25.5px;
    margin-right: 7px;
}

.contact-us-address1 {
    display: inline-block;
    line-height: x;
}


.contact-us-submit {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(56, 68, 89);
    background-image: none;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: rgb(255, 255, 255);
    border-right-style: solid;
    border-right-width: 2px;
    border-top-color: rgb(255, 255, 255);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-style: solid;
    border-top-width: 2px;
    box-shadow: rgb(238, 238, 238) 0px 1px 1px 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    direction: ltr;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 16px;
    font-weight: 400;
    height: 41px;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
    padding-bottom: 6px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 6px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    width: 80.1667px;
}

#container-contact-us {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    /*padding-bottom: 60px;*/
}


.contact-us-boxes input, textarea {
    background-color: rgb(255, 255, 255);
    border-bottom-color: rgb(96, 126, 140);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(96, 126, 140);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(96, 126, 140);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(96, 126, 140);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
    box-sizing: border-box;
    color: rgb(88, 89, 91);
    direction: ltr;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 21px;
    max-width: 100%;
    outline-color: rgb(88, 89, 91);
    padding: 6px 10px 6px 10px;
    text-align: left;
    vertical-align: middle;
    width: 258.65px;
    margin-bottom: 10px;
}

.address2 {
    padding-top: 183px;
}

    .address2 ul {
        padding-left: 0px;
    }

    .address2 li {
        text-align:left;
    }



/*Legal*/
.legal {
    text-align: left;
    font-size: 18px;
}

.legal-h1 {
    font-weight: 700;
    margin-top: 30px;
}

/*maintenance guide*/
.maintenance {
    font-size: 18px;
    text-align: left;
}

    .maintenance div {
        width: 534px;
        margin-bottom: 30px;
    }

/*how to submit*/
.how-to-submit {
    font-size: 18px;
    text-align: left;
    margin-top: 20px;
}

    .how-to-submit ol {
        list-style-position: outside;
        list-style-type: decimal;
    }

        .how-to-submit ol li {
            margin-bottom: 15px;
            list-style-type: decimal;
        }

/*FAQ*/
.faq {
    text-align: left;
    width: 534px;
}

.faq-header {
    font-weight: 700;
    margin-top: 20px;
    text-decoration: underline;
}

.faq-text {
    display: none;
}

/*file a claim*/

.claims {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    width: 800px;
    background-color: #B9AD68;
    color: white;
}

.claims-dropdown {
    display: flex;
    height: 40px;
    border-bottom: 1px solid white;
    align-items: center;
    padding-left: 20px;
}

    .claims-dropdown select {
        background-color: #b9ad68;
        color: white;
        font-size: 17px;
        border: none;
    }

    .claims-dropdown input {
        background-color: #b9ad68;
        color: white;
        font-size: 17px;
    }

.claims-entry {
    padding: 0px 20px 20px 20px;
}

    .claims-entry a {
        color: white;
    }


#form1 {
    height: 100%;
}



#content {
    font-family: ManifoldCF, sans-serif;
    font-size: 17px;
    color: black;
    position: relative;
}

    #content .dxucControl {
        font-family: ManifoldCF, sans-serif;
        font-size: 17px;
        color: black;
    }

#container {
    display: flex;
    justify-content: center;
    min-height: 700px;
}


@media screen and (min-width: 1290px) {
    footer {
        font-size: 15px;
    }

        footer a {
            font-size: 17px;
        }

    #footer-block3 {
        font-size: 17px;
    }
}


@media screen and (max-width: 1190px) {
    footer {        
        padding: 20px;
    }

    #footer-links {
        position: absolute;
        top: 50px;
        left: 10px;
    }

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

    #footer-copyright {
        position: absolute;
        text-align: left;
        margin: unset;
        left: 10px;
        top: 110px;
        width: 300px;
    }

    #footer-right {
        position: absolute;
        left: 10px;
        top: 135px;
        text-align: left;
    }
}

@media screen and (max-width: 1080px) {
    #footer-block3 {
        width:350px;
    }
}

    @media screen and (max-width: 970px) {
        footer {
            height: auto;
        }

        #menu {
            display: none;
        }

        #hamburger {
            display: block;
        }

        #logo-left {
            position: absolute;
            left: 60px;
            height: 80px;
            z-index: 9999;
        }

            #logo-left img {
                height: 80px;
            }
    }