*{margin:0;padding:0;}
html{background:none!important;}

.overlay{position: fixed;width: 100%;visibility: hidden;top: 0;left: 0;z-index: 1010;opacity: 0;-webkit-transition: ease-in-out 0.3s  ;-moz-transition: ease-in-out 0.3s  ;transition: ease-in-out 0.3s; -webkit-text-size-adjust: none !important;}
.overlay_show{visibility: visible;opacity:1;}
.overlay_back{background: rgba(51,51,51,0);}
.transitExplore {height:100%;width:100%;padding:1%;background:#282828;position: absolute;top:0%;-webkit-transition: ease-in-out 1.2s;-moz-transition: ease-in-out 1.2s;transition: ease-in-out 1.2s;-webkit-box-shadow: 0px 0px 34px 5px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 34px 5px rgba(0,0,0,1);box-shadow: 0px 0px 34px 5px rgba(0,0,0,1);box-sizing: border-box !important;-webkit-box-sizing:  border-box  !important;-moz-box-sizing: border-box  !important;}
.exploreAdvContents{height:100%;width:100%;padding:1%;background:#282828;position: absolute;top:-110%;-webkit-transition: ease-in-out 1.2s;-moz-transition: ease-in-out 1.2s;transition: ease-in-out 1.2s;-webkit-box-shadow: 0px 0px 34px 5px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 34px 5px rgba(0,0,0,1);box-shadow: 0px 0px 34px 5px rgba(0,0,0,1);box-sizing: border-box !important;-webkit-box-sizing:  border-box  !important;-moz-box-sizing: border-box  !important;}
.exploreContainerLeft{height:100%;width:15%;float:left;box-sizing: border-box !important;-webkit-box-sizing:  border-box  !important;-moz-box-sizing: border-box  !important;}
.exploreContainerLeft div {box-sizing: border-box !important;-webkit-box-sizing:  border-box  !important;-moz-box-sizing: border-box  !important;}
.exploreContainerRight{height:100%;width:85%;float:left;overflow-x:hidden;overflow-y:auto;-webkit-transition: ease-in-out 0.3s  ;-moz-transition: ease-in-out 0.3s  ;transition: ease-in-out 0.3s  ;box-sizing: border-box !important;-webkit-box-sizing:  border-box  !important;-moz-box-sizing: border-box  !important;}
.exploreContainerRight div {box-sizing: border-box !important;-webkit-box-sizing:  border-box  !important;-moz-box-sizing: border-box  !important;}
.lInput{height:40px;width:auto;padding: 0 15px;color:#b3b3b3;line-height: 40px;background: #444 url(../images/down.png)no-repeat;background-position: right;}
.input{width: 100%;height: 100%;border: none;outline: none;outline-style: none;background: transparent;color: #b3b3b3;-webkit-transition: ease-in-out 0.3s  ;-moz-transition: ease-in-out 0.3s  ;transition: ease-in-out 0.3s  ;}
.staticSuggestions{width: 100%;height: 0px;max-height: 360px;color: #fff;opacity: 1;display: inline-block;overflow: hidden;-webkit-transition: ease-in-out 0.3s  ;-moz-transition: ease-in-out 0.3s  ;transition: ease-in-out 0.3s  ;}
.dstSpan{width:100%;height: 35px;background: #333;display: inline-block;text-indent: 15px;border-top:1px solid #444;line-height: 35px;  cursor:pointer;-webkit-transition: ease-in-out 0.3s  ;-moz-transition: ease-in-out 0.3s  ;transition: ease-in-out 0.3s  ;}
.dstSpan:hover{background: #f49712;}

.airAdvsOn{background-color:#f49712; -webkit-transition: ease-in-out 0.3s  ;-moz-transition: ease-in-out 0.3s  ;transition: ease-in-out 0.3s  ;}
.airAdvsOff{background-color:#666;}

.landAdvsOn{background-color:#9ab512;-webkit-transition: ease-in-out 0.3s  ;-moz-transition: ease-in-out 0.3s  ;transition: ease-in-out 5s  ;}
.landAdvsOff{background-color:#666;;transition: ease-in-out 5s  ;}

.waterAdvsOn{background-color:#378C99;-webkit-transition: ease-in-out 0.3s  ;-moz-transition: ease-in-out 0.3s  ;transition: ease-in-out 5s  ;}
.waterAdvsOff{background-color:#666;transition: ease-in-out 5s  ;}

.advContainer{padding:0.25%;height:auto;width:99.5%;display: inline-block;-webkit-transition: ease-in-out 0.3s  ;-moz-transition: ease-in-out 0.3s  ;transition: ease-in-out 0.3s  ;}

.air{width: 100%;height:0;  padding-bottom: 18.5%;padding-top: 6.5%;margin-top: 20px;display:inline-block;}
.exploreCircle {width: 25%;height: 25%;padding-bottom: 25%;margin-top: -18.5%;float: left;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;color: #fff;text-align: center;font-size: 16px;font-family: roboto;margin-left: 63%;-webkit-transition: ease-in-out 0.3s;-moz-transition: ease-in-out 0.3s;transition: ease-in-out 0.3s;box-shadow: 0 0 34px 5px rgba(0,0,0,0.4);position: relative;cursor: pointer;box-sizing: border-box !important;-webkit-box-sizing:  border-box  !important;-moz-box-sizing: border-box  !important;}
.onOff{width: 82%;padding: 0 5%;margin: 0 12% 0 6%;height: 0;padding-bottom: 12%;border-radius: 33px;background: #444;float: left;color: #b3b3b3;line-height: 25px;position: relative;z-index: 0;font-size: 14px;cursor: pointer;}
.off{float:right;}
.mLeft{margin-left:10%;display: block;}
.hideAdv{-webkit-transition: ease-in-out 0.6s;-moz-transition: ease-in-out 0.6s;transition: ease-in-out 0.6s !important;background:#282828 !important;opacity:0;}
.trial{width:0% !important;padding:0 !important;margin:0 !important;}
.advCat{}

@media only screen and (max-width:1210px ){
    .exploreContainerLeft{width:20% ! important;}
    .exploreContainerRight{width:80% ! important;}
    
}