/* ===============================================
     IMPORT CSS FILE /////////////////////////////////////////////////////////// */
@import url('reset.css');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('default.css');
@import url('style.css');
@import url('quickstyle.css');

/* ===============================================
     DOCUMENT /////////////////////////////////////////////////////////// */
body {
    background: #000033;
    font: 13px Roboto, Arial;
    line-height: 1.4;
    color: #000033;
}

.layout {
    width: 780px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

footer a {
    color: inherit;
}

#document {
    background: #F2F2FF;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* ===============================================
     HEADER /////////////////////////////////////////////////////////// */

.banner-header-area {
    position: relative;
    height: 146px;
    overflow: hidden;
}

.banner-header-area img {
    position: absolute;
    height: 100%;
    width: auto;
    right: 0;
    top: 0;
}

.menu-main-area {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

ul.menu-main {
    position: relative;
    z-index: 2000;
}

ul.menu-main > li {
    padding-right: 20px;
}

ul.menu-main > li:last-child {
    padding-right: 0px;
}

ul.menu-main > li #mainNav > li {
    float: none;
    width: 100%;
}

ul.menu-main > li #mainNav > li > a {
    display: inline-block;
}

ul.menu-main > li #mainNav > li > ul {
    width: 145px;
    top: 100%;
}

ul.menu-main > li:hover #mainNav > li > ul {
    display: block;
}

ul.menu-main > li #mainNav > li > ul > li {
    float: none;
    padding: 5px 15px;
}

ul.menu-main > li #mainNav > li > ul > li:hover {
    width: auto;
}

ul.menu-main > li #mainNav > li > ul > li > a {
    display: inline-block;
    padding: 0;
}

ul.menu-main > li #mainNav > li > ul > li:hover > a {
    width: auto;
}

ul.menu-main > li #mainNav > li > ul > li > ul {
   width: 145px;
   left: 100%;
}

ul.menu-main > li #mainNav > li > ul > li > ul > li {
    float: none;
    padding: 5px 15px;
}

ul.menu-main > li #mainNav > li > ul > li > ul > li:hover {
    width: auto;
}

ul.menu-main > li #mainNav > li > ul > li > ul > li > a {
    display: inline-block;
    padding: 0;
}

ul.menu-main > li #mainNav > li > ul > li > ul > li:hover > a {
    width: auto;
}


/* ===============================================
     CONTENT /////////////////////////////////////////////////////////// */

.content-page-area {
}

.service-contact-area {
    background: #ADADE4;
}

/* ===============================================
     FOOTER /////////////////////////////////////////////////////////// */


/* ===============================================
     PAGES /////////////////////////////////////////////////////////// */