@charset "utf-8";



body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}



h1 {
    font-weight: 900;
    font-family: 'Arial', sans-serif;
    font-size: 54px;
}

h2 {
    font-weight: 700;
    font-size: 42px;
    font-family: 'Arial', sans-serif;
}

h3 {
    font-weight: 300;
    font-size: 32px;
    font-family: 'Arial', sans-serif;
}

h4 {
    font-weight: 600;
    font-size: 28px;
    font-family: 'Arial', sans-serif;
}

h5 {
    font-weight: 700;
    font-size: 24px;
    font-family: 'Arial', sans-serif;
}

h6 {
    font-weight: 600;
    font-size: 22px;
    font-family: 'Arial', sans-serif;
}

p {
    font-family: 'Arial', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 27px;
}


li {
    list-style: none;
}

a .img {
    border: none;
}

a {
    transition: background-color 0.5s ease !important;
}

    a:hover {
        transition: background-color 0.5s ease !important;
    }

img {
    width: 100%;
}

    img:hover {
        transition: background-color 0.5s ease;
    }


.toast-bottom-full-width {
    top: 50% !important;
}

/*..... HEADER ......*/
.header {
    padding: 10px 0;
    min-height: 80px;
    background: #fff;
    position: relative;
}

.logo img {
    width: 350px;
}

.header .nav {
    float: right;
    margin: 10px 0 0 0;
}

    .header .nav li {
        float: left;
        border-radius: 5px;
        padding: 11px 0;
    }



        .header .nav li a {
            color: #333;
            font-family: 'Raleway', sans-serif;
            font-size: 16px;
            padding: 12px 24px !important;
            text-decoration: none;
        }

        .header .nav li.parent:hover a {
            color: #fff;
            text-decoration: none;
        }

        .header .nav li.parent .submenu a {
            color: #222;
            text-decoration: none;
        }

            .header .nav li.parent .submenu a:hover {
                color: #fff;
                text-decoration: none;
            }

        .header .nav li.item-login {
            background: #7ACFE4;
        }

        .header .nav li.item-select {
            color: #fff;
            border-radius: 5px;
            padding: 11px 0;
            background: #005498;
        }

            .header .nav li.item-select a {
                color: #fff;
                padding: 10px 24px;
            }

            .header .nav li.item-select .submenu a {
                color: #222;
                text-decoration: none;
            }

                .header .nav li.item-select .submenu a:hover {
                    color: #fff;
                    text-decoration: none;
                }

        .header .nav li:hover {
            border-radius: 5px;
            padding: 11px 0;
            background: #005498 !important;
        }

        .header .nav li a:hover {
            color: #fff;
            padding: 10px 24px;
        }
/*..... SERVICES ONE ......*/




        .services-one .service-sec .icon {
            width: 96px;
            height: 96px;

            border-radius: 7px;
            text-align: center;
            background: #005498;
        }

            .services-one .service-sec .icon i {
                color: #fff;
                font-size: 48px;
                


            }




/*..... MAIN TITLE ......*/
.main-title {
    margin: 10px 0 20px 0;
    text-align: center;
}


/*..... WELCOME ......*/
.welcome {
    padding: 40px 0;
}

    .welcome .detail a {
        margin: 35px 0 0 0;
        background-color: #525866;
        padding: 12px 30px;
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        font-size: 15px;
        border-radius: 5px;
        text-decoration: none;
    }

.welcome-serv-img img {
    float: left;
    width: 100%;
}



/*..... FOOTER ......*/
.footer {
    background: #434a5a;
    border-top: solid 6px #373e4c;
    margin: 20px 0 0 0;
}

    .main-footer .title h5 {
        color: #fff;
        text-transform: uppercase;
        border-bottom: solid 1px #fff;
        padding: 0 0 12px 0;
        display: inline-block;
        margin: 0px 0 -1px 0;
        float: left;
    }

    .main-footer .title {
        border-bottom: solid 1px #999;
        padding: 0 0 0 0;
        float: left;
        width: 100%;
    }

    .main-footer .detail {
        margin: 30px 0 0 0;
        float: left;
    }

    .main-footer .useful-links ul {
        margin: 0 0 0 0;
    }


        .main-footer .useful-links ul li {
            margin: 0 0 20px 0;
        }

            .main-footer .useful-links ul li a {
                color: #fff;
                font-size: 18px;
            }

    .main-footer .get-touch .text {
        color: #fff;
    }

    .main-footer .get-touch ul {
        margin: 0 0 0 0;
    }

        .main-footer .get-touch ul li {
            margin: 0 0 20px 0;
        }

            .main-footer .get-touch ul li i {
                color: #fff;
                float: left;
                font-size: 26px;
                margin: 0 9px 0 0;
            }

            .main-footer .get-touch ul li span {
                color: #fff;
                font-size: 18px;
            }

            .main-footer .get-touch ul li a {
                color: #fff;
                font-size: 18px;
                display: block;
            }

.footer-bottom {
    background: #373e4c;
    padding: 15px 0;
}

    .footer-bottom .copyrights {
        float: left;
        color: #fff;
        margin: 3px 0 0 0;
        font-size: 15px;
    }




/*..... WELCOME TWO ......*/
.welcome-two {
    padding: 40px 0;
    margin: -1px 0 0 0;
}

    .welcome-two .welcome-detail ul {
        margin: 28px 0 0 0;
    }

        .welcome-two .welcome-detail ul li {
            list-style: disc;
            font-size: 22px;
            margin: 0 0 0 18px;
            float: left;
            width: 30%;
            line-height: 44px;
            color: #005498;
        }

            .welcome-two .welcome-detail ul li span {
                font-size: 18px;
                color: #222;
            }



/*..... SUB BANNER ......*/
.sub-banner .banner-img {
    width: 100%;
}




/*..... APPOINTMENT PAGE ......*/
.main-order-form {
    padding: 40px 0;
    text-align: center;
    min-height: 560px;
}
    .main-order-form .order-form {
        width: 100%;
        display: inline-block;
        padding: 3% 3%;
        text-align: left;
        vertical-align: top;
        color: white;
        background: #005498;
        border-radius: 10px;
    }

 
/*..... CONTACT US ......*/

.contact-us .leave-msg .form {
    font-size: 16px;
}

.contact-us .leave-msg ul li {
    list-style: circle;
}


    .contact-us .leave-msg .form input[type=text] {
        padding: 0 12px;
        border: solid 1px #b1b1b1;
        height: 48px;
    }

    .contact-us .leave-msg .form input[type=submit] {
        border: none;
        background-color: #434A5A;
        color: #fff;
        padding: 14px 0;
        text-transform: uppercase;
        cursor: pointer;
        margin: 10px 0 0 0;
    }


        .contact-us .leave-msg .form input[type=submit]:hover {
            background: #005498;
        }

    .contact-us .leave-msg .form textarea {
        width: 100%;
        height: 220px;
        padding: 12px 12px;
    }



.sign-in-button {
    margin: 35px 0 0 0;
    background-color: #525866;
    padding: 12px 30px;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    border-radius: 5px;
    text-decoration: none;
}

    .sign-in-button:hover {
        background-color: #005498;
        color: #fff;
    }

.spacer20 {
    height: 20px;
    padding: 0px 1px;
}

.spacer40 {
    height: 40px;
    padding: 0px 1px;
}

.blue-button {
    border: none;
    background-color: #525866;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin: 20px 0 0 0;
    padding: 14px 40px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 15px;
    border-radius: 5px;
}

    .blue-button:hover {
        background-color: #005498;
        color: #fff;
    }

.blue-button-small {
    border: none;
    background-color: #525866;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin: 0;
    padding: 10px 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 10px;
}

    .blue-button-small:hover {
        background-color: #005498;
        color: #fff;
    }

.white-button-small {
    border: none;
    background-color: #fff;
    color: #005498;
    text-transform: uppercase;
    display: inline-block;
    margin: 0;
    padding: 10px 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 10px;
}

    .white-button-small:hover {
        background-color: #525866;
        color: #fff;
    }