﻿.top-div .top-logo {
    width:300px;
    background: url(/vr/images/logovr.png) no-repeat 0 0;
}
.top-div .top-logo:hover{
    background: url(/vr/images/logovr.png) no-repeat 0 0!important;
}
@media(min-width:768px){

}
@media(min-width:992px){

}
@media(min-width:1200px){

}

.vr-banner{background:url(/vr/images/banner.png) no-repeat center 0;background-size:cover; height:30vh; width:100%;}
@media(min-width:768px){
.vr-banner{height:50vh;}
}
@media(min-width:992px){
.vr-banner{height:60vh;}
}
@media(min-width:1200px){

}

.vr-txt{display:block; text-align:center; font-size:14px; color:#666; line-height:2em;padding:2rem 0;}
.vr-txt>h2{font-size:1.2rem; color:#0e0e0e;line-height:1.2rem;display:block; margin:0;padding:.5rem 0;}
.vr-txt>p{margin:0;}

.vr-box1{background:#fff;}
.vr-box1 .row{padding:0rem 0 2rem 0;}
.vr-box1 .item{display:block; text-align:center;}
.vr-box1 .item>span{display:block;padding-bottom:1rem;}
.vr-box1 .item>span>img{}
.vr-box1 .item>b{color:#333;}
.vr-box1 .item>p{color:#666;}

.vr-box2{background:#eef2fd;padding-bottom:2rem;}
.vr-box2 .item{padding-bottom:15px;}
.vr-box2 .item>a{}
.vr-box2 .item>a>img{ width:100%;}

.vr-box3{background:#fff;padding-bottom:2rem;}

.vr-vs{}
.vr-vs-left{display:block;border:1px solid #d6001c;padding-bottom:1rem;}
.vr-vs-left>h3{display:block;margin:0;background:#d6001c; color:#fff; text-align:center; padding:.8rem;font-size:1.2rem;}
.vr-vs-cc{}
.vr-vs-cc>b{display:block; text-align:center; color:#d6001c;padding:.4rem 0;}
.vr-vs-cc>ul{margin:0;}
.vr-vs-cc>ul>li{ color:#666; font-size:.65rem;line-height:1.2rem;}
.vr-vs-right{display:none;border:1px solid #eef2fd;padding-bottom:1rem;}
.vr-vs-right>h3{display:block;margin:0;background:#eef2fd; color:#000; text-align:center; padding:.8rem;font-size:1.2rem;}

.vr-from{background:url(/Images/contact/bg.png) no-repeat center center rgba(0,0,0,1); color:#fff;}
.vr-from .vr-txt{padding-bottom:.5rem;}
.vr-from .vr-txt>h2{color:#fff;}
.vr-from h3{margin:0;font-size:.85rem;display:block;line-height:1;padding-bottom:10px;}

.vr-input{position:relative;padding:5px 0;}
.vr-input>label{position:absolute; left:10px; top:.8rem; font-size:12px;font-weight:normal; color:#fff; transition:all .3s; }
.vr-input>input{width:100%; background:rgba(0,0,0,.5); border:1px solid #474747;font-size:.55rem;padding:.7rem .7rem .3rem 10px; border-radius:4px; height:2rem; }
.vr-input>textarea{width:100%; background:rgba(0,0,0,.5); border:1px solid #474747;font-size:.55rem;padding:.7rem .7rem .3rem 10px; border-radius:4px; min-height:5rem;}

.vr-botton{background:#d9534f;border-radius:4px;}
.vr-botton>button{display:block;background:#d9534f; width:100%; border:none; padding:.3rem; font-size:.85rem; border-radius:4px;}

.vr-input.active{}
.vr-input.active>label{ top:8px; margin-top:0; font-size:.4rem;color:#666;  }







.vr-txt{padding-top:60px;}
.vr-txt>h2{font-size:40px; line-height:1;padding:20px 0;}
.vr-txt>p{font-size:16px;}
.vr-box1{padding-bottom:30px;}
.vr-box1 .row{padding:30px 0;}
.vr-box1 .item>b{font-size:18px;}
.vr-box1 .item>p{font-size:15px;margin:0;display:block;padding-top:15px; line-height:2em;}

.vr-box2{padding-bottom:80px;}
.vr-box2 .item{padding-bottom:30px;}


.vr-vs{position:relative;padding-bottom:50px;}
.vr-vs:before{content:'';display:block;position:absolute; background:url(/vr/images/vs.png) no-repeat center center; width:93px; height:123px; z-index:2; left:50%; margin-left:-46.5px; top:50%; margin-top:-61.5px;}
.vr-vs:after{content:'';display:block; clear:both;}
.vr-vs-left{width:50%; border-right:none; float:left;border:none;  }
.vr-vs-left>h3{position:relative; height:60px;font-weight:bold; font-size:25px; line-height:60px; padding:0;}
.vr-vs-left>h3:after{
    position:absolute;
    right:0;top:0;
    content:"";
    width: 0;
    height: 0;
    border-bottom: 60px solid #fff;
    border-left: 60px solid transparent;
}
.vr-vs-left .vr-vs-cc{border:3px solid #d6001c; border-right:none; border-top:none; height:600px;}

.vr-vs-right{display:block; width:50%;border-left:none; float:left;border:none; }
.vr-vs-right>h3{height:60px; font-weight:bold;font-size:25px; line-height:60px; padding:0; position:relative;}
.vr-vs-right>h3:after{
    position:absolute;
    left:0;top:0;
    content:"";
    width: 0;
    height: 0;
    border-top: 65px solid #fff;
    border-right: 65px solid transparent;
}
.vr-vs-right .vr-vs-cc{border:3px solid #eef2fd; border-left:none; border-top:none; height:600px;}

.vr-vs-cc>b{display:block;padding:0; text-align:center; font-size:18px;padding:15px;}
.vr-vs-cc>ul{display:block;margin:0; list-style:none; font-size:16px; text-align:center; line-height:2em;padding:0;}
.vr-vs-cc>ul>li{display:block;padding:0; text-align:center;line-height:2.5em;font-size:14px; }

.vr-box4{background:#eef2fd;}
.vr-box4 .item img{width:100%!important;}
.vr-box4 .nav-tabs{border:none; text-align:center;}
.nav-tabs > li{float:none!important;display:inline-block;}
.nav-tabs > li > a {
    margin-right: 8px;
    line-height: 1.42857143;
    border: 1px solid #cecece;
    border-radius: 2em;
    padding:0 25px;
    height:35px; line-height:35px;
    font-size:15px;
    position:relative;
    padding-left:50px;
}
.nav-tabs > li > a>i{position:absolute;top:50%;left:25px;display:block; }
.nav-tabs > li > a>i.vr-tab1{background:url(/vr/images/tab1.png) no-repeat center center; width:16px;height:16px; margin-top:-8px;}
.nav-tabs > li.active>a>i.vr-tab1{background:url(/vr/images/tab1s.png) no-repeat center center;}
.nav-tabs > li > a>i.vr-tab2{background:url(/vr/images/tab2.png) no-repeat center center; width:20px;height:20px; margin-top:-10px;}
.nav-tabs > li.active>a>i.vr-tab2{background:url(/vr/images/tab2s.png) no-repeat center center;}
.nav-tabs > li > a>i.vr-tab3{background:url(/vr/images/tab3.png) no-repeat center center; width:18px;height:18px; margin-top:-9px;}
.nav-tabs > li.active>a>i.vr-tab3{background:url(/vr/images/tab3s.png) no-repeat center center;}
.nav-tabs > li > a>i.vr-tab4{background:url(/vr/images/tab4.png) no-repeat center center; width:20px;height:19px; margin-top:-9.5px;}
.nav-tabs > li.active>a>i.vr-tab4{background:url(/vr/images/tab4s.png) no-repeat center center;}
.nav-tabs > li > a>i.vr-tab5{background:url(/vr/images/tab5.png) no-repeat center center; width:20px;height:21px; margin-top:-10.5px;}
.nav-tabs > li.active>a>i.vr-tab5{background:url(/vr/images/tab5s.png) no-repeat center center;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border: 1px solid #d6001c;
    background:#d6001c; color:#fff;
}

.tab-content{padding:40px 0;}

.vr-box4 .item{padding-bottom:30px;}
.vr-box4 .item b{font-size:16px; font-weight:normal; color:#333;display:block;padding:20px 0 5px 0;}
.vr-box4 .item p{font-size:13px; color:#666;}

.fancybox-lock{overflow:auto!important;}
.fancybox-lock body{overflow:auto!important;}


.vr-from{padding-bottom:100px;}
.vr-from .vr-txt>h2{line-height:1.2;}
.vr-from h3{font-size:25px; font-weight:bold;}
.vr-from .col-sm-6:first-child{padding-right:80px;}

.vr-from input{height:45px;padding:0 20px; outline:none; transition:all .3s;}
.vr-from textarea{padding:0 20px; min-height:140px;}
.vr-from label{top:18px;font-size:14px;left:20px;}
.vr-input.active label{top:15px;font-size:12px;}
.vr-input.active input{height:60px;padding-top:15px;}
.vr-input.active textarea{padding-top:30px;}

.vr-botton>button{ height:45px; font-size:18px; }

.vr-faq{}
.vr-faq>.item{border-bottom:1px dotted rgba(255,255,255,.3);}
.vr-faq>.item>a{display:block; color:#fff; font-size:15px;position:relative; height:46px; line-height:46px;padding-left:30px;}
.vr-faq>.item>a>i{display:block; background:url(/vr/images/help.png) no-repeat center center; width:20px; height:19px; position:absolute;left:0; top:50%; margin-top:-9.5px;}
.vr-faq>.item>div{height:0; overflow:hidden; transition:all .5s;color:#666;padding-left:30px;}
.vr-faq>.item.active>div{height:auto;padding:0 0 15px 30px; color:#666;}

span.has-error{
        position: absolute;
    right: 10px;
    top: 18px;
    color: #f00;
}
div.has-error input,div.has-error textarea{
        background: rgba(97, 63, 63, 0.5);
    border: 1px solid #693636;
}




