.p_vision main .sitebox {
    max-width: 100%;
    background-color: #000;
}
.w_vision {
    font-size: 18px;
    font-weight: 200;
}
.w_vision p {
    line-height: 28px;
    letter-spacing: 1px;
}



.p_vision .vproduct-list {
    display: none;
}
.p_vision .pageheader {
    display: none;
}

.w_vision .box {
    max-width: 1380px;
    margin: 0px auto;
    margin-top: 50px;
    margin-bottom: 20px;
}

.w_vision h2, .w_vision h3 {
    font-size: 34px;
    line-height: 42px;
    color: #fff;
    text-transform: none;
    padding: 10px 0px;
    letter-spacing: 3px;
}


.box09 .row {
    align-items: center;
}
.box09 .boxxer {
    max-width: 320px;
    margin: 0px auto;
}
.box09 h2 {
    padding: 0px 0px 30px 0px;
}

.w_vision .box01 {
    text-align: center;
    max-width: 1000px;
}

.w_vision .head {
    position: relative;
    text-align: center;
//    background: url("../uploads/promo/20230614/eheader.jpg?1834") no-repeat scroll center bottom;
//    background: url("../uploads/promo/20230614/header.jpg?1834") no-repeat scroll center bottom;
//    background-size: cover;
}
.w_vision .wrap {
    position: relative;
}

.w_vision .head video {
    min-width: 100%;
    max-width: none;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.w_vision .head .wrap {
    min-height: 900px;
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: right;
}
.w_vision .head .boxxer {
    max-width: 400px;
}
.w_vision .head h2 {
    font-size: 22px;
    padding: 0px;
}
.w_vision .head h1 {
    font-size: 54px;
    padding: 0px;
    letter-spacing: 3px;
}
.w_vision .head p {
    padding: 40px 0px 50px 0px;
}

.box08 .boxxer {
    text-align: center;
//    padding: 40px 40px 0px 40px;
    padding: 40px 20px 0px 20px;
}
.box08 .boxxer img {
    max-width: 255px;
    width: 100%;
    margin: 0px auto;
    display: block;
}

.box08 .boxxer .swiper-slide img {
    max-width: 70% !important;
}

.box08 .boxxer .btn {
    margin-top: -80px;
}
.box08 .boxxer h2 {
    padding: 0px;
    line-height: 30px;
    padding-bottom: 20px;
    min-height: 85px;
    display: block;
}
.box08 .boxxer p {
    min-height: 120px;
}

.box08 .item {
    max-width: 350px;
    width: 100%;
}


.w_vision p.cat {
    font-size: 22px;
    min-height: auto;
    font-weight: 400;
}
.box08 .col-6 {
    flex: 0 0px 48%;
    max-width: 48%;
    margin-bottom: 30px;
}
.box08 .col-6:nth-child(1) {
    background: #010a11;
    background: -moz-linear-gradient(top, #010a11 0%, #7db9e8 0%, #0a4776 100%);
    background: -webkit-linear-gradient(top, #010a11 0%,#7db9e8 0%,#0a4776 100%);
    background: linear-gradient(to bottom, #010a11 0%,#7db9e8 0%,#0a4776 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010a11', endColorstr='#0a4776',GradientType=0 );
}
.box08 .col-6:nth-child(2) {
    background: #010a11;
    background: -moz-linear-gradient(top,  #010a11 0%, #5a7387 0%, #0f1418 100%);
    background: -webkit-linear-gradient(top,  #010a11 0%,#5a7387 0%,#0f1418 100%);
    background: linear-gradient(to bottom,  #010a11 0%,#5a7387 0%,#0f1418 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010a11', endColorstr='#0f1418',GradientType=0 );
}
.box08 .col-6:nth-child(3) {
    background: #3c0e0e;
    background: -moz-linear-gradient(top,  #3c0e0e 0%, #0a0102 100%);
    background: -webkit-linear-gradient(top,  #3c0e0e 0%,#0a0102 100%);
    background: linear-gradient(to bottom,  #3c0e0e 0%,#0a0102 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c0e0e', endColorstr='#0a0102',GradientType=0 );
}
.box08 .col-6:nth-child(4) {
    background: #5e3322;
    background: -moz-linear-gradient(top,  #5e3322 0%, #0d0805 100%);
    background: -webkit-linear-gradient(top,  #5e3322 0%,#0d0805 100%);
    background: linear-gradient(to bottom,  #5e3322 0%,#0d0805 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e3322', endColorstr='#0d0805',GradientType=0 );
}

.box07 .row {
    background: #000306;
    background: -moz-linear-gradient(top,  #000306 0%, #09355a 100%);
    background: -webkit-linear-gradient(top,  #000306 0%,#09355a 100%);
    background: linear-gradient(to bottom,  #000306 0%,#09355a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000306', endColorstr='#09355a',GradientType=0 );
}
.box07 h2 {
    text-align: center;
}
.box07 .row {
    align-items: center;
}
.box07 p, .box07 .color {
    padding-left: 5%;
}
.box07 .row img {
    width: 100%;
    vertical-align: bottom;
    margin-top: 20px;
}
.color {
    margin: 30px 0px 0px 0px;
    padding: 0px; 
    list-style: none;
    display: flex;
}
.color li {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: block;
    margin-right: 10px;
}	

.w_vision .phonebox video {
    width: 100%;
    height: auto;
}

.phonebox .row {
    align-items: center;
    overflow: visible;
}

.phonebox p {
    max-width: 500px;
}
.phonebox h3 {
    padding: 0px;
    line-height: 30px;
}
.phonebox .col-6 {
    position: relative;
    overflow: visible;
}

.i {
    width: 50%;
    margin: 0px auto;
    position: relative;
}

.i img {
    width: 100%;
    margin: 50px 0px;
}


.w_vision .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0px 5px;
}

.box03 .col-6:nth-child(2):before {
    aspect-ratio: 1.4;
//    content: " ";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -30%;
    margin-top: -25%;
    background: #1170c0;
    width: 50%;
    filter: blur(100px);

    transform: rotate(70deg) scale(1) ;
    -webkit-transform: rotate(70deg) scale(1) ;
    -moz-transform: rotate(70deg) scale(1) ;
    -o-transform: rotate(70deg) scale(1) ;
    -ms-transform: rotate(70deg) scale(1) ;
}
.box04 .col-6:nth-child(1):before {
    aspect-ratio: 1.4;
//    content: " ";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -20%;
    margin-top: -25%;
    background: #fff;
    width: 50%;
    filter: blur(100px);

    transform: rotate(70deg) scale(1) ;
    -webkit-transform: rotate(70deg) scale(1) ;
    -moz-transform: rotate(70deg) scale(1) ;
    -o-transform: rotate(70deg) scale(1) ;
    -ms-transform: rotate(70deg) scale(1) ;
}

.box05 .col-6:nth-child(2):before {
    aspect-ratio: 1.4;
//    content: " ";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -30%;
    margin-top: -25%;
    background: #aa0202;
    width: 50%;
    filter: blur(100px);

    transform: rotate(70deg) scale(1) ;
    -webkit-transform: rotate(70deg) scale(1) ;
    -moz-transform: rotate(70deg) scale(1) ;
    -o-transform: rotate(70deg) scale(1) ;
    -ms-transform: rotate(70deg) scale(1) ;
}

.box06 .col-6:nth-child(1):before {
    aspect-ratio: 1.4;
//    content: " ";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -20%;
    margin-top: -25%;
    background: #df5d29;
    width: 50%;
    filter: blur(100px);

    transform: rotate(70deg) scale(1) ;
    -webkit-transform: rotate(70deg) scale(1) ;
    -moz-transform: rotate(70deg) scale(1) ;
    -o-transform: rotate(70deg) scale(1) ;
    -ms-transform: rotate(70deg) scale(1) ;
}

.car img {
    width: 100%;
}
.car {
    position: relative;
    margin-top: 30px;
}
.car .abot {
    position: absolute;
    left: 5%;
    bottom: 30px;
    font-size: 20px;
}

.w_vision .box02 video {
    width: 100%;
}

.w_vision .btn {
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 20px;
    border-radius: 0px;
    letter-spacing: 2px;
    border: 0px;
}

.btn-blue, .color .blue {
    background-color: #1170c0;
    color: #fff;
}

.btn-red, .color .red {
    background-color: #aa0202;
    color: #fff;
}

.btn-orange, .color .orange {
    background-color: #df5d29;
    color: #fff;
}
.btn-white, .color .white {
    background-color: #fff;
    color: #000;
}

.w_vision .phonebox .row {
    max-width: 1000px;
    margin: 0px auto;
}
.bbox {
    max-width: 100%;
    margin: 0px auto;
}

.box10 {
    position: relative;
    max-width: 100%;
}
.box10 .decor {
    background: url("/uploads/promo/20230614/package.png") no-repeat scroll left center;
    background-size: 60%;
    min-height: 900px;
    max-width: 1000px;
    margin: 0px auto;
    position: relative;
}
.box10 .bbox {
    padding: 100px 0px 0px 0px;
}
.box10:before {
    aspect-ratio: 1.4;
    content: " ";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -30%;
    margin-top: -20%;
    background: #1170c0;
    width: 40%;
    filter: blur(100px);
}


@media all and (max-width: 720px) {
    .car .abot {
	position: relative;
	bottom: 0px;
	text-align: center;
	left: 0%;
	font-size: 16px;
    }
    .box08 .col-md12 {
	max-width: 100%;
	flex: 0 0 100%;
    }
    .box07 {
	text-align: center;
	background: #000306;
        background: -moz-linear-gradient(top,  #000306 0%, #09355a 100%);
        background: -webkit-linear-gradient(top,  #000306 0%,#09355a 100%);
        background: linear-gradient(to bottom,  #000306 0%,#09355a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000306', endColorstr='#09355a',GradientType=0 );
    }
    .box07 .color {
	padding-left: 0px;
	justify-content: center;
    }
    .box07 .color li {
	margin: 0px 10px;
    }
    .box07 .row img {
	margin-top: 50px;
    }
    .box08 .boxxer img {
        width: 70%;
    }
    .box09 {
	text-align: center;
    }

    .w_vision .car {
	margin-top: 0px;
    }

    .w_vision .box {
	margin-top: 40px;
    }

    .box03 .cat {
    }
    .box04 .cat, .box05 .cat, .box06 .cat {
	margin-top: 60px;
    }
    .i {
	max-width: 40%;
    }
    .box10 .decor {
	background: none;
    }
    .box10 .bbox {
	padding: 0px 40px 30px 40px;
	text-align: center;
    }
    .box10 img {
	width: 120%;
	margin-left: -10%;
    }

    .head .boxxer {
	margin: 0px auto;
    }
}

@media all and (max-width: 540px) {
    .w_vision .head {
//        background: url("../uploads/promo/20230614/eheader.mobile.jpg?1834") no-repeat scroll center bottom;
//        background: url("../uploads/promo/20230614/header.mobile.jpg?1834") no-repeat scroll center bottom;
//	background-size: cover;
	position: relative;
    }

    .w_vision .head video {
	height: auto;
	width: 100%;
    }


    .w_vision .head .wrap {
	display: block;	
    }
    .w_vision .head .boxxer {
	padding-top: 40px;
    }
    .w_vision .head .bbox {
	position: absolute;
	bottom: 0px;
	left: 0%;
	width: 100%;
    }
    .box08 .boxxer {
        padding: 0px;
    }
    .box08 .swiper-slide {
        width: 80%;
    }
    .box08 .swiper-slide p {
        min-height: 140px;
        display: block;
        &.cat {
            min-height: auto;
        }
    }
    .box08 .swiper-slide .btn {
        font-size: 12px;
        padding: 10px 20px;
        margin-top: -60px;
    }
}