html,
body{height:100%;margin:0;padding:0;font-size:14px;font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-style: normal;color:#676a6c;font-weight:400;background:#cccccc;overflow-x:hidden;}
a{color:#000;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;}
.mtop70{margin-top:70px;}
.btn-success{background-color: #a1ff00;border-color: #a1ff00;color:#000}
header{background-color: #fff;    position: relative;display: block; width: 100%;height: 80px;padding: 5px 30px;}
header .logo{position: absolute;left: 0;width: auto;height: 70px;overflow: hidden;}
header .logo img{ max-width: 200px; width: auto; max-height: 100%; height: auto; float: left; vertical-align: middle;}
header .date{text-align: center; width: 300px; margin: auto; line-height: 70px; position: relative;}
header .date p{margin:0px;font-size: 24px;font-weight: 600;}
.mainarea{ height: calc(100vh - 80px);position: relative;display: block; width: 100%; overflow: hidden;}
.mainslidearea{height:100%;}
.contentarea{height:calc(100% - 50px);position:relative;display: block;width: 100%;background:url(../images/house1.jpg);background-size: cover;background-repeat: no-repeat; background-position: center;}
.carouselback{height: 50px;background-color: #fff;position: relative;display: block;padding:5px 30px;}
a.carousel-control{background-image: none !important;position: relative; text-shadow: none; background-color: inherit; opacity: 1; }
.carouselback a.left{color: #000;line-height: 40px;float: left;left: inherit; width: 70px;}
.carouselback a.left span{ font-size: 13px; float: left;line-height: 40px;}
.carouselback .carousel-control:focus, .carouselback .carousel-control:hover{color:#a1ff00;}
.mainarea .carousel-inner,
.mainarea .carousel-inner .item{height: 100%;}
.mainarea .panel{position: absolute;left: 0;right: 0; top: 0; bottom: 0; width: 920px; height: 520px; margin: auto;background-color: rgba(0, 0, 0, 0.7);border-radius: 20px;}
.mainarea .panel .panel-body{height:calc(100% - 60px);position:relative;display: block;}
.mainarea .panel .panel-body h3{margin: 20px 10px 30px;text-align: center;font-size: 42px; color: #fff; font-weight: 400; position: relative; display: block;}
.mainarea .panel .panel-footer{height:60px;    background: transparent;border: 0;}
.mainarea .panel .panel-footer a.right{background-color: #a1ff00;width: 210px;height: 40px;border-radius: 20px;  position: relative;display: block;margin: auto; line-height: 40px;color: #000; text-transform: uppercase;}
.mainarea .panel .panel-footer a.right span{font-size: 13px;}
.selectionbtn{display: block;width: 100%;position: relative;text-align: center;clear: both;}
.selectionbtn ul{margin:0px;padding:0px;list-style: none;}
.selectionbtn ul li{display: inline-block;width: 220px; height: 220px;margin:0 30px;}
.selectionbtn ul li a{cursor:pointer;text-decoration: none;border: 2px #fff solid;display: block;border-radius: 10px;position: relative;height:100%;width: 100%;background: #fff;}
.selectionbtn ul li label{cursor:pointer;border: 2px #fff solid; border-radius: 8px; display: block; width:100%; height: 100%; margin: 0;overflow: hidden;}
.selectionbtn ul li label .selectiontext{font-size: 24px; font-weight: 400; line-height: normal; padding: 15px 0; position: relative; height: 88px; display: block; width: 100%;}
.selectionbtn ul li label .selectionimg{height: 105px;position: relative;display: block;width: 100%; overflow: hidden;}
.selectionbtn ul li label .selectionimg img{width: auto; height: auto; max-width: 100%; max-height: 100%; display: block; margin: auto;}
.selectionbtn ul li.notsure{height:65px;display: block;width: 500px;margin: 30px auto 0;}
.selectionbtn ul li.notsure label .selectiontext{height: 56px;}
.selectionbtn ul li.notsure.notsure3btn{width:780px;}
.selectionbtn ul li a:hover,
.selectionbtn ul li a:hover label,
.selectionbtn ul li.activeli a,
.selectionbtn ul li.activeli a label{border-color:#ff0;}
.zipbox{height: 70px;width: 350px;margin: 100px auto 60px; position: relative; display: block; overflow: hidden;border-radius: 15px;}
.zipbox input{width:210px;float:left;    height: 70px; border-radius: 0;position: relative;border:0px;}
.zipbox button{width:140px;float:left;    height: 70px; border-radius: 0;position: relative;border:0px;font-size: 34px;}
.zipmsg{color:#ff0;font-style: italic;font-size: 24px;text-align: center;;}



@media (max-width:1440px){
    .mainarea .panel{height: 440px; width: 850px;}
    .mainarea .panel .panel-body h3 {margin: 10px 10px 20px;font-size: 36px;}
    .selectionbtn ul li {width: 180px;height: 180px;}
    .selectionbtn ul li label .selectiontext {font-size: 20px; padding: 10px 0; height: 70px;}
    .selectionbtn ul li label .selectionimg {height: 90px;}
    .mainarea .panel .panel-footer a.right {width: 170px;height: 36px;line-height: 36px;}
    .selectionbtn ul li.notsure {height: 50px;width: 420px;}
    .selectionbtn ul li.notsure label .selectiontext { height: 44px; }
    .selectionbtn ul li.notsure.notsure3btn {width: 665px;  }



}