*/.forecast-container {
     width: 100%;
     background: #E9F1EB;
     display: table;
     table-layout: fixed;
     width: 100%;
     overflow: hidden;
     border-radius: 10px;
     margin-top: -130px;
     margin-bottom: 50px
 }

 .forecast-container .forecast {
     display: table-cell;
     vertical-align: top
 }

 .forecast-container .forecast:nth-child(even) {
     background-color: #09efe0
 }

 @media screen and (max-width:990px) {
     .forecast-container .forecast {
         display: block;
         width: 16.6667%;
         float: left
     }
 }

 .forecast-container .forecast.today {
     width: 420px
 }

 .forecast-container .forecast.today .forecast-header {
     *zoom: 1
 }

 .forecast-container .forecast.today .forecast-header:after {
     content: " ";
     clear: both;
     display: block;
     overflow: hidden;
     height: 0
 }

 .forecast-container .forecast.today .forecast-header .day {
     float: left
 }

 .forecast-container .forecast.today .forecast-header .date {
     float: right
 }

 .forecast-container .forecast.today .forecast-content {
     text-align: left;
     padding-top: 30px;
     padding-bottom: 30px
 }

 .forecast-container .forecast.today .location {
     font-size: 18px;
     font-size: 1.2857142857em;
     font-weight: 400
 }

 .forecast-container .forecast.today .degree .num,
 .forecast-container .forecast.today .degree .forecast-icon {
     display: inline-block;
     vertical-align: middle
 }

 .forecast-container .forecast.today .degree .num {
     font-size: 90px;
     font-size: 6.4285714286rem;
     margin-right: 30px
 }

 .forecast-container .forecast.today span {
     margin-right: 20px;
     color: #000
 }

 .forecast-container .forecast.today span img {
     margin-right: 5px;
     vertical-align: middle
 }

 @media screen and (max-width:990px) {
     .forecast-container .forecast.today {
         display: block;
         width: 100%
     }
 }

 .forecast-container .forecast .forecast-header {
     background: rgb(28 172 217);
     padding: 10px;
     text-align: center;
     font-weight: 400
 }

 .forecast-container .forecast .forecast-icon {
     height: 50px
 }

 .forecast-container .forecast .forecast-content {
     padding: 50px 20px 10px;
     text-align: center
 }

 .forecast-container .forecast .forecast-content .forecast-icon {
     margin-bottom: 20px
 }

 .forecast-container .forecast .forecast-content .degree {
     font-size: 24px;
     font-size: 1.7142857143em;
     color: rgb(0, 0, 0);
     font-weight: 700
 }

 .forecast-container .forecast .forecast-content small {
     font-size: 16px;
     font-size: 1.1428571429em
 }

 .fullwidth-block {
     padding: 70px 0
 }

 .section-title {
     color: #000;
     padding-bottom: 26px;
     font-size: 20px;
     font-family: artisantic
 }

 .filter {
     margin-bottom: 30px
 }

 .filter-control {
     border: 2px solid #262936;
     padding: 5px 5px 5px 20px;
     border-radius: 30px;
     display: inline-block;
     white-space: nowrap
 }

 .filter-control label {
     margin-right: 10px;
     display: inline-block;
     padding: 10px;
     vertical-align: middle
 }

 .select.control {
     background: #262936;
     border-radius: 40px;
     overflow: hidden;
     display: inline-block;
     vertical-align: middle;
     padding-right: 30px;
     position: relative
 }

 .select.control:after {
     content: " ";
     width: 7px;
     height: 9px;
     background: url(images/arrow-down.png);
     position: absolute;
     right: 10px;
     top: 0;
     bottom: 0;
     margin: auto;
     display: block;
     z-index: 1
 }

 .select.control select {
     padding: 10px 30px;
     width: 110%;
     border: none;
     background: none;
     outline: none;
     appearance: none;
     -webkit-appearance: none;
     color: white
 }

 .live-camera {
     margin-bottom: 30px
 }

 .live-camera .live-camera-cover {
     position: relative;
     margin-bottom: 20px;
     width: 100%;
     min-height: 178px;
     max-height: 178px;
     cursor: pointer
 }

 .live-camera .live-camera-cover:after {
     content: " ";
     width: 45px;
     height: 45px;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
     background: url(images/play-button.png)
 }

 .live-camera .live-camera-cover img {
     display: block;
     width: 100%;
     height: auto;
     max-width: 100%;
     border-radius: 5px
 }

 .live-camera .location {
     margin-bottom: 5px;
     color: white;
     font-weight: 300
 }

 .ex-r {
     color: black;
     text-align: justify;
     font-size: 16px;
     font-family: 'Gothic A1';
     line-height: 1.5;
 }

 .news {
     position: relative
 }

 .news .date {
     position: absolute;
     top: 0;
     left: 0;
     color: #009ad8;
     font-size: 24px;
     font-size: 1.7142857143em
 }

 .news h3 {
     font-size: 14px;
     font-size: 1em
 }

 .news h3 a {
     color: white
 }

 .arrow-feature {
     list-style-type: none
 }

 .arrow-feature li {
     position: relative;
     padding-left: 30px
 }

 .arrow-feature li:before {
     content: " ";
     width: 12px;
     height: 7px;
     background: url(images/arrow.png);
     position: absolute;
     left: 0;
     top: 5px
 }

 .arrow-feature li h3 {
     font-size: 14px;
     font-size: 1em;
     color: white
 }

 .arrow-list {
     list-style-image: url(images/arrow.png);
     list-style-position: inside
 }

 .arrow-list li {
     padding: 10px 0;
     border-bottom: 1px solid rgba(255, 255, 255, .1)
 }

 .arrow-list li:last-child {
     border-bottom: none
 }

 .arrow-list a {
     color: white;
     font-size: 11px;
     text-align: justify;
     font-weight: 400
 }

 .arrow-list a:hover {
     color: #d82400
 }

 .photo-grid {
     margin: 0 -5px
 }

 .photo-grid a {
     width: 33.333%;
     padding: 5px;
     float: left
 }

 .photo-grid a img {
     display: block;
     width: 100%;
     max-width: 100%;
     height: auto
 }

 .breadcrumb {
     background: #262936;
     border-radius: 40px;
     padding: 20px 30px;
     font-size: 13px;
     font-size: .9285714286em
 }

 .breadcrumb a {
     color: #bfc1c8
 }

 .breadcrumb a:after {
     content: " ";
     display: inline-block;
     vertical-align: middle;
     width: 12px;
     height: 7px;
     background: url(images/arrow-gray.png) no-repeat;
     margin: 0 10px
 }

 .breadcrumb a:hover {
     text-decoration: underline
 }

 .breadcrumb span {
     color: white
 }

 .post {
     padding: 50px 0 10px 0;
     border-bottom: 1px solid rgba(255, 255, 255, .1)
 }

 .post.single {
     border-bottom: none
 }

 .post:first-child {
     padding-top: 0
 }

 .post .entry-title {
     font-size: 30px;
     font-size: 29px;
     font-weight: 500;
     color: black;
     font-family: atisantic;
     padding-bottom: 17px
 }

 .post .featured-image {
     margin-bottom: 20px
 }

 .post .featured-image img {
     width: 100%;
     max-width: 100%;
     height:600px;
     border-radius: 5px;
     display: block
 }

 .post p {
     font-size: 16px;
     font-family: 'Gothic A1';
     color: black;
     text-align: justify;
     font-weight: 400
 }

 .entry-content blockquote {
     margin-left: 50px;
     padding-left: 50px;
     position: relative
 }

 .entry-content blockquote:before {
     content: " ";
     width: 30px;
     height: 23px;
     background: url(images/quote.png);
     position: absolute;
     top: 0;
     left: 0
 }

 .entry-content blockquote p {
     font-size: 24px;
     font-size: 1.7142857143rem;
     color: #009ad8
 }

 .photo {
     position: relative;
     padding-left: 50%;
     min-height: 190px;
     border-radius: 10px;
     overflow: hidden;
     background: #262936;
     margin-bottom: 30px
 }

 .photo .photo-preview {
     position: absolute;
     width: 50%;
     left: 0;
     top: 0;
     bottom: 0;
     background-size: cover
 }

 .photo .photo-details {
     padding: 20px
 }

 .photo .photo-title {
     margin-bottom: 10px;
     font-weight: 300
 }

 .photo .photo-title a {
     color: white
 }

 .star-rating {
     float: none;
     overflow: hidden;
     position: relative;
     height: 15px;
     line-height: 15px;
     font-size: 16px;
     width: 100px;
     font-family: 'FontAwesome'
 }

 .star-rating:before {
     content: "\f005\f005\f005\f005\f005";
     color: #1e202b;
     float: left;
     top: 0;
     left: 0;
     position: absolute
 }

 .star-rating span {
     overflow: hidden;
     float: left;
     top: 0;
     left: 0;
     position: absolute;
     padding-top: 1.5em;
     color: #009ad8;
     font-size: 16px
 }

 .star-rating span:before {
     content: "\f005\f005\f005\f005\f005";
     top: 0;
     position: absolute;
     left: 0
 }

 .contact-details {
     background: #262936;
     border-radius: 10px;
     overflow: hidden
 }

 .contact-details .map {
     border-top-left-radius: 10px;
     border-top-right-radius: 10px
 }

 .contact-details .contact-info {
     padding: 20px
 }

 .contact-details address {
     padding-left: 30px;
     position: relative
 }

 .contact-details address img {
     position: absolute;
     left: 0;
     top: 0
 }

 .contact-details a {
     margin-right: 20px;
     color: #bfc1c8
 }

 .contact-details a img {
     margin-right: 10px;
     vertical-align: middle
 }

 .contact-form [class*="col"] {
     padding: 0 5px
 }

 .contact-form .row {
     margin: 0 -5px
 }

 .contact-form input:not([type="submit"]),
 .contact-form textarea {
     width: 100%;
     padding: 15px;
     margin-bottom: 10px;
     color: white;
     border: 2px solid #393c48;
     background: transparent
 }

 .contact-form input:not([type="submit"]):hover,
 .contact-form input:not([type="submit"]):focus,
 .contact-form textarea:hover,
 .contact-form textarea:focus {
     border-color: #009ad8
 }

 .contact-form textarea {
     min-height: 150px
 }

 .contact-form .text-right {
     text-align: right
 }

 .sidebar .widget {
     background: #000000;
     border-radius: 10px;
     padding: 20px;
     margin-bottom: 30px
 }

 .sidebar .widget .widget-title {
     font-size: 22px;
     margin-bottom: 20px;
     font-weight: 500;
     color: #fff;
     font-family: artisantic
 }

 .sidebar .widget .arrow-list li {
     border: none
 }

 .sidebar .widget.top-rated {
     padding: 0
 }

 .sidebar .widget.top-rated .widget-title {
     padding: 20px 20px 0
 }

 .sidebar .widget.top-rated ul {
     list-style: none
 }

 .sidebar .widget.top-rated ul li {
     border-bottom: 1px solid rgba(255, 255, 255, .1);
     padding: 10px 20px
 }

 .sidebar .widget.top-rated ul li:last-child {
     border-bottom: none
 }

 .sidebar .widget.top-rated .entry-title {
     font-size: 14px;
     font-size: 1em;
     margin-bottom: 5px;
     font-weight: 300
 }

 .sidebar .widget.top-rated .entry-title a {
     color: #bfc1c8
 }

 .sidebar .widget.top-rated .rating strong {
     color: #009ad8
 }

 .site-footer {
     background: #262936;
     padding: 50px 0
 }

 .site-footer .subscribe-form {
     position: relative;
     margin-bottom: 30px
 }

 .site-footer .subscribe-form input[type="text"] {
     padding: 20px 100px 20px 20px;
     background: #1e202b;
     width: 100%;
     color: white
 }

 .site-footer .subscribe-form input[type="submit"] {
     position: absolute;
     right: 5px;
     top: 5px;
     bottom: 5px
 }

 .site-footer .social-links a {
     width: 40px;
     height: 40px;
     display: inline-block;
     border-radius: 50%;
     background: #1e202b;
     color: #009ad8;
     text-align: center;
     line-height: 2;
     -webkit-transition: .3s ease;
     transition: .3s ease;
     font-size: 20px;
     font-size: 1.4285714286em
 }

 .site-footer .social-links a:hover {
     background: #009ad8;
     color: white
 }

 .counter {
     background-color: #2e3144;
     padding: 20px 0;
     border-radius: 5px;
     margin-top: 5px
 }

 .count-title {
     font-size: 40px;
     font-weight: normal;
     margin-top: 10px;
     margin-bottom: 0;
     text-align: center
 }

 .count-text {
     font-size: 13px;
     font-weight: normal;
     margin-top: 10px;
     margin-bottom: 0;
     text-align: center
 }

 .fa-2x {
     margin: 0 auto;
     float: none;
     display: table;
     color: #4ad1e5
 }

 .icon-round {
     border-radius: 50%
 }

 .note {
     text-align: center;
     height: 200px;
     opacity: .9;
     border-radius: 15px;
     background: #2e3144 !important;
     color: #fff;
     font-weight: bold;
     line-height: 80px
 }

 .form-content {
     padding: 5%;
     margin-bottom: 2%
 }

 .form-control {
     border-radius: 1rem;
     padding: 10px
 }

 .btnSubmit {
     border: 1px solid white;
     border-radius: 1.5rem;
     padding: 9%;
     width: 100%;
     cursor: pointer;
     background: #0063cc00;
     text-align: center;
     margin-top: 23px;
     color: #fff
 }

 .form-group {
     padding: 10px
 }

 .action-botton {
     padding: 14px;
     margin-bottom: 8px;
     margin-top: 67px;
     border-radius: 35px;
     border: 1px solid white;
     font-size: 20px;
     font-family: auto;
     color: rgb(255, 255, 255);
 }

 .contact-botton {
     padding: 14px;
     margin-bottom: 8px;
     border-radius: 35px;
     border: 1px solid white;
     font-size: 20px;
     font-family: auto;
     color: rgb(255, 255, 255);
 }

 .action-botton {
     background: linear-gradient(#00c3ff 0 0) left / var(--p, 0) no-repeat;
     transition: .4s, background-position 0s;
 }

 .action-botton:hover {
     --p: 100%;
     background-position: right;
 }

 .contact-botton {
     background: linear-gradient(#00c3ff 0 0) left / var(--p, 0) no-repeat;
     transition: .4s, background-position 0s;
 }

 .contact-botton:hover {
     --p: 100%;
     background-position: right;
 }

 .form-label {
     margin-bottom: .5rem;
     font-size: 16px;
     font-family: auto;
     color: #fff;
     padding: 5px;
 }

 .owl-nav {
     text-align: center;
     font-size: 30px;
     padding: 20px;
 }

 .team-img {
     width: 100%;
     border-radius: 13px;
 }

 .team-p {
     font-size: 13px;
     text-align: justify;
 }

 .hotline {
     text-align: center;
     font-size: 35px;
     font-family: cursive;
     font-weight: 600;
     color: #ffffff;
     margin-top: 18px;
 }

 .hotline-number {
     font-size: 35px;
     color: white;
 }

 .logo {
     height: 150px;
     width: 200px;
     margin-top: -43px;
     margin-bottom: -41px;
 }

 .h1-title {
     font-size: 20px;
     color: #fff;
     font-weight: 500;
 }

 .contact-h {
     font-size: 16px;
     padding-top: 45px;
     text-align: justify;
 }

 .title-text {
     font-size: 27px;
     font-family: 'GOTHIC A1';
     margin-top: 20px;
     color: #000000;
     MARGIN-BOTTOM: 21PX;
 }

 .title-p {
     font-size: 19px;
     color: #000000;
     text-align: justify;
     font-weight: 500;
     font-family: artistic;
 }

 .hr-divider {
     height: 4px !important;
     color: #00e874 !important;
     opacity: 1;
     width: 9%;
     margin-top: -6px;
 }

 footer {
     background: #000000;
 }

 .menu-link,
 li,
 a {
     color: #fff;
 }

 .about-site-title {
     margin-top: -23px;
     font-size: 16px;
     font-family: 'Gothic A1';
     text-align: justify;
 }