/* index-1 */

#av-index-1 {
    background-color: #000B3B;
    background-image: url('index/block-1-bg.png');

    width: 100%;
    height:56.25vw;
    background-size: 64.7vw 52.17vw;
    background-position-y: 2.6vw;
}

#index-slider .splide__track {
    height: 38.8vw;
}

#index-slider .splide__slide .slide_title {
    color: white;
    margin-top: 8.3vw;
    font-size: 3.74vw;
    margin-left: 8.5vw;
    line-height: 4.14vw;
    width: 58vw;
}

#index-slider .splide__slide .slide_text {
    color: white;
    margin-top: 4.1vw;
    font-size: 1.1vw;
    margin-left: 8.5vw;
    line-height: 1.5vw;
    width: 40vw;
}

#index-slider .splide__slide .slide_image {
    position: absolute;
    padding-left: 55.8vw;
    padding-top: 1.45vw;
}

#index-slider .splide__slide .slide_button {
    position: absolute;
    width: 27.3958333333333vw;
    height: 8.75vw;
    margin-top: 29.6vw;
    margin-left: 6.7vw;
}

#index-slider .splide__slide .slide_button a {
    background-size: 27.3958333333333vw 8.75vw;
    text-decoration: none;
    font-size: 1.2vw;
    display: block;
    text-align: center;
    height: 100%;
    padding-top: 2.25vw;
    padding-bottom: 1.9vw;
}

#index-slider .splide__slide .slide_button a:link,
#index-slider .splide__slide .slide_button a:visited {
    background-image: url('index/slider-button-inactive.png');
    color: #092EFF;
}

#index-slider .splide__slide .slide_button a:hover,
#index-slider .splide__slide .slide_button a:active {
    background-image: url('index/slider-button-active.png');
    color: white;
}

#index-slider .splide__slide .slide_image img {
    width: 35.78125vw;
    height: 35.78125vw;
}

#index-slider .splide__slide .slide_image {

}

#index-slider .splide__pagination {
    position: absolute;
    width: auto;
    left: 75.8vw;
    bottom: -6px;
    transform: none;
}

#index-slider .splide__pagination .splide__pagination__page {
    background-color: #008BFF !important;
    border-radius: 0;
    opacity: 1;
    height: 3px;
    width: 3.64vw;
    margin-right: 1.4vw;
}

#index-slider .splide__pagination .splide__pagination__page.is-active {
    background-color: white !important;
    transform: none;
}

/* index-2 */

#av-index-2 {
    background-image: url('index/block-2-title.png');
    background-size: 0.677083333333333vw 15.5729166666667vw;
    background-position: 4vw 22.7vw;
    width: 100%;
    height:51.3vw;
}

#av-index-2-container {
    border-color: #C6C8D1;

    margin-left: 8.45vw;
    margin-top: 4.8vw;
    margin-right: 8.45vw;

    border-radius: 0.3vw;
    border-width: 1.05vw;
    border-style: solid;
}

#av-index-2-container .title {
    position: absolute;
    font-size: 2.3vw;
    font-weight: bold;
    margin-left: 3.1vw;
    margin-top: 3.0vw;
}

#av-index-2-container .text {
    margin-top: 9.35vw;
    margin-left: 3.1vw;
    width: 48vw;
    font-size: 0.9vw;
    line-height: 1.65vw;
}

#av-index-2-container .text p {
    margin-bottom: 2vw;
}

#av-index-2-container .go-link {
    position: absolute;
    left: 46.7vw;
    margin-top: 4.1vw;

}

#av-index-2-photo {
    float: right;
    width: 26.875vw;
    height: 38.59375vw;
}

/* index-3 */

#av-index-3 {
    /*opacity: 0.5;*/
    width: 100%;
    height: 51.07vw;
    background-image: url('index/block-3-bg.png');
    background-size: 100% 51.07vw;
}

#av-index-3 .title {
    color: white;
    font-size: 2.2vw;
    position: absolute;
    margin-top: 5.7vw;
    margin-left: 8.4vw;
}

#av-index-3 .go-link {
    position: absolute;
}

#av-index-3 ul {
    margin: 0px;
    padding: 12.75vw 0px 0px 6.9vw ;
}

#av-index-3 ul li {
    float: left;
    border-top: 1px solid #092EFF;
    width: 29.5vw;
}

#av-index-3 ul li:nth-child(-n+3) {
    border-top: 0px;
}

#av-index-3 ul li a {
    display: block;
    background-size: 26.7708333333333vw 5.98958333333333vw;
    font-size: 1.2vw;
    height: 5.98958333333333vw;
    color: white;
}

#av-index-3 ul li a .background {
    position: absolute;
    width: 26.7708333333333vw;
    height: 5.98958333333333vw;
    z-index: 250;
}

#av-index-3 ul li a .background img {
    width: 26.7708333333333vw;
    height: 5.98958333333333vw;
}

#av-index-3 ul li a:link,
#av-index-3 ul li a:visited {
    text-decoration: none;
}

#av-index-3 ul li a:hover,
#av-index-3 ul li a:active {
    text-decoration: underline;
    /*background-image: url('index/block-3-itemover.png');*/
}

#av-index-3 ul li a .go {
    display: block;
    background-image: url('layout/go-inactive.png');
    background-size: 1.97916666666667vw 1.97916666666667vw;
    background-position: 0px 1.9vw;
    padding-left: 2.9vw;
    padding-top: 2.2vw;
    padding-bottom: 1vw;
    margin-left: 1.5vw;
}

#av-index-3 .go-link {
    position: absolute;
    left: 40.5vw;
    margin-top: 6.8vw;
}

/* index-4 */

#av-index-4 {
    width: 100%;
    height: 37.2395833333333vw;
    /*opacity: 0.5;*/
}

#av-index-4 .title {
    margin-top: 7vw;
    font-size: 2.2vw;
    font-weight: bold;
    margin-left: 8.3vw;
}

#av-index-4 .highlights {
    margin-left: 8.25vw;
    margin-top: 3.6vw;
}

#av-index-4 .highlights .item {
    float: left;
    width: 22.25vw;
}

#av-index-4 .highlights .item .number {
    background-image: url('index/darkbg-all-logos.png');
    background-size: 10.625vw 7.29166666666667vw;
    width: 10.625vw;
    height: 7.29166666666667vw;
}

#av-index-4 .highlights .item .number span {
    display: block;
    color: white;
    font-size: 4vw;
    padding-top: 1.05vw;
}

#av-index-4 .highlights .item .title {
    margin: 0px;
    font-size: 1vw;
    font-weight: bold;
    margin-top: 1.6vw;
}

#av-index-4 .highlights .item .text {
    font-size: 0.9vw;
    margin-top: 1.8vw;
    padding-right: 5vw;
}

/* index-5 */

#av-index-5 {
    height: 53.35vw;
    width: 100%;
    background-color: #010B3E;
    /*opacity: 0.5;*/
}

#av-index-5 .content {
    position: absolute;
    color: white;
    margin-left: 8.5vw;
    width: 38vw;
    padding-top: 6.7vw;
}

#av-index-5 .content h3 {
    margin: 0px;
    font-size: 3.25vw;
    line-height: 3.7vw;
    margin-bottom: 2.8vw;
}

#av-index-5 .content p {
    font-size: 1.05vw;
}

#av-index-5 .content p.or {
    color: #464E7D;
    font-size: 2.1vw;
}

#av-index-5 .content p.call-us {
    font-size: 1.2vw;
    padding-top: 0.6vw;
    margin-bottom: 0.8vw;
}

#av-index-5 .content a.phone {
    display: block;
    font-size: 3.3vw;
    color: white;
    background-image: url('layout/phone.png');
    background-size: 1.97916666666667vw 1.97916666666667vw;
    background-position: left;
    padding-left: 4.9vw;
}

#av-index-5 .content a.phone:link,
#av-index-5 .content a.phone:visited {
    text-decoration: none;
}

#av-index-5 .content a.phone:hover,
#av-index-5 .content a.phone:active {
    text-decoration: underline;
}

#av-index-5 .form {
    position: absolute;
    left: 50.8vw;
    margin-top: 6.2vw;
    right: 8.3vw;
}

/* index-6 */

#av-index-6 {
    width: 100%;
    height: 41.6666666666667vw;
    /*opacity: 0.5;*/
    background-color: #464e7d;
    background-image: url('index/block-6-bg.png');
    background-size: 100vw 41.6666666666667vw;

}

#av-index-6 h3 {
    color: white;
    font-size: 2.11vw;
    margin-left: 8.5vw;
    padding-top: 6.3vw;
    margin-top: 0px;
}

#av-index-6 .items {
    margin-left: 8.5vw;
    padding-top: 2.5vw;
}

#av-index-6 .items .item {
    float: left;
    width: 15.3645833333333vw;
    margin-right: 1.6vw;
}

#av-index-6 .items .item .image {
    width: 15.3645833333333vw;
    height: 7.1875vw;
    background-color: white;
}

#av-index-6 .items .item .image img {
    width: 15.3645833333333vw;
    height: 7.1875vw;
}

#av-index-6 .items .item .text {
    padding-top: 2.2vw;
}

#av-index-6 .items .item .text a {
    color: white;
    font-size: 0.85vw;
    text-decoration: none;
}

#av-index-6 .items .item .go {
    padding-top: 3vw;
    font-size: 0.8vw;
}

#av-index-6 .items .item .go a {
    background-position: left;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    padding-left: 2.3vw;
    display: block;
}

#av-index-6 .items .item .go a:link,
#av-index-6 .items .item .go a:visited {
    color: #C6C8D1;
    text-decoration: none;
}

#av-index-6 .items .item .go a:hover,
#av-index-6 .items .item .go a:active {
    color: #FFFFFF;
    text-decoration: underline;
}

#av-index-6 .items .item .go.catalogue a {
    background-image: url('index/catalogue-inactive.png');
    background-size: 1.25vw 1.61458333333333vw;
}

#av-index-6 .items .item .go.section a {
    background-image: url('index/section-inactive.png');
    background-size: 1.25vw 1.25vw;
}

#av-index-6 .items .item .go.catalogue a:hover,
#av-index-6 .items .item .go.catalogue a:active {
    background-image: url('index/catalogue-active.png');
}

#av-index-6 .items .item .go.section a:hover,
#av-index-6 .items .item .go.section a:active {
    background-image: url('index/section-active.png');
}

/* index-7 */

#av-index-7 {
    width: 100%;
    height: 48.28125vw;
}

#av-index-7 h3 {
    margin: 0px;
    font-size: 2.2vw;
    padding-top: 4.7vw;
    padding-left: 8.5vw;
}

#av-index-7 .go-link {
    position: absolute;
    left: 42vw;
    margin-top: 5.7vw;
}

#index_7_slider {
    height: 20vw;
    position: absolute;
    width: 100%;
    margin-top: 5.4vw;
}

#index_7_slider .splide__list .splide__slide {
    width: 25.4vw;
    height: 28.5vw;
    float: left;
    background-image: url('layout/go-inactive.png');
    background-size: 1.97916666666667vw 1.97916666666667vw;
    background-position: 2vw 25.1vw;
}

#index_7_slider .splide__list .splide__slide a {
    display: block;
    width: 23.8vw;
    height: 28.1vw;
    color: black;
    border: solid #C6C8D1 0.2vw;
    box-shadow: 0px 0.729166666666667vw 1.82291666666667vw rgba(0, 0, 0, 0.1);
}


#index_7_slider .splide__list .splide__slide a img {
    position: absolute;
    margin-top: 4.5vw;
    margin-left: 5.3vw;
    width: 11.1979166666667vw;
    height: 11.7708333333333vw;
}

#index_7_slider .splide__list .splide__slide a h4 {
    margin: 0px;
    font-size: 1.1vw;
    padding-top: 18.2vw;
    padding-left: 2.1vw;
    padding-right: 2.1vw;
}

#index_7_slider .splide__list .splide__slide a p {
    padding-top: 0.3vw;
    padding-left: 2.1vw;
    padding-right: 2.1vw;
    font-size: 0.85vw;
}

#index_7_slider .splide__list .splide__slide a .view {
    position: absolute;
    font-size: 0.85vw;
    padding-top: 25.45vw;
    padding-left: 5vw;
}

#index_7_slider .splide__list .splide__slide a .new {
    background-color: #FF0030;
    font-size: 0.85vw;
    color: white;
    position: absolute;
    margin-left: 1.4vw;
    margin-top: 1.8vw;
    padding: 0.75vw 3vw;
}

#index_7_slider .splide__arrows {
    position: absolute;
    width: 100%;
    padding-top: 63vw;
}

#index_7_slider .splide__arrow--prev {
    left: initial;
    margin-left: 8vw;
}

#index_7_slider .splide__arrow--next {
    right: 8vw;
}

#index_7_slider .splide__arrows button {
    width: 2vw;
    height: 2vw;
}

#index_7_slider .splide__arrows svg {
    width: 1vw;
    height: 1vw;
}

#index_7_slider .splide__list .splide__slide a:hover,
#index_7_slider .splide__list .splide__slide a:active {
    border-color: #092EFF;
    box-shadow: 0px 0.729166666666667vw 1.82291666666667vw rgba(9, 46, 255, 0.1);
}

#index_7_slider .splide__list .splide__slide a:hover .view,
#index_7_slider .splide__list .splide__slide a:active .view,
#index_7_slider .splide__list .splide__slide a:hover h4,
#index_7_slider .splide__list .splide__slide a:active h4 {
    color: #092EFF;
    text-decoration: underline;
}


/* desktop-only rules */

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

    #av-index-2-container .title {
        width: 32vw;
    }

    #av-index-3 ul li a:link .background,
    #av-index-3 ul li a:visited .background {
        display: none;
    }

    #av-index-3 ul li a:hover .background,
    #av-index-3 ul li a:active .background {
        display: block;
    }

    #av-index-3 ul li a .go {
        z-index: 255;
        position: absolute;
    }

}