/* z-indexes:

250: gotcha.message
245: gotcha.shadow
240: callback_popup.form
235: callback_popup.shadow
230: mobile menu / info menu / product menu
226: searchbar
225: search icon
220: main menus (desktop)

*/


* {
    font-family: ruberoidmedium;
    background-repeat: no-repeat;
}

html, body {
    margin: 0px;
    padding: 0px;
}

.clearer {
    clear: both;
}

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

ol li {
    padding-bottom: 0.5vw;
}

ul li {
    list-style: none;
}

a:link,
a:visited {
    color: #092EFF;
    text-decoration: none;
}

a:hover,
a:active {
    /*text-decoration: underline;*/
}

/* logo */

.av-logo {
    background-image: url('layout/header-logo.png');
    width: 15.46875vw;
    height: 5.83333333333333vw;
    background-size: 15.46875vw 5.83333333333333vw;
}

.av-logo a {
    display: block;
    height: 100%;
    width: 100%;
}

/* header */

#default-header {
    background-color: #000B3B;
}

#default-header h1 {
    color: white;
}

#std_header {
    background-color: #000B3B;
}

header {
    width: 100%;
    height: 10.08vw;
}

header .av-logo {
    position: absolute;
    top: 3.35vw;
    left: 2.9vw;
}

/* main menu common */

#mainmenu_dropdown {
    display: none;
}

#mainmenu_close {
    display: none;
}

header .mainmenu ul {
    margin: 0px;
    padding: 0px;
}

header .mainmenu ul li {
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

header .mainmenu ul li a:link,
header .mainmenu ul li a:visited {
    color: white;
    text-decoration: none;
}

/* mainmenu 1 */

header #mainmenu1 {
    position: absolute;
    top: 0px;
    left: 41.8vw;
    height: 5.2vw;
    width: 49.75vw;
    border-bottom: 1px solid white;

}

header #mainmenu1 ul {
    margin-top: 2.15vw;
    float: left;
}

header #mainmenu1 ul li {
    font-size: 0.85vw;
    margin-right: 4.85vw;
}

header #mainmenu1 ul li:first-of-type {
    margin-right: 3.15vw;
}

header #mainmenu1 ul li:last-of-type {
    margin-right: 0px;
}

header #mainmenu1 ul li a:link,
header #mainmenu1 ul li a:visited {
    color: #8b8fa6;
}

header #mainmenu1 ul li a:hover,
header #mainmenu1 ul li a:active {
    color: white;
}

header #mainmenu1 ul li .drop {
    display: inline-block;
    background-image: url('layout/mainmenu1-drop.png');
    background-size: 0.625vw 0.416666666666667vw;
    width: 0.625vw;
    height: 0.416666666666667vw;
    margin-top: 3px;
    margin-left: 1.1vw;
}

/* mainmenu 2 */

header #mainmenu2 {
    position: absolute;
    top: 5.2vw;
    left: 24.05vw;
    height: 4.85vw;
    width: 67.60vw;
}

header #mainmenu2 ul {
    margin-top: 2.15vw;
    float: left;
}

header #mainmenu2 ul li {
    font-size: 1.22vw;
    margin-right: 4.34vw;
}

header #mainmenu2 ul li:first-of-type {
    margin-right: 3.07vw;
}

header #mainmenu2 ul li:last-of-type {
    margin-right: 0px;
}

header #mainmenu2 ul li .drop {
    display: inline-block;
    background-image: url('layout/mainmenu1-drop.png');
    background-size: 0.625vw 0.416666666666667vw;
    width: 0.625vw;
    height: 0.416666666666667vw;
    margin-top: 3px;
    margin-left: 0.6vw;
}

/* phone */

header .phone {
    background-image: url('layout/mainmenu-phone.png');
    background-position: 0 0.1vw;
    background-size: 1.25vw 1.25vw;
    position: absolute;
    margin-left: 78.5vw;
    padding-left: 2.5vw;
    margin-top: 1.95vw;
    padding-bottom: 0.5vw;
    font-size: 1.2vw;
}

header .phone a {
    text-decoration: none;
    color: white;
}

/* search */

header .search-icon {
    z-index: 225;
}

#searchbar {
    z-index: 226;
    display: none;
    background-color: #464E7D;
}

#searchbar .search-query {
    border: 0px;
    background-color: #464E7D;
    color: white;
}

#searchbar .search-submit {
    background-color: #464E7D;
    border: 0px;
}

/* callback */

.callback a {
    text-decoration: none;
    font-size: 1.2vw;
    display: block;
    text-align: center;
    padding-top: 1.0vw;
    padding-bottom: 1.2vw;
    width: 15.40vw;
}

.callback a:link,
.callback a:visited {
    color: #092EFF;
    background-color: white;
}

.callback a:hover,
.callback a:active {
    color: white;
    background-color: #092EFF;
}

header .callback {
    position: absolute;
    margin-left: 76.2vw;
    margin-top: 6.3vw;
}

header .callback a {
    /*margin-top: 1.1vw;*/
    /*margin-left: 1.0vw;*/
    margin-right: 0vw;
}

/* products menu */

#menuproducts {
    display: none;
    background-color: white ;

    position: absolute;
    margin-top: 3.2vw;
    margin-left: -15.6vw;
    width: 83vw;
    height: 41.8vw;
    z-index: 230;
}

#menuproducts .sections {
    padding: 0px;
    margin-left: 3vw;
    margin-top: 1.5vw;
    width: 21vw;
    float: left;
    margin-right: 1.35vw;
}

#menuproducts .sections li {
    font-weight: bold;
    border-bottom: 1px solid #C6C8D1;
    list-style: none;
    text-transform: uppercase;
    font-size: 0.5vw;
    background-image: url('layout/menuproducts-section.png');
    background-size: 0.520833333333333vw 0.9375vw;
    background-position: 19.4vw 1.5vw;
    width: 21vw;
}

#menuproducts .sections li a {
    display: block;
    padding-top: 1.55vw;
    padding-bottom: 1.55vw;
    padding-left: 2.5vw;
    padding-right: 4vw;
    width: 15vw;
    background-size: 0.3125vw 0.3125vw;
    background-position: 1vw 1.7vw;
}

#menuproducts .sections li a:link,
#menuproducts .sections li a:visited {
    color: #464E7D;
    text-decoration: none;
    background-image: url('layout/menuproducts-section-inactive.png');
}

#menuproducts .sections li a:hover,
#menuproducts .sections li a:active {
    color: black;
    background-image: url('layout/menuproducts-section-active.png');
}

#menuproducts .mp-section {
    float: left;
    margin-top: 2.6vw;
    display: none;
}

#menuproducts .mp-section:first-child {
    display: block;
}

#menuproducts .mp-section .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.15vw;
}

#menuproducts .mp-section .content .links {
    margin-top: 2.8vw;
    width: 17vw;
    padding: 0px;
    float: left;
    margin-right: 8.5vw;
}

header #mainmenu2 ul li #menuproducts .mp-section .content .links li {
    font-size: 0.85vw;
}

#menuproducts .mp-section .content .links li {
    list-style: none;
    margin-bottom: 3vw;
    width: 100%;
}

#menuproducts .mp-section .content .links li a {
    width: 100%;
}

#menuproducts .mp-section li a:link,
#menuproducts .mp-section li a:visited {
    color: black;
    text-decoration: none;
}

#menuproducts .mp-section li a:hover,
#menuproducts .mp-section li a:active {
    color: #092EFF;
}

/* info menu */

#infomenu {
    display: none;
    position: absolute;
    left: -0.1vw;
    margin-top: 1.2vw;
    width: 9vw;
    z-index: 230;
    font-size: 0.8vw;
}

#infomenu ul {
    float: none;
    margin: 0px !important;
    padding: 0px;
}

#infomenu ul li {
    list-style: none;
    width: 100%;
    float: none;
}

#infomenu ul li a {
    display: block;
    padding-left: 0.7vw;
    padding-top: 0.55vw;
    padding-bottom: 0.55vw;
    padding-right: 0px;
    text-decoration: none;
    width: 100%;
}

#infomenu ul li a:link,
#infomenu ul li a:visited {
    color: #464E7D !important;
    background-color: white;
}

#infomenu ul li a:active,
#infomenu ul li a:hover {
    color: black !important;
    background-color: #F5F5F5;
}

/* go link */
.go-link {
    font-size: 0.9vw;
}

.go-link a {
    /*display: block;*/
    padding-right: 3.5vw;
    padding-top: 0.6vw;
    padding-bottom: 0.6vw;
    background-position: right;
    background-size: 1.97916666666667vw 1.97916666666667vw;
}

.go-link a:link,
.go-link a:visited {
    background-image: url('layout/go-inactive.png');
    color: #C6C8D1;
}

.go-link a:hover,
.go-link a:active {
    text-decoration: underline;
    background-image: url('layout/go-active.png');
    color: #092EFF;
    text-shadow: 0px 0.625vw 1.25vw rgba(9, 46, 255, 0.6);
}

/* form */

div.form {
    border: #536DFF solid 1vw;
    background-color: white;
    padding-left: 5vw;
    padding-top: 1vw;
    padding-bottom: 2.9vw;
}

div.form .header {
    font-size: 2.163vw !important;
    font-weight:bold;
    text-transform: uppercase;
    margin-bottom: 1vw;
    padding-top: 2.5vw;
}

div.form .text {
    color: #C6C8D1;
    font-size: 1vw;
    font-weight: normal;
    padding-bottom: 1vw;
}

div.form div.inputs {
    padding-left: 2.45vw;
    padding-right: 8vw;
    padding-top: 0.6vw;
}

div.form div.inputs input {
    display: block;
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #464E7D;
    font-size: 1vw;
    padding-top: 1.565vw;
    padding-bottom: 1.565vw;
    margin-bottom: 1.5vw;
    padding-left: 2.7vw;
    background-size: 1.25vw 1.25vw;
    background-position: 0.8vw 1.5vw;
}

div.form div.inputs input:focus {
    border-bottom-color: #092EFF;
}

div.form div.inputs input.name {
    background-image: url('layout/input-name-inactive.png');
}

div.form div.inputs input.name:focus {
    background-image: url('layout/input-name-active.png');
}

div.form div.inputs input.phone {
    background-image: url('layout/input-phone-inactive.png');
}

div.form div.inputs input.phone:focus {
    background-image: url('layout/input-phone-active.png');
}

div.form div.inputs a.submit {
    background-color: #092EFF;
    display: block;
    color: white;
    text-align: center;
    font-size: 1.15vw;
    padding-top: 1.565vw;
    padding-bottom: 1.565vw;
    margin-top: 3.7vw;
}

div.form div.inputs a.submit:link,
div.form div.inputs a.submit:visited {
    text-decoration: none;
}

div.form div.inputs a.submit:hover,
div.form div.inputs a.submit:active {
    text-decoration: underline;
}

div.form div.inputs div.legend {
    padding-top: 2vw;
    color: #C6C8D1;
    font-size: 0.9vw;
}

div.form div.inputs div.legend a {
    color: #092EFF;
}



/* gotcha */

#gotcha .shadow {
    background-color: #000B3B;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 245;
    opacity: 0.7;
}

#gotcha .message {
    z-index: 250;
    border: #536DFF solid 1vw;
    background-color: white;
    position: fixed;
    left: 29.7vw;
    right: 29.7vw;
    height: 22.6vw;
    /*margin-top: 17.2vw;*/
    margin-top: calc(50vh - 13.3vw);
}

#gotcha .message .icon {
    background-image: url('layout/icon-success.png');
    background-size: 3.54166666666667vw 3.54166666666667vw;
    width: 3.54166666666667vw;
    height: 3.54166666666667vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.65vw;
}

#gotcha .message .title {
    font-size: 2.5vw;
    margin-top: 1.25vw;
    text-align: center;
}

#gotcha .message .text {
    color: #C6C8D1;
    font-size: 1.1vw;
    text-align: center;
    margin-top: 1.7vw;
}

/* footer */

footer {
    background-color: #000B3B;
    height: 29.6875vw;
}

footer a:link,
footer a:visited {
    color: #464E7D;
}

footer a:hover,
footer a:active {
    color: white;
}

footer ul li {
    font-size: 0.92vw;
}

footer .av-logo {
    position: absolute;
    margin-left: 3.4vw;
    margin-top: 5.25vw;
}

footer .motto {
    color: white;
    font-size: 0.85vw;
    width: 15vw;
    position: absolute;
    margin-left: 8.3vw;
    margin-top: 10.5vw;
    line-height: 1.2vw;
}

footer .menu1,
footer .menu2 {
    position: absolute;
    margin-top: 4.3vw;
}

footer .menu1 {
    margin-left: 33.9vw;
}

footer .menu2 {
    margin-left: 50.9vw;
}

footer .menu1 ul li,
footer .menu2 ul li {
    padding-bottom: 0.7vw;
}

footer .callback {
    position: absolute;
    margin-left: 76.35vw;
    margin-top: 8.2vw;
}

footer hr {
    color: #464E7D;
    background-color:  #464E7D;
    height: 0.1vw;
    border: none;
    position: absolute;
    margin-left: 8.3vw;
    margin-top: 15.9vw;
    width: 83.27vw;
}

footer .disclaimer {
    font-size: 0.9vw;
    width: 22vw;
    position: absolute;
    margin-left: 8.3vw;
    margin-top: 19vw;
}

footer .address {
    font-size: 0.9vw;
    color: #464E7D;
    width: 22vw;
    position: absolute;
    margin-left: 42.3vw;
    margin-top: 19.5vw;
}

footer .copyright {
    font-size: 0.9vw;
    color: #464E7D;
    width: 22vw;
    position: absolute;
    margin-left: 8.3vw;
    margin-top: 25vw;
}

footer .phone {
    color: white;
    font-size: 2.25vw;
    position: absolute;
    margin-left: 70.4vw;
    margin-top: 18.8vw;
}

footer .phone a {
    color: white;
}

/* callback popup */

#callback_popup {
    display: none;
}

#callback_popup .shadow {
    background-color: #000B3B;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 235;
    opacity: 0.7;
}

#callback_popup .form {
    z-index: 240;
    position: fixed;
    left: 29.7vw;
    right: 29.7vw;
    height: 22.6vw;
    margin-top: calc(50vh - 13.3vw);
}

/* breadcrumbs */

ul.breadcrumbs {
    margin: 0px;
    padding: 0px;
}

ul.breadcrumbs li {
    color: #ffffff;
    float: left;
    background-position: right;
}

ul.breadcrumbs li:last-child {
    background-image: none;
}

ul.breadcrumbs.inverted li:last-child {
    background-image: none;
}

ul.breadcrumbs li a:link,
ul.breadcrumbs li a:visited {
    color: white;
    opacity: 0.5;
}

/* ------------------------------------------------------------------------------------------------------------------ */

/* desktop-only rules */

@media all and (min-width: 769px) {

    p, li, div {
        font-size: 0.85vw;
    }

    #wrapper {
        min-height: calc(100vh - 29.6875vw);
    }

    #std_header {
        height: 12.5vw;
    }

    /* search */

    header .search-icon {
        background-image: url('layout/mainmenu1-search.png');
        background-size: 1.77083333333333vw 1.77083333333333vw;
        width: 1.77083333333333vw;
        height: 1.77083333333333vw;
        position: absolute;
        margin-top: 7.2vw;
        margin-left: 70.4vw;
    }

    #searchbar {
        position: absolute;
        margin-top: 6.28vw;
        margin-left: 31.87vw;
        width: 41.6vw;
        height: 3.6vw;
    }

    #searchbar .search-query {
        font-size: 0.9vw;
        padding-top: 0.2vw;
        padding-left: 1.8vw;
        width: 40.3vw;
        height: 3.6vw;
    }

    #searchbar .search-submit {
        background-image: url('layout/mainmenu1-search.png');
        background-size: 1.77083333333333vw 1.77083333333333vw;
        width: 1.77083333333333vw;
        height: 1.77083333333333vw;
        position: absolute;
        right: 1.32vw;
        top: 0.92vw;
    }

    /* callback popup */

    #callback_popup .form {
        left: 29.7vw;
        right: 29.7vw;
        height: 35.6vw;
        margin-top: calc(50vh - 22.3vw);
    }

    #callback_popup .form .submit {
        margin-top: 0px;
    }

    /* breadcrumbs */

    ul.breadcrumbs li {
        background-image: url('layout/breadcrumbs-bullet.png');
        background-size: 0.416666666666667vw 0.625vw;
        font-size: 0.85vw;
        margin-right: 1vw;
        padding-right: 1vw;
    }

    ul.breadcrumbs.inverted li {
        background-image: url('layout/breadcrumbs-bullet-inverted.png');
        background-size: 0.416666666666667vw 0.625vw;
        font-size: 0.85vw;
        color: #7B7B7B;
    }

    ul.breadcrumbs.inverted li a {
        color: #9C9C9C;
        opacity: 0.5;
    }

    /* load more */

    .loadmore {
        font-size: 0.85vw;
        display:block;
        padding-top: 1.2vw;
        padding-bottom: 1.2vw;
        padding-left:3vw;
        padding-right: 6.1vw;
        background-position: 10.8vw 1.1vw;
        width: fit-content;
    }

    a.loadmore {
        color: #092EFF;
        border: 2px solid #092EFF;
        background-image: url('layout/loadmore-inactive.png');
    }

    a.loadmore:hover,
    a.loadmore:active {
        background-color: #092EFF;
        color: white;
        background-image: url('layout/loadmore-active.png');
    }

    span.loadmore {
        color: #C4C4C4;
        border: 2px solid #C4C4C4;
        background-image: url('layout/loadmore-disabled.png');
    }

    /* header */

    #default-header {
        padding-bottom: 6.5vw;
    }

    #default-header h1 {
        font-size: 2.3vw;
        margin: 0px;
        padding-left: 8.5vw;
        padding-top: 2.2vw;
        padding-right: 5vw;
    }

    #default-header .breadcrumbs {
        margin-left: 9vw;
        margin-top: 1vw;
    }

}