@import url("fonts.css");
@font-face {
  font-family: 'Calibri';
  src: url('Calibri.eot?#iefix') format('embedded-opentype'),  url('Calibri.woff') format('woff'), url('Calibri.ttf')  format('truetype'), url('Calibri.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}

.mapp1{width: 800px; border: 1px solid red; position: absolute; top: 220px; z-index: -9; left: 120px;}
.mapp2{width: 800px; position: absolute; top: -5800px; z-index: -9999999999999999999; left: 120px;}
.mnsy{position:relative;width: 20%;}
.w12{position: absolute; top: 17px; left: 95px;    width: 300px;}
.w12.active{color:#733190;font-size:26px;}
.fontc{font-family: 'Calibri';}
#content{font-family:  'Calibri';}
.bgfullbody{width: 90%; margin: 0 auto;}
.box_more{padding: 15px;overflow: hidden;}
.conn1{display:block;margin: 0 auto;text-align:center;background-image: url(../img/bg.png);background-repeat: no-repeat;
    background-size: 100% 100%;}
.conn10{display:block;margin: 0 auto;text-align:center; background-size: 100% 100%;background-image: url(../img/bginno.png);}
.main{width: 1280px;display:block;margin: 0 auto;text-align:center;z-index: 0;}
.menu-ins{width: 100%;height: 42px;display: block;margin: 0 auto;background-repeat: no-repeat;position: absolute;top: 0px;}
.menu-ins>ul{width: 80%;  display: block; margin-right: -9%; padding-top: 17px; float: right;}
.menu-ins>ul>li{width: auto;display: block;float: left;text-align: center;padding: 0.5% 3%;}
.menu-ins>ul>li:hover,.menu-ins>ul>li.active{ color: #fff;background: #A38CB3;}
.menu-ins>ul>li>a{font-family: 'Calibri';text-align: center;color: #fff;font-weight: bold;font-size: 16px;}
.menu-ins>ul>li>a:hover,.textmenuslide>li>a:hover,.menu-ins>ul>li>a.active{ /*color: red;*/}
.padding15{padding-left: 100px;padding-right: 100px;margin-top: -24px;}
.sticky-wrapper{position:fixed; width:100%;z-index: 555;}
.menubut:hover{opacity: 0.4;filter: alpha(opacity=40);}
.textmenuslide{position: absolute;display:block;top:10%;left:15%;}
.textmenuslide>li{list-style: none;margin-top: 30%;}
.textmenuslide>li>a{font-family: 'Calibri';font-size: 14px;font-weight: lighter;color: #fff;}
.padding0{padding:0px;}.paddingfor{padding:0px;}
.bginno7{background-image: url("../img/bginno5.png");min-height: 550px;}
.paddingsell{padding-left: 50px;}
.textreview{text-align: justify;font-family: 'Calibri';color:#6E6F71;padding-bottom: 20px;}
.metod{font-size:20px;color:#471967;padding-bottom: 20px;}
.roly{margin-top:15%;}
.textview{display: block; margin-top: 7%; font-size: 50px; text-align: left; margin-left: 5%;color: #033A59;font-family: 'Calibri';}
.padding90{padding-top: 5%;padding-bottom: 5%;}
.textgoogle{float: left;color:#fff;margin-left: 30%;font-family: 'Calibri';font-size: 150%;font-weight: lighter;}
.wd{width:90%;display:block;margin:0 auto;}
.wd>li{float:left; width: 30%; margin: 1.5%; margin-bottom: 35px; list-style:none; z-index: 5;}
    .bor{padding-left: 3%;padding-right: 1%;}.padding1{padding-left:1%;padding-top: 10px;}
    .topic{font-family: 'Calibri';font-size: 24px;color: #fff;}.des{font-family: 'Calibri';font-size: 12px;color: #fff;}
    .st{margin-top: 3%;}
    .but{ background-color: #D1CFD0;color: #471967; width: 120px; text-align: center;padding: 5px;cursor: pointer}.but:hover{background-color: #2D0D48;color: #fff;}
    .tabs-menu { margin-bottom: 0; clear: both;}
    .tabs-menu li {float:left;list-style:none;width:50%;background-color: #471967;color:#fff;text-align: center;padding: 10px;}
    .tabs-menu li.current {float:left;list-style:none;width:50%;background-color: #fff;color:#471967;text-align: center;padding: 10px;border-bottom: 1px solid #fff;}
    .tabs-menu li a {padding: 10px;text-transform: uppercase;color: #fff;text-decoration: none;}
    .tabs-menu .current a {color: #471967;}
    .tab {background-color: #fff;width: auto;}
    .tab-content {padding: 20px;display: none;}
    #tab-1 {display: block;}
    .boxcontent{margin-top: 50px;}
    .textimgcontent{position: absolute;display: block;top: 50%;right: 10%; font-size: 29px;font-family: 'Futura Lt BT';color:#471967}
    .textimgcontent1{position: absolute;display: block;top: 60%;right: 10%; font-size: 29px;font-family: 'Futura Lt BT';color:#fff}
    .listbuy{list-style:none;}.listbuy li{margin-bottom: 10px;}.listbuy li a{color:#203047}.listbuy li a:hover{color:#203047}
    .pagi{list-style:none;}.pagi li{float:left;padding: 0px 20px;}.pagi li a{color: #fff;}
    .morebuy{text-align: right;position:absolute;bottom: 0px;width: 100%;right: 10px}.morebuy{color:#fff;font-size:11px;right: 10px;}
    .piz{position: relative;text-align: right;}.mo{display:none}

.bs{background-color: #471967;width: 150px;padding: 0.85em 1em;color:#fff;border: 1px solid #471967;}.bs:hover{background-color: #A38CB3;border:1px solid #A38CB3;color:#fff}
.detailwith{background-image: url(../img/bgs.png);background-repeat: no-repeat;margin-left: 5px;margin-bottom: -16px;}
    .formcon input ,.formcon textarea{background-color:#DDDDDD;padding: 10px;}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0px 0px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
    .btn-primary{
    color: #808080;
    background-color: #DDDDDD;
    border-color: #808080;}
    .btn{
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #808080;
    width: 20%
    }
ul.tsc_pagination {padding: 3px;height: 100%;overflow: hidden;font: 12px 'Tahoma';list-style-type: none;float: right;width: 100%;background-color: #471967;}
    ul.tsc_pagination li {float: left; margin: 0px;padding: 0px;margin-left: 5px;}
    ul.tsc_pagination li a {color: black;display: block;text-decoration: none;padding: 7px 10px 7px 10px;}
    ul.tsc_paginationA li a {color: #FFFFFF;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
    ul.tsc_paginationA01 li a {color: #fff;}
    ul.tsc_paginationA01 li:hover a,ul.tsc_paginationA01 li.current a {color:#808080;}
.backren{float: right;font-size: 14px;position:absolute;bottom:0%;right:6%;color:#fff;background-color:#A38CB3;padding: 5px 20px;}.backren:hover{background-color:#fff;color:#471967;}
.printren a{border-bottom:1px solid #fff;float: right;font-size: 20px;position:absolute;bottom:20%;right:1%;color:#fff}.printren a:hover{color:#A38CB3;}
.ppp{padding-top:5%;}
.pare{width:100%;text-align: center; background: #BABCBE; padding: 10px;color: #fff;margin-top: 10px;}.pare:hover{color:#471967;background-color: #A38CB3}
.addren{position: absolute; color: #fff; bottom: 10px;  right: 27%; width: 18%; font-size: 20px;text-align: right;}
.addren1{position: absolute; color: #fff; bottom: 10px;  right: 27%; width: 18%; font-size: 20px;text-align: right;}.addren1 p{line-height: 20px;}
.textimgcontent2{position: absolute; display: block; top: 12%;right: 7%;z-index:99999;}
.fadd{font-size: 20px;font-weight: bold;color: #471967;}
.bugpop{color: #fff;background-color: red;width: 40%;text-align: center;padding: 0px;font-size: 16px;}
.nums{position: absolute; top: 0; left: 19px;font-size: 40px;}
.to{position:relative;width:100%;font-size: 16px;color:#CCCCCC;cursor: pointer;}.to:hover{color:#471967;font-size:16px}
.oooo{display:none;}
.nn{color:#fff;font-size:62px;}
.nm{font-size: 30px; left: 135px; top: 26px;color:#471967;    width: 100%;}
.floorplan{background-color: #471967; color: #fff;padding: 10px 0px; margin-bottom: 10px;text-align: center;margin:10px auto;width:85%}
@media (min-width:1300px) and (max-width:1400px) {
    .menu-ins>ul{ margin-right: -13%;}.menu-ins>ul>li{padding: 0.5% 2%;}.textimgcontent2{top: 7%;right: 7%;}.bugpop{width: 60%}
}
@media (min-width:1100px) and (max-width:1299px) {
    .menu-ins>ul{ margin-right: -14.5%;}.menu-ins>ul>li{padding: 0.5% 1.5%;}
}
@media screen and (max-width:1024px) {
.textmenuslide>li{
   margin-top: 17%;
}
.google-map{height:375px;}
.textgoogle{font-size: 100%; }

.menu-ins>ul>li{
    padding: 0.5% 2%;
}
        .logowisdom{width: 25%;}
        .menu-ins>ul>li {padding: 0.5% 2%;}
        .menu-ins>ul>li>a{font-size: 12px;}
    
    .addren1{font-size: 15px;}
    .textimgcontent2{width:10%}
.floorplan{width: 95%;font-size: 14px;}
}
@media screen and (max-width:800px) {
    .floorplan{width: 95%;}
    .addren1{font-size: 12px;}
#printableArea1{display:none}
.bugpop{width: 80%}
.bor{padding-right: 3%;}
.bgfullbody{width: 99%;}
.paddingfor{padding:10px;}
.main{ width: 100%;}
.google-map{height:300px;}
.textgoogle{margin-left: 0%;}
.padding90{padding-bottom: 6%;}
#logotop, .iscoll, .iscoll1, .iscoll2, .iscoll3, .iscoll4, .iscoll4, .goo{display: none;}
.roly{top:17%;}
.menu-ins>ul>li>a{font-size: 12px;}
.menu-ins>ul{    margin-right: -12%;padding-top:10px;}
.menu-ins>ul>li{margin-right: -1%;}
.padding15{padding-left: 0px;padding-right: 0px;margin-top: 0px;}
.wd{width:100%;}
.wd>li{width: 31%;margin: 1%;margin-bottom: 5%;}
.textbrand2, .textbrand1{width: 95%;margin-top: 5%;}
.brand{margin-bottom: 5%;}
.textship, .textship1{padding: 2%;padding-top: 3%}
.shiptext{font-size: 38px;}
.ptbg{background-color: #033A59;background-image: none;}
.hover01 figure img{width: 100%;height: auto}
.hovereffect a, .hovereffect p {margin-top: 15%;}
.hovereffect .overlay {border: 1px solid #011D32}
    .st{margin-top: 0%;padding-left:1%}
    .stt{padding-right:1%}
    .boxcontent{margin-top: 50px;}
    .textimgcontent{top:12%;font-size:14px;}.textimgcontent1{top:15%;font-size:14px;}
    .mo{max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle;}.full{display:none}
.paddingsell{padding-left: 0px;}
    .addren{font-size: 10px;}
    .printren a{bottom: 30%;font-size: 10px;}
    .backren{font-size: 10px;    right: 2%;}
    .textimgcontent2{    top: 5%; right: 2%; width: 10%;}
    .addren1 p{line-height: 5px;}
}
@media screen and (max-width:690px) {
    .metod{text-align: center}
.google-map{height:230px;}
.textview{
    font-size: 24px;
}
    .nm{font-size: 16px;}
.hovereffect .overlay {border: 1px solid #011D32}
.wd{
    width:100%;
}
.wd>li{width: 50%; margin-left: -1%;margin-bottom: 5%;padding: 2%;
}
.textform{font-size: 14px;padding: 8px;}
.shiptext{font-size: 30px;}
.slideproduct,.ppp{display: none}
.textimgcontent2{top: 31%; right: 7%; width: 20%}
    .nn{font-size:32px;}.nm{    left: 83px;
    top: 15px;
    width: 300px;}
}
@media screen and (max-width:414px) {
    .shiptext{font-size: 20px;}
    .hovereffect a, .hovereffect p {margin-top: 8%;font-size: 10px}
    .hovereffect .overlay {border: 1px solid #011D32}
    .textimgcontent2{top: 6%; right: 3%; width: 13%;}
    .boxcontent{margin-top: 39px;}
}
@media screen and (max-width:375px) {
    .boxcontent{margin-top: 34px;}
}