@charset "utf-8";
:focus,
a {
    outline: 0;
    text-decoration: none!important;
}

body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
li,
ol,
p,
select,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

#footer a:hover,
#header .logo:hover,
#installNow,
#installNowBtn,
a {
    text-decoration: none
}

#fourteen-day,
.label,
.pac-item,
.popup .loop h3 {
    white-space: nowrap
}

.description li,
li,
ul {
    list-style: none
}

@font-face {
    font-family: MyFontName;
    src: url(KaushanScript-Regular.ttf);
}

.logoText {
    font-family: MyFontName;
    font-size: 30px;
    line-height: 30px;
    color: #F6BC0F;
    text-shadow: #000 2px 0 0, #000 0 2px 0, #000 -2px 0 0, #000 0 -2px 0;
    display: inline-block;
    transform: translate(0, 5px);
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

abbr,
acronym,
fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 400
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 14px
}

q:after,
q:before {
    content: ''
}

a img,
img {
    border: none
}

a:active,
a:focus,
a:hover {
    text-decoration: underline
}

a:active {
    star: expression(this.onFocus=this.blur())
}

.clear {
    overflow: auto;
    clear: both;
    height: 0
}

body,
html {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: Arial
}

.wearth_types {
    text-align: left;
    font-size: 20px;
}

.pac-container {
    background-color: #fff;
    position: absolute!important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}
#minimap .mapboxgl-canvas{
    width: 800px !important;
}
.pac-logo:after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 16px;
    text-align: right;
    display: block;
    background-image: url(../images/powered-by-google-on-white3.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 120px 14px
}

.hdpi.pac-logo:after {
    background-image: url(../images/powered-by-google-on-white3_hdpi.png)
}
.show_top_text{
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.pac-item {
    cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #999
}

.pac-item:hover {
    background-color: #fafafa
}

.pac-item-selected,
.pac-item-selected:hover {
    background-color: #ebf2fe
}

.pac-matched {
    font-weight: 700
}

.pac-item-query {
    font-size: 13px;
    padding-right: 3px;
    color: #000
}

.pac-icon {
    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url(../images/autocomplete-icons.png);
    background-size: 34px
}

.ng-binding p {
    font-size: 15px;
    text-align: center;
    //
    padding-left: 50px;
    margin-top: -10px;
    /* padding-bottom: 10px; */
}

.hdpi .pac-icon {
    background-image: url(../images/autocomplete-icons_hdpi.png)
}

.pac-icon-search {
    background-position: -1px -1px
}

.pac-item-selected .pac-icon-search {
    background-position: -18px -1px
}

.pac-icon-marker {
    background-position: -1px -161px
}

.pac-item-selected .pac-icon-marker {
    background-position: -18px -161px
}

.pac-placeholder {
    color: gray
}

#box_content h2,
#box_content2 h2 {
    color: #0f0;
    text-transform: uppercase
}

#box_content p,
#box_content2 p {
    color: #454545;
    line-height: 18px;
    font-weight: 700
}



#box_content,
#box_content2 {
    border: 4px solid #fff;
    text-align: center
}



#abovemap,
#box_content,
#box_content2 {
    margin: 0;
    width: 100%
}

#box_content {
    border-radius: 2px;
    border-top: none;
    padding: 10px 0 30px;
    background: #fff;
    font-size: 14px
}

#box_content2 {
    border-radius: 2px;
    border-top: none;
    background: #fff;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px
}

#box_content h2 {
    font-size: 23px;
    padding-top: 30px;
    text-align: center;
    font-weight: 700
}

#box_content p {
    padding: 15px 70px;
    font-size: 14px
}

#box_content2 h2 {
    font-size: 19px;
    padding-top: 10px;
    text-align: center;
    font-weight: 700
}

#box_content2 p {
    padding: 10px 50px;
    font-size: 14px
}

#box_content2 .box_foot_d p {
    padding: 5px 50px
}

#abovemap {
    height: 190px;
    overflow: hidden;
    border: 4px solid #fff;
    z-index: 300;
    border-radius: 2px 2px 0 0;
    border-bottom: 0;
    padding: 0
}

#installimg {
    width: 400px;
    height: 100px;
    padding-top: 10px
}

#advbox {
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(16, 12, 12, .3);
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

#hideadBox,
#hideadBox>span {
    display: block;
    position: absolute
}

#hideadBox {
    top: -4px;
    right: -4px;
    z-index: 999;
    background: #eee;
    border-radius: 13px;
    height: 25px;
    width: 25px
}

#hideadBox>span {
    left: 7px;
    top: 3px;
    font-size: 19px;
    line-height: 18px;
    overflow: hidden
}


.map_wicon,
.wicon {
    position: relative
}

.weatherbox {
    background-color: #fff;
    height: 120px
}

#weatherbox h1 {
    font-size: 4em;
    line-height: 1em;
    text-align: center;
    color: #FFF;
    text-shadow: 0 0 20px #7CCCFF;
    font-weight: 700
}

#weatherbox .current {
    color: #FF0;
    text-shadow: 0 0 20px #FF9
}

#weatherbox table {
    max-width: 100%;
    background-color: transparent
}

#weatherbox .table {
    width: 100%;
    margin-bottom: 20px
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25em
}

.label-warning {
    background-color: #f0ad4e
}

.label-default {
    background-color: #999
}

#daily_list,
#formataddress,
#map_daily_list,
.map_wtitle,
.wtitle {
    background: #fff
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

#daily_list {
    height: 120px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border: 2px;
    padding-top: 5px
}

#daily_list span {
    margin-right: 4px
}

.weather-details2.seconds {
    width: 589px;
    overflow: auto;
}

.weather-details3 {
    margin-top: 15px;
    text-align: center;
}

.weather-details2,
.weather-found .weather-details2 {
    margin-top: 15px;
    margin-right: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.weather-details2.noborder .icon2,
.weather-details2.noborder .pd0,
.weather-details2.noborder .temp,
.weather-details2.noborder h3,
.weather-details2.seconds .icon2,
.weather-details2.seconds .pd0,
.weather-details2.seconds .temp,
.weather-details2.seconds h3 {
    color: #000;
}

.weather-details2 .temp {
    padding: 15px;
    border-right: 2px solid #fff;
    text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
}

.weather-details2 .temp-details {
    padding-top: 15px;
    background: transparent;
    position: static;
}

.wtitle {
    color: #0092f3;
    font-size: 30px;
    text-align: center;
    padding: 20px 0 0
}

.wcity,
.wname,
.wtime {
    color: #878787!important
}

.wcity {
    font-size: 22px
}

.wname,
.wtime {
    font-size: 14px
}

.wicon,
.wicon img {
    color: #000;
    float: left;
    font-weight: 700
}

.wicon {
    padding-left: 50px
}

.wicon img {
    height: 70px;
    padding: 2px
}

div#weatherbox {
    height: 120px!important
}

.wpanel {
    padding: 5px 60px 0;
    height: 100%
}

.wdegg {
    float: left;
    height: 100%
}

.wdegg_temp_title {
    float: left
}

.wdegg_temp {
    font-size: 40px;
    float: left;
    display: flex;
    height: 100%;
    text-align: center;
    line-height: 70px;
    align-items: center
}

.wpaneldown {
    height: 120px;
    padding-left: 30px;
    padding-right: 30px
}

.wdegg_temp_content {
    float: right;
    padding-left: 5px;
    line-height: 22px;
    padding-top: 2px
}

.wdis {
    clear: both;
    text-align: center
}

.wdis span {
    margin-right: 5px
}

#installNow {
    display: block;
    text-align: center;
    border-color: #0092f3;
    border-style: solid;
    border-radius: 10px;
    padding: 1=0px 30px;
    width: 420px;
    margin: 0 auto;
    color: #fff;
    background: #0092f3;
    font-size: 24px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif
}

.map_wdegg_temp_content,
.map_wicon {
    margin-right: 2px;
    border-right: dotted 1px #ccc;
    float: left
}

#installNow span {
    padding: 10px 40px;
    display: block
}

#installNow i {
    float: left;
    padding: 10px;
    font-size: 40px;
    margin-left: 20px
}

.map_fday span,
.map_wdis span {
    margin-left: 3px
}

.fday {
    float: left;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 5px;
    width: 150px
}

.fdaydes {
    width: 100%;
    height: 20px;
    overflow: hidden
}

.map_weather {
    width: 630px;
    display: table
}

.map_wicon {
    font-weight: 700;
    padding: 2px 8px;
    height: 97px;
    color: #454545
}

.map_wicon img {
    color: #000;
    font-weight: 700;
    float: left;
    height: 50px;
    padding: 2px
}

.map_wdegg_temp {
    font-size: 30px;
    float: left;
    display: flex;
    height: 100%;
    text-align: center;
    line-height: 50px;
    align-items: center
}

.map_wdegg_temp_content {
    padding: 2px 12px 12px;
    line-height: 19px;
    font-size: 13px;
    color: #454545;
    height: 97px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif
}

#formataddress,
.formataddress,
.map_wtitle {
    color: #0092f3;
    text-align: center
}

.map_wtitle {
    font-size: 30px;
    padding: 10px
}

.map_wdis {
    clear: both;
    text-align: center
}

.map_wdegg,
.map_wdegg_temp_title {
    float: left
}

.map_fday {
    float: left;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 5px;
    font-size: 12px;
    width: 120px
}

.map_fday img {
    width: 40px
}

#map_daily_list {
    height: 97px;
    color: #454545;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border: 2px;
    padding-top: 3px
}

.ads,
.loop #cityweather,
.popup.results-3 .weather-details,
.popup.results-4 .clearfix {
    overflow: hidden
}

.map_wpaneldown {
    height: 100px;
    padding: 15px 0
}

#mapads,
#mapads2 {
    height: 120px;
    width: 300px;
    margin-top: 20px;
    background: wheat;
    float: left
}

#mapads {
    margin-right: 20px
}

.boxerr {
    display: none
}

.c_weather {
    display: block;
    float: left;
    font-size: 14px;
    height: 100%;
    width: 100px;
    text-align: center
}

#installNowBtn {
    display: block;
    text-align: center;
    border-color: #0092f3;
    border-style: solid;
    border-radius: 10px;
    padding: 0 10px;
    width: 408px;
    height: 80px;
    margin: 0 auto;
    color: #fff;
    background: #0092f3;
    font-size: 24px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif
}

.btnweather {
    width: 120px;
    float: left;
    font-size: 40px;
    margin-bottom: 0
}

.btnweather i {
    display: block;
    padding: 5px
}

.btnweather div {
    font-size: 12px
}

.installnow {
    display: inline-block;
    height: 100%;
    padding: 10px 0 0;
    line-height: 50px;
    float: left
}

#box_content .box_foot p {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 0;
    padding-top: 2px;
    font-weight: 400
}

.box_foot {
    padding-top: 2px;
    text-align: center
}

.navbar-brand img {
    max-width: 100px
}

#formataddress {
    padding-top: 5px
}

.btn.btn-main {
    height: 65px;
    background: url(../images/search-icon.png) 0 center no-repeat #089200;
    color: #fff;
    font-size: 26px;
    /* line-height: 43px; */
    border: 0 solid;
    font-family: 'Open Sans', sans-serif;
    /* font-weight: 600; */
}

.btn.btn-main:hover {
    background: #059bd4;
}

.btn.btn-white {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff
}

#top-back2 {
    display: none;
    background: #232323;
    padding-bottom: 10px
}

.tablet #top-back2 {
    display: block
}

#header {
    background: url(../images/bg.jpg) center bottom no-repeat #fbfeff;
    background-size: cover;
    border-bottom: 1px solid #ebf0f1;
    padding: 0 0 80px
}

#header #alert {
    background: rgba(0, 0, 0, .5);
    color: #fff;
    height: 43px;
    line-height: 43px;
    font-size: 17px;
    margin-bottom: 30px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .4);
    text-indent: -9999px
}

#header #alert .uc {
    text-transform: uppercase;
    color: #f90;
    font-weight: 700
}

.col-sm-2 .uc {
    font-size: 36px;
    color: #f90;
    font-weight: 700
}

#header .form form label,
#header .form h1,
#header .logo,
#header .update {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif
}

#header #alert a {
    color: #fff200
}

#header .logo,
#header .update,
.top .curPic,
.top .today {
    color: #fff;
    float: left
}

#header .container {
    width: 840px
}

#header .top {
    width: 80%;
    position: absolute;
    left: 20%;
    margin: 2% auto;
    padding-bottom: 25px
}

.top .today {
    font-size: 20px;
    padding-top: 10px
}

.top #date {
    display: block;
    padding-top: 40px;
    font-size: 16px
}

.top .curPic {
    display: block;
    width: 300px;
    height: 300px;
    margin-left: 2%;
    font-size: 30px
}

#header .logo {
    display: block;
    font-size: 23px;
    line-height: 23px;
    padding-left: 2%;
    margin-bottom: 5px;
    text-indent: -9999px
}

#footer .bottom ul li a,
#footer a,
#warning a {
    text-decoration: underline
}

#header .logo span,
#localaddr {
    font-size: 16px;
    text-transform: uppercase
}

#header .logo span {
    padding-top: 10px
}

#header .update {
    display: block;
    font-size: 10px;
    opacity: .5;
    line-height: 20px;
    max-width: 200px;
    text-transform: uppercase
}

#header .form {
    background: rgba(0, 0, 0, .4);
    border-radius: 5px 5px 0 0
}

#header .form h1 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 26px;
    line-height: 78px;
    color: #FFF
}

#header .form form {
    padding: 40px 138px 50px;
    position: relative;
    background: #fff;
    border-radius: 5px
}

#header .form form label {
    display: block;
    text-align: left;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 15px
}

#header .features .feat,
#top-back .bar a,
#warning div {
    text-align: center
}

#header .form form .fa {
    position: absolute;
    top: 82px;
    left: 105px;
    color: #f64e3e;
    font-size: 40px
}

#header .form form .form-control {
    height: 46px;
    line-height: 46px;
    box-shadow: 0 0 transparent;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    border: 1px solid #d0dadf;
    margin-bottom: 15px
}

#header .form form .btn {
    width: 100%;
    background-position: 35px 27px;
    padding-left: 70px
}

#header .features {
    background: #000;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px 20px
}

#header .features h3 {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 25px;
    font-weight: 700;
    margin: 0 0 2px;
    color: #fff
}

#header .features p {
    font-size: 13px;
    line-height: 16px;
    color: #eee
}

#header .features img {
    display: block;
    margin-bottom: 15px
}

#header.searching {
    background-image: url(../images/header-bg-map.gif);
    position: relative;
    background-position: center;
    height: 1000px!important
}

#header.searching #alert,
#header.searching #top-back2,
#header.searching .container {
    display: none
}

#header.searching .rain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100%
}

#top-back,
.ads,
.popup {
    position: relative
}

#ads-top {
    margin: 0
}

.ng-binding .form-control {
    border: 0
}

#top-back {
    background: #fff;
    z-index: 2;
    display: block;
    text-align: left
}

#top-back .bar {
    background-color: #363636;
    height: 46px;
    width: 100%
}

#top-back .bar a {
    background-color: #4d90fe;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    height: 46px;
    line-height: 46px;
    color: #fff;
    font-size: 14px;
    width: 250px;
    outline: 0
}

#sidebar-ads,
#warning,
.ads,
.img_list i,
.img_list img,
.img_list span {
    display: block
}

#sidebar-ads {
    width: 300px;
    background: #fff;
    z-index: 2
}

#warning {
    padding: 15px
}

#warning div {
    font-weight: 700;
    background: #FFF9D5;
    padding: 10px
}

#warning p {
    margin: 0;
    line-height: 18px;
    font-size: 13px
}

#warning a {
    color: #306BE1
}

.loop {
    width: 350px;
    margin-top: 25px;
    margin-right: 40px
}

.loop h2,
.popup .loop h3 {
    margin-top: 0;
    color: #000;
    text-align: center
}

.loop h2 {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 15px
}

.popup .loop h3 {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 700
}

.loop .temp {
    float: left;
    width: 50%;
    margin-bottom: 25px
}

.loop .temp:last-child {
    margin-right: 0
}

.loop .temp img {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: auto
}

.loop .temp .temp-details {
    margin-left: 0;
    font-weight: 700;
    text-align: center;
    color: #000
}

.loop .temp .temp-details .current {
    color: #179be6;
    padding-right: 20px
}

.ads {
    margin: 0 auto
}

.ads.ads-728x90 {
    width: 728px;
    height: 90px
}

.bullet {
    float: left;
    margin-left: 10px;
    width: 33%;
    font-size: 14px;
    line-height: 21px;
    font-family: 'Open Sans', sans-serif;
    padding: 50px 0;
    border-bottom: 1px solid #eaeff0
}

.bullet:last-child {
    border-bottom: 0 none
}

.bullet .col-sm-3 {
    width: 100%;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 20px
}

#footer,
.pac1,
.pac2 {
    padding-top: 20px
}

.bullet h3 {
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 17px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #000
}

.pac1 {
    background-color: #efefef;
    padding-bottom: 15px
}

.img_list span {
    color: #4196ff;
    font-size: 20px;
    text-align: center
}

.img_list img {
    margin: 0 auto
}

.img_list i {
    text-align: center
}

.pac2 {
    margin-bottom: 20px
}

.pac2 .media {
    background: #e9f6ff
}

.pac2 .media-heading {
    font-size: 28px;
    color: #0f61c7;
    font-weight: 700
}

#bottom,
.popup {
    font-weight: 600;
    text-align: center;
    font-family: 'Open Sans', sans-serif
}

.pac2 .media p {
    font-size: 16px;
    text-indent: 2em
}

#bottom {
    background-color: #000;
    padding: 20px 0;
    color: #fff;
    line-height: 36px;
    font-size: 15px
}

.fancybox-skin,
.popup,
.popup.search {
    background: #fff
}

#bottom .btn {
    height: 36px;
    border: 1px solid #09f;
    color: #09f;
    margin-left: 15px
}

#footer {
    font-size: 13px;
    line-height: 20px
}

#footer a {
    color: #848484
}

#footer p {
    margin: 0
}

#footer hr {
    margin: 5px 0 10px;
    border-top: 1px solid #2f2f2f
}

#footer .list-inline {
    margin-bottom: 0;
    padding-bottom: 10px
}

.fancybox-type-inline {
    top: 235px!important
}

.popup {
    width: 570px;
    border-radius: 15px;
    margin: 0 auto;
    display: none;
    top: 50%;
    left: 50%;
    margin-left: -294.5px;
}

.popup h3 {
    // color: #f09609!important;
    font-size: 25px;
    padding: 0 20px;
    line-height: 40px
}

.weather-details2 h3 {
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    margin-bottom: 0;
    text-align: center;
    font-weight: 700;
    line-height: 20px;
}

.weather-details2 .icon2 {
    line-height: 48px;
    font-size: 40px;
    display: block;
    color: #fff;
    text-align: center;
}

.weather-details2 span {
    padding-top: 10px;
}

.weather-details2 .temp .temp-details .current {
    // color: #f90;
    padding-right: 20px;
}

.weather-details2 span {
    padding-top: 10px;
}

.popup p {
    font-size: 17px;
    line-height: 25px;
    color: #7d7d7d;
    font-family: 'Open Sans', sans-serif
}

.popup.search {
    padding: 60px 0;
    width: 589!important
}

.popup.results {
    width: 589px;
    padding: 35px 0 45px
}

.popup.results p {
    padding: 10px 50px
}

.popup.results .btn-main {
    width: 435px;
    background-position: 95px center
}

.popup.results .icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #0b67ed;
    line-height: 48px;
    display: block;
    text-align: center
}

.popup.results .icon img {
    width: 30px;
    vertical-align: top;
    margin-top: 9px
}

.popup.results-2 .btn-main {
    position: relative;
    background-image: none
}


/* #change {
	-webkit-animation: changeBtn 1.5s infinite linear;
	-moz-animation: changeBtn 1.5s infinite linear;
	-o-animation: changeBtn 1.5s infinite linear;
	animation: changeBtn 1.5s infinite linear
}

@-webkit-keyframes changeBtn {
	0%,
	100%,
	50% {
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	25% {
		-moz-transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}
	75% {
		-moz-transform: scale(.9, .9);
		-webkit-transform: scale(.9, .9);
		-o-transform: scale(.9, .9);
		transform: scale(.9, .9)
	}
} */

.popup.results-2 .btn-main .weather {
    position: absolute;
    top: 0;
    left: 0;
    height: 94px;
    width: 135px;
    padding-right: 20px;
    background: #0058d8
}

.popup.results-2 .btn-main .weather .city {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #0b67ed;
    overflow: hidden
}

.popup.results-2 .btn-main .weather .icon {
    position: absolute;
    top: 38px;
    left: 10px
}

.popup.results-2 .btn-main .weather .temp {
    position: absolute;
    top: 38px;
    right: 20px;
    width: 40px;
    height: 48px;
    line-height: 24px
}

.popup.results-2 .btn-main .weather .temp span {
    display: block;
    text-align: right;
    font-size: 14px
}

.popup.results-2 .change {
    position: absolute;
    right: 10px;
    bottom: 5px;
    color: #919191;
    font-size: 12px
}

.popup.results-3 {
    padding-bottom: 0
}

.popup.results-3 .weather-details {
    line-height: 25px
}

.popup.results-3 .weather-details .day {
    border-right: 1px solid #00baf6
}

.popup.results-3 .weather-details .day:last-child {
    border-right: 0 none
}

.popup.results-3 .weather-details .daytext {
    margin-bottom: 17px;
    display: block
}

.popup.results-3 .weather-details .icon {
    margin-right: 15px;
    display: -moz-inline-stack;
    zoom: 1;
    float: left;
    margin-top: 11px;
    color: #924da3;
    background: 0 0
}

.popup.results-3 .weather-details .temp {
    font-weight: 400
}

.popup.results-3 .weather-details .temp strong {
    font-weight: 600;
    margin-right: 10px
}

.popup.results-3 .weather-details .row {
    margin-bottom: 30px
}

.popup.results-3 .weather-details .btn-white {
    float: right;
    border: 0;
    font-size: 12px
}

.popup.results-3 .separator {
    height: 45px;
    box-shadow: 0 2px 10px #038dc1;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 15px
}

.popup.results-4 {
    width: 790px;
    padding: 0;
    background: #ebebeb;
    border-radius: 4px
}

.popup.results-4 p {
    padding: 0 50px
}

.popup.results-4 .pull-left {
    padding: 35px 0 45px;
    width: 570px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 1px 0 10px #d6d6d6
}

.popup.results-4 .pull-right {
    text-align: left;
    width: 195px;
    margin-top: 28px
}

.popup.results-4 .pull-right .city {
    display: block;
    font-size: 19px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px
}

.popup.results-4 .pull-right .icon {
    background: #00baf6;
    margin-right: 15px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1
}

.popup.results-4 .pull-right .weather {
    line-height: 48px;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px
}

.popup.results-4 .pull-right p {
    padding: 0;
    font-size: 14px;
    color: #707070;
    line-height: 21px
}

.popup.results-4 .pull-right p strong {
    font-weight: 400;
    color: #000;
    display: block
}

.popup.results-4 .pull-right a.change {
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 12px
}

.popup.after {
    padding: 0;
    width: 728px;
    background: #f6f6f6
}

.custom-popup-box,
.popups {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    background: rgba(16, 12, 12, .3);
}

.lb-box {
    width: 800px
}

.popups,
.right {
    width: 100%
}

.lb-box h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: .6em;
    margin-top: 0
}

.lb-box p {
    margin-bottom: 1em
}

.lb-box p:last-child {
    margin-bottom: 0
}

.custom-popup-box {
    z-index: 2000;
    display: none;
    padding-top: 200px;
    overflow: scroll
}

.custom-popup-box.toTop {
    padding-top: 70px
}

.custom-popup-box .custom-popup-box-content {
    display: none
}

#war {
    display: block;
    font-size: 23px;
    line-height: 23px;
    color: #fff;
    padding-left: 50px;
    height: 40px;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-indent: -9999px
}

.popups {
    height: 100%;
    z-index: 20;
    display: none
}

.search {
    margin-top: -130px
}

.results-2,
.results-3 {
    margin-top: -220px
}

.right2 .ng-binding {
    margin-top: 25px
}

.right h2 {
    color: #f5974e;
    font-size: 28px;
    margin-bottom: 7px;
    padding-top: 8px;
    line-height: 1.3;
    padding: 10px 10px 10px 10px;
}

.right2 .form-control {
    width: 85%;
    width: 74%\9
}

.weather-found .weather-details {
    text-align: left;
    margin-top: 4px;
    margin-right: 0;
    overflow: hidden;
    display: inline-block
}

#cityweather,
.weather-found #cityweather {
    margin-top: 15px;
    margin-right: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

#cityweather.seconds {
    width: 700px;
    overflow: auto
}

#cityweather {
    margin-top: 0
}

#week-weather {
    position: absolute;
    top: 4%;
    left: 20%;
    margin-top: 275px;
    text-align: center
}

.weather-details .temp {
    float: left;
    margin-right: 20px
}

.weather-details .temp img {
    float: left
}

.weather-details .temp .temp-details {
    float: left;
    margin: 8px;
    background: transparent;
    color: #f5974e;
}

.weather-details .temp .temp-details .current {
    display: block;
    font-size: 18px
}

.weather-details .weather-details-right {
    float: left;
    padding-top: 7px
}

.weather-details h4 {
    font-size: 16px
}

.weather-details p {
    font-size: 13px;
    line-height: 17px;
    color: #f5974e;
    margin-bottom: 12px;
    padding: 0
}

#cityweather .temp {
    position: relative;
    padding: 15px;
    border-right: 1px solid #fff;
    text-align: center;
    /*-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;*/
    color: #fff;
    /*background:rgba(0,0,0,.4);*/
}

#cityweather .temp img {
    width: 90%;
    max-height: 176px;
}

#cityweather.noborder {
    color: #919191;
    padding: 21px 60px 0!important
}

#cityweather.noborder .temp {
    border-right: 0
}

#cityweather.noborder .icon2,
#cityweather.noborder .pd0,
#cityweather.noborder .temp,
#cityweather.noborder h3,
#cityweather.seconds .icon2,
#cityweather.seconds .pd0,
#cityweather.seconds .temp,
#cityweather.seconds h3 {
    color: #000
}

#dayweather .pd0,
#cityweather .pd0 {
    padding: 0 15px 0 0!important;
    color: #fff
}

.weather-details-right h4 {
    margin-bottom: 8px;
    color: #f5974e;
    text-align: center;
}

#cityweather h3 {
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    margin-bottom: 0;
    text-align: center;
    font-weight: 700;
    line-height: 20px
}

#cityweather .temp .temp-details .current {
    color: #f90;
    padding-right: 20px
}

#cityweather span {
    padding-top: 10px
}

#fourteen-day,
#seven-day {
    display: block;
    text-align: center;
    font-size: 24px
}

.none {
    display: none
}

#temp-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#cityweather .icon2 {
    line-height: 48px;
    font-size: 40px;
    display: block;
    color: #fff;
    text-align: center
}

#cityweather .dec {
    display: block;
    font-size: 14px;
    text-align: center;
    padding-bottom: 10px;
}

.weather-details .icon2 {
    height: 48px;
    line-height: 48px;
    font-size: 40px;
    display: block;
    color: #f5974e;
    text-align: center;
    float: left;
    padding-top: 11px;
    padding-right: 10px
}

.js-day {
    margin-bottom: 8px
}

.btn.btn-change {
    display: block
}

.popup.results.results-3 {
    padding-bottom: 20px;
    padding-top: 10px
}

.image-wrap .temp-details {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    /*max-height: 176px;*/
    padding: 15px 0 0 0;
    height: 100%;
    background: rgba(0, 0, 0, .4);
}

#errorinstall {
    height: 94px;
    background: #0b67ed;
    color: #fff;
    font-size: 23px;
    line-height: 94px;
    padding: 0 12px 0 0;
    border: 0 solid;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    width: 380px;
    display: block;
    margin: 0 auto
}

.city,
.icon3,
.tempicon3 .city {
    padding-top: 10px;
    color: #f5974e
}

.icon3 {
    font-size: 40px;
    display: block;
    float: left;
    position: relative;
    left: -40px;
}

.dialog-i {
    margin-top: 10px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    color: #333;
    text-align: center;
    margin-bottom: 16px;
}

.dialog-i img {
    vertical-align: middle;
    margin-left: 10px;
}

.tempicon3 {
    display: inline-block;
    height: 60px;
    /* padding-left: 20px; */
    text-align: left;
    color: #f5974e;
    position: relative;
    /* left: 42px; */
}

.city,
.tempicon3 .city {
    display: block
}

.tempicon3 .min {
    padding-left: 5px
}

.text_one {
    margin-top: 11px;
    color: #919191;
    font-weight: normal;
}

.text_two {
    margin-top: 5px;
    color: #919191;
    display: inline-block;
    font-weight: normal;
}

#showweather p {
    font-size: 30px;
    color: #000
}

#showweather .city i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/location.png) center no-repeat;
    background-size: cover
}

@media (max-width:1250px) {
    #dayweather {
        display: none;
        z-index: -1
    }
    #cityweather .temp {
        padding: 10px 0
    }
}

@media (max-width:925px) {
    #cityweather .temp {
        padding: 0!important
    }
}

@media (max-width:880px) {
    .daybox {
        width: 15%!important;
        left: 0!important
    }
}

@media (max-width:700px) {
    .daybox {
        left: 0!important
    }
    .default_weather span {
        font-size: 12px!important;
        padding: 10px 0!important
    }
    .mask {
        // width: 85%!important
    }
    #localaddr_two {
        font-size: 24px;
        line-height: 20px;
    }
    .locationInfo h3 {
        font-size: 20px!important;
        text-align: center!important
    }
}

@media (max-width:400px) {
    #weekweather {
        display: none;
        z-index: -1
    }
    /* .wrap span {
        font-size: 20px!important
    } */
}

@media (max-height:954px) {
    #cityweather .temp {
        padding-bottom: 0
    }
    .mask {
        top: 0!important
    }
    #weekweather {
        bottom: auto!important
    }
    .daybox {
        margin-top: 0!important
    }
}



.arrow {
    position: absolute;
    right: -10px;
    top: 136px
}

.text_header {
    font-size: 33px!important;
    color: #f5974e!important;
    font-weight: 400!important
}

.daybox,
.header_top h1 {
    color: #fff;
    text-align: center
}

.header_top h1 {
    background: #a94442;
    font-size: 18px;
    padding: 10px
}

.banner {
    width: 100%;
    height: 100%;
    background: url(../images/search.gif) center no-repeat;
    background-size: cover
}

.mask {
    position: relative;
    width: 60%;
    left: 15%;
    top: 2%;
    min-height: 350px;
    background: rgba(0, 0, 0, .5);
}

.daybox {
    position: absolute;
    width: 10%;
    left: 5%;
    margin-top: 4%
}

.daybox .today {
    font-size: 24px
}

.daybox .default_weather {
    background-color: rgba(0, 0, 0, .3)
}


/* .mask .wrap>img,
.wrap>img {
    margin: 0 15px 0 auto;
    width: 6%;
    padding: 2% 0 0
} */

.wrap {
    position: relative;
    left: 15%;
    width: 70%;
    margin-top: 20px;
}

#dayweather,
#weekweather,
.daybox,
.mask,
.wrap {
    z-index: 2
}


/* .wrap span {
    display: inline-table;
    font-size: 30px;
    color: #000;
    line-height: 29px
}

.wrap span em {
    font-size: 21px
} */

.locationInfo {
    color: #fff;
    font-size: 30px;
    text-align: center
}

.locationInfo h3 {
    font-size: 20px;
    text-align: left;
    margin-left: 1%
}

.ng-binding {
    position: relative;
    height: 100px;
    /* margin-left: 1%; */
    /* width: 98%; */
}

.ng-binding .form-control {
    width: 90%;
    height: 70px;
    font-size: 26px !important;
    border-radius: 0 !important;
}

.ng-binding .btn-default,
.ng-binding .form-control {
    margin: 20px 0;
}

.ng-binding .form-control {
    margin: 0 0 0 0;
}

.ng-binding .btn-default,
.ng-binding .form-control,
.uc {
    /* float: left; */
}

.uc {
    padding-right: 20px
}

.ng-binding .btn-default {
    height: 70px;
    width: auto;
    /* margin-left: 2%; */
    border-radius: 10px;
    background: #089200;
    color: #fff;
    margin-top: 40px;
}

.ng-binding .btn-default:hover,
.ng-binding .btn-default:active,
.ng-binding .btn-default:focus {
    opacity: 0.8;
    color: #fff;
}

.ng-binding .btn-default:hover {
    /* background-color: #999; */
}

.close_01 {
    position: absolute;
    top: 13px;
    right: calc(5% + 12px);
    display: none;
}

.form-control:hover .close_01 {
    display: block
}

.description {
    text-align: left;
    background-color: #efefef
}

.description .container {
    padding-top: 25px;
    border-top: 1px solid #ccc
}

.description h2,
.description h3,
.description h4,
.description h5 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px
}

.description img {
    float: right
}

.description .left img {
    margin-left: 40px
}

.description .right img {
    margin-right: 40px;
    float: left
}

.description .left,
.description .right {
    padding-bottom: 40px;
    overflow: hidden
}

.description .right .text {
    margin-left: 200px
}

.description .left .text {
    margin-right: 200px
}

.description li h3 {
    font-size: 15px;
    margin-bottom: 0
}

.description li {
    float: left;
    width: 20%;
    font-size: 15px;
    font-weight: 400;
    color: #444;
    margin-bottom: 15px
}

.description ul {
    overflow: hidden;
    margin: 15px 0 0
}

#footer {
    background: #e3e3e3;
    color: #898989
}

#footer .top {
    padding: 20px 0
}

#footer .top img {
    float: left;
    margin-right: 20px;
    width: 80px
}

#footer .bottom {
    border-top: 1px solid #c9c9c9;
    line-height: 40px
}

#footer .bottom p {
    float: left
}

#footer .bottom ul {
    float: right;
    overflow: hidden;
    margin-top: 12px
}

#footer .bottom ul li {
    float: left;
    padding: 0 10px;
    border-right: 1px solid #898989;
    line-height: 16px
}

#footer .bottom ul li.last {
    border-right: 0 none;
    padding-right: 0
}

#footer .bottom ul li a {
    color: #898989
}

#footer .container {
    overflow: hidden
}

.template {
    float: left;
    margin-top: -13px;
    margin-left: 20px
}

.template .max {
    display: block;
    height: 20px
}

.template .mim {
    height: 10px
}

.btn-main .icon3 {
    margin-top: 10px
}

.localaddr_two {
    display: block;
    padding: 30px 0;
    line-height: 41px;
    padding-bottom: 14px;
}

.default_weather span {
    display: block;
    font-size: 16px;
    padding: 5px;
    text-transform: uppercase
}

header {
    position: relative;
    z-index: 10
}

.searchbox {
    font-size: 28px;
    border: 0 none;
}

.searchbox span {
    display: inline-block;
    vertical-align: middle;
    border: 0;
    width: 32px;
    height: 32px;
    margin: 0 0 0 10px;
    background: transparent url(../images/search-icon.png) center no-repeat;
    background-size: 32px 32px;
}

.mask_nav {
    width: 160px;
    position: absolute;
    right: -160px;
    top: 0;
    background: #089200;
    min-height: 350px;
    height: 350px;
    overflow: hidden;
}

.mask_nav a {
    font-size: 14px;
    color: white;
    padding-left: 5px;
    border-bottom: 1px solid white;
    padding: 10px 0;
    line-height: 38px;
    display: block;
    overflow: hidden;
    padding-left: 5px;
    cursor: pointer;
}

.mask_nav a:hover {
    color: #333;
    background: white;
}

@media only screen and (max-width: 1366px) {
    .mask {
        min-height: 350px;
    }
}

@media only screen and (max-width: 1280px) {
    #cityweather .temp img {
        height: 110px;
    }
    .temp-details {
        top: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .ads_div2,
    .ads_div3 {
        display: none!important;
        z-index: -1
    }
}

@media only screen and (max-width:1024px) {
        #ads_div{
            display: none;
        }
        .xmaction-pro-sprite{
            top: 46% !important;
        }
}
@media only screen and (max-width: 900px) {
    .xmaction-pro-sprite{
        width: 750px !important;
    }
    #minimap .mapboxgl-canvas{
        width: 700px!important;
    }
}
@media only screen and (max-width: 800px) {
    /*.ads_div{
		display: none!important;
		z-index: -1
	}*/
    .locationInfo {
        font-size: 20px;
    }
    .ng-binding {
        height: 80px;
    }
    .ng-binding .form-control {
        height: 50px;
        font-size: 16px !important;
    }
    .ng-binding .btn-default {
        height: 50px;
    }
    .searchbox {
        font-size: 16px;
    }
    .searchbox span {
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
    }
    .ng-binding .btn-default,
    .ng-binding .form-control {
        margin: 10px 0;
    }
    .mask {
        min-height: 250px;
    }
    .mask_nav {
        min-height: 250px;
        height: 250px;
    }
    .mask_nav a {
        line-height: 21px;
    }
    .temp-details {
        padding: 0;
    }
    #cityweather .icon2 {
        line-height: 40px;
    }
    .xmaction-pro-sprite{
        width: 750px !important;
    }
    #minimap .mapboxgl-canvas {
        width: 700px!important;
    }
}

@media (max-height: 690px) {
    #ads_div {
        display: none;
    }
    .xmaction-pro-sprite{
        top: 48% !important;
    }
}

.ng-binding .form-control {
    /* width:85%; */
}

.ng-binding .inputs img {
    margin-right: 24px;
}

@media(max-width:650px) {
    .ng-binding .inputs img {
        margin-right: 5px;
    }
}

@media(max-height:540px) {
 
    .xmaction-pro-sprite {
        top: 62%!important;
    }
    .xmaction{
        overflow-y: auto;
    }
}
@media(max-height:420px) {

    .xmaction-pro-sprite {
        top: 79%!important;
    }
    .xmaction{
        overflow-y: auto;
    }
}
@media(max-height:330px) {

    .xmaction-pro-sprite {
        top: 115%!important;
    }
    .xmaction{
        overflow-y: auto;
    }
}



/* s fixed bottom start*/

.results-2 {
    z-index: 10;
    box-shadow: 0px 2px 15px #a2a2a2;
}

.popup.results.results-3 {
    width: 820px;
    margin-left: -410px;
    margin-top: -193px;
    position: absolute;
    top: 50%;
}

@media (max-width:820px) {
    .popup.results.results-3 {
        margin-left: 0;
        left: 0;
        width: 100%;
    }
}

.popup.results.results-3 .weather-details2.seconds {
    width: 100%;
}


/* s fixed bottom end*/

.MicrosoftMap .as_lines_root {
    text-align: left!important;
}

.MicrosoftMap .as_lines_root p {
    text-align: left!important
}

.MicrosoftMap .as_container_search {
    width: 100%!important;
}

.wi0over {
    font-size: 13px!important;
    font-weight: normal!important;
    text-align: left;
    padding-top: 0px!important;
    width: 300px;
    height: 18px;
    overflow: hidden;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-down {
    padding: 5px;
    box-shadow: 0 0 5px #9fe000;
    width: 100%;
    /* margin-left: 5%; */
    border: 1px solid #21a024;
    outline: 0;
    position: absolute;
    top: 0;
    /* left: 0; */
    box-sizing: border-box;
    top: 70px;
    right: 0;
    display: none;
    background: white;
    z-index: 5;
}

.list-down ul {
    margin-bottom: 0;
}

.list-down ul li:first-child {
    border-top: none;
}

.list-down li {
    line-height: 16px;
    padding: 10px 5px;
    cursor: pointer;
    overflow: hidden;
    padding-bottom: 5px;
    text-align: left;
}

.list-down li:hover {
    background: #3f9912;
}

.list-down li:hover span {
    background-position-x: -14px;
}

.list-down li:hover b,
.list-down li:hover em {
    color: white;
}

.list-down li span {
    float: left;
    width: 16px;
    height: 22px;
    margin-top: -2px;
    display: inline-block;
    background: url(../images/map-ico.png) no-repeat left top;
    margin-right: 6px;
}

.list-down li b {
    width: calc(100% - 70px);
    float: left;
    display: block;
    line-height: 14px;
    white-space: normal;
    font-size: 14px;
    word-break: break-all;
    font-weight: normal;
}

.list-down li em {
    font-size: 14px;
    color: #888;
    float: right;
    font-style: initial;
}

#home-google-font {
    font-size: 12px;
    color: white;
    text-align: center;
    position: ;
    bottom: 0px;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    background: black;
    display: none;
}

#home-google-font p {
    font-size: 15px;
    color: white;
    font-weight: bold;
}

.ng-binding .inputs img {
    float: left;
    margin: 20px;
    /*margin-top: 63px; position: absolute; */
}

.search_div {
    position: relative;
    width: calc(100% - 100px);
    float: left;
    position: relative;
    /* margin-left: 50px; */
}

.ng-binding .form-control {
    width: 100%;
}

.search_div h1 {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 20px;
    position: absolute;
    top: -30px;
}

.inputs {
    margin-top: 10px;
}

.not-search-img.ng-binding .inputs img {
    display: none;
}

.not-search-img.ng-binding .search_div {
    margin-left: 50px
}

@media (max-height:550px) {
    #ads_div {
        display: none;
    }
}

@-webkit-keyframes gogogo {
    0% {
        -webkit-transform: scale(1.05)
    }
    50% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.05)
    }
}
/* it.css */
.xmaction {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 9980;
    display: none
}

.showpopup-pro {
    height: 165px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
}

.show_div_data i,
.show_div_data span {
    color: #333 !important;
    padding-left: 3px;
}

.xmaction-loading {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    padding: 20px 70px;
    border-radius: 20px;
    display: none;
    text-align: center;
    max-width: 500px
}

* {
    box-sizing: border-box
}

.xmaction-loading img {
    width: 80px
}

.xmaction-loading h4 {
    color: #333;
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 20px
}

.xmaction-pro,
.xmaction-result {
    display: none
}

.xmaction-pro-sprite,
.xmaction-result {
    width: 704px;
    background: #fff;
    /* padding: 30px 30px; */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 37%;
    border-radius: 10px;
    border: 5px solid #fff;
    padding: 30px 30px 5px 30px;
}

.xmaction-pro-sprite .ctitle {
    font-size: 30px;
    color: #ff9400;
    text-align: center;
    line-height: 25px;
    padding: 8px 0;
    font-weight: 700
}

.xmaction-pro-sprite .cclose {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    border-top-right-radius: 10px
}

.xmaction-result .showpopup {
    margin: 0 auto;
    width: 80%;
    overflow: hidden;
    color: #f4974e
}

.xmaction-result .showpopup em {
    font-style: normal;
    color: #999;
    color: #f4974e;
    margin-right: 5px
}

.xmaction-result .showpopup>div {
    float: left
}

.xmaction-result .showpopup-l {
    text-align: center;
    width: 30%
}

.xmaction-result .showpopup-l img {
    margin-bottom: -20px
}

.xmaction-result .showpopup-l p {
    line-height: 18px;
    color: #333;
    color: #f4974e;
    font-size: 15px
}

.xmaction-result .showpopup-c {
    text-align: center;
    width: 30%;
    position: relative;
    min-height: 86px
}

.xmaction-result .showpopup-c p.m {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%
}

.xmaction-result .showpopup-r {
    width: 40%;
    text-align: left;
    padding-top: 9px;
    text-align: center
}

.xmaction-result .showpopup-r p {
    line-height: 22px
}

.xmaction-pro-sprite .cdescription {
    /* padding: 20px 0; */
    text-align: center;
    margin: 0 auto;
    color: #000;
    line-height: 23px;
    font-size: 15px;
    font-weight: 700
}

.xmaction-pro-sprite .cdescription .t {
    font-size: 15px
}

.xmaction-pro-sprite .cdescription .b {
    font-size: 13px
}

.xmaction-pro-sprite .cdescription img {
    margin-right: 5px;
    vertical-align: middle
}

.xmaction-pro-sprite .cbrowser {
    font-size: 14px;
    color: #333;
    text-align: center;
    margin: 10px 0
}

.xmaction-pro-sprite .cbrowser img {
    vertical-align: middle;
    margin-left: 5px;
    height: 25px
}

.xmaction-pro-sprite .cbtn {
    text-align: center;
    padding-top: 15px;
    position: relative
}

.xmaction-pro-sprite .cbtn-jt {
    position: absolute;
    left: -36px;
    top: -105px
}

.xmaction-pro-sprite .cbtn button {
    font-size: 34px;
    background: #2f786b;
    border: none;
    border-radius: 15px;
    padding: 17px 85px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    outline: 0;
    background: -moz-linear-gradient(top, #20a688, #009372);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#20a688), to(#009372));
    background: -webkit-linear-gradient(top, #089200, #089200);
    background: -o-linear-gradient(top, #20a688, #009372);
    position: relative;
}

.xmaction-pro-sprite .cbtn button img {
    vertical-align: middle
}

.xmaction-pro-sprite .cbtn button:hover {
    opacity: .96
}

.xmaction-pro-sprite .cbtn button img {
    vertical-align: baseline;
    margin: 0 5px
}

@-webkit-keyframes gogogo {
    0% {
        -webkit-transform: scale(1.05)
    }
    50% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.05)
    }
}

@-webkit-keyframes gogogo {
    0% {
        -webkit-transform: scale(1.05)
    }
    50% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.05)
    }
}

.xmaction-result h2 {
    text-align: center;
    color: #f5974e;
    font-size: 28px;
    margin-bottom: 7px;
    padding-top: 8px;
    line-height: 1.3;
    padding: 10px 10px 10px 10px
}

.xmaction-wehater-list {
    margin-top: 15px;
    margin-right: 0;
    display: -webkit-box;
    overflow: auto;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.xmaction-wehater-list .temp {
    padding: 15px;
    border-right: 2px solid #fff;
    text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    text-align: center;
    flex: 1;
    color: #fff
}

.xmaction-wehater-list .temp h3 {
    font-size: 12px;
    white-space: nowrap;
    margin-bottom: 0;
    text-align: center;
    font-weight: 700;
    color: #333;
    line-height: 20px
}

.xmaction-wehater-list .temp-details img {
    margin-bottom: -10px
}

.xmaction-wehater-list .temp-details {
    text-align: center;
    color: #555
}

.crefresh {
    text-align: center;
    padding-top: 10px
}

.crefresh a {
    cursor: pointer
}

.showpopup-pro {
    text-align: center;
    padding-top: 18px
}

.showpopup-pro img {
    vertical-align: middle;
    margin-top: -20px
}

.showpopup-pro div {
    margin-left: 40px;
    color: #f5974e;
    display: inline-block
}


.xmaction-result {
    width: 750px!important
}