/* Include this file in your html if you are using the CSP mode. */
@charset "UTF-8";
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {display: none !important;}
ng\:form {display: block;}
.ng-animate-shim {visibility:hidden;}
.ng-anchor {position:absolute;}
/* html body */
html {
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  min-height: calc(100vh);
}
body {
  font-family: 'Roboto Condensed',
  sans-serif !important;
  transition: margin .2s ease-in-out;
  color: #4a4a4a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-image: url('/load/img/back-ground-new.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  min-height: calc(100vh);
}
/* @media screen and (max-width:768px){
  body{background:#fff;color:#000000 !important;font-family: 'Roboto Condensed', sans-serif !important;font-size:16px !important;width: 100%;margin: 0;}
} */
/* a, a:visited, a b{cursor:pointer;outline: none !important;} */
a:hover{text-decoration:none !important;}
a, a:focus, a:active{outline: none !important;}
a img{border:none;}
a:focus,button:focus,input:focus,:focus {outline: none !important;}
a::-moz-focus-inner,button::-moz-focus-inner,input::-moz-focus-inner,::-moz-focus-inner {border: 0 !important;outline: none !important;}
/* a{color:#000; text-decoration:none; cursor: pointer;} */
select,select:focus,select:active{outline: none !important;}
select::-moz-focus-inner {border: 0 !important;outline: none !important;}
select:-moz-focusring {color: transparent !important;text-shadow: 0 0 0 #000 !important;}
:focus {outline: none !important;}
::-moz-focus-inner {border: 0 !important;}
/* font */
@font-face {font-family: 'FontAwesome';font-display: auto; src: local('FontAwesome'), url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2');}
@font-face {font-family: 'Roboto Condensed';font-display: auto; src: local('Roboto Condensed'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');}
@font-face {font-family: 'Roboto Condensed';font-display: auto; src: local('Roboto Condensed'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DQk6YvNkeg.woff2) format('woff2');}
/* My CSS */
ul li{list-style-type:none;}
/* content_weather */
.weather-main {max-width: max-content;/*background-color: rgba(255, 255, 255, 0.21);*/color: #fff;font-size: 1.1rem;padding: 1rem 2rem;margin: 1rem auto 1rem auto;border-radius: 0.5rem;border: 1px solid rgba(100, 100, 100, 0.7);}
.general-container {display: flex;align-items: center;}
.general-container-img {display: block;margin-left: auto;margin-right: auto;background-color: rgba(143, 143, 143, 0.71);border-radius: 25px;max-width: max-content;}
.wheather-data-container {margin: 1rem 0.5rem;}
.weather-icon {display: block;margin-left: auto;margin-right: auto;}
.weather-icon-clear {position:relative;width:16px;right: 5px;top: 3px;}
.iwidth {width:38px;}
.search-btn {margin: 1rem auto 0 auto;padding: 0.5rem 1rem;border: none;color: #fff;background: none;}
.search-btn:hover {margin: 1rem auto 0 auto;padding: 0.5rem 1rem;border: none;color: #fff;background: none;}
.div-input-search {background-color: transparent;margin: 2rem auto 0 auto;width: max-content;padding: 0.5rem;border-bottom: 1px solid #fff;}
.input-search {background-color: transparent; color: rgb(255, 255, 255); border: 0px none;font-size:18px;}
/* start new css */
.dark-wide-block .container {background-color: #313131;}
.section-intro-content .section {padding: 0 1.5rem;}
.section-intro-content {padding: 0 !important;min-height: calc(100vh - 150px);}
.intro-uiview-parent {width: max-content;margin-left: auto;margin-right: auto;}
.intro-uiview-parent .container {background-color: #5a5a5a;opacity:0.8}
.intro-text-block {padding:15px;color: #fff;font-size: 1.5rem;}
.sunf {color: #fff;font-size: 1.6rem;margin: 0 0 0 0.7rem;}
.cloudf {color: #fff;font-size: 1.6rem;margin: 0 0.7rem 0 -0.88rem;}
.header-container {display: flex;overflow: hidden;border-radius: 10px;}
.header-columns {text-align: center;margin-top: 0;margin-bottom: 10px;padding: 20px 15px;background: transparent;color:#fff}
.white-block {background-color: transparent;padding: 20px;}
.banner-benefits {border-bottom: 1px solid #eee;}
.home-content {margin: 20px 0 40px !important;}
.search-box {background-color: #f5f5f5;transition: height .2s ease-in-out;padding-left: 30px;padding-right: 30px;position: relative;display: flex;align-items: center;border-radius: 4px;width: 100%;}
.search-icon-search {left: 8px;}
.search-icon-clear {right: 8px;top:18px;}
.search-icon-clear, .search-icon-search {cursor: pointer;position: absolute;width: 14px;height: 14px;}
.search-input {background-color: transparent;border: none;outline: none;height: 3rem;width: 100%;}
.dark-overflow {background: rgba(0,0,0,.4);position: fixed;top: 3.25rem;left: 0;height: 100%;z-index: 1001;width: 100%;}
footer {padding: 0.5rem;position: fixed;bottom: 0;width: 100%;text-align: center;font-size: 0.8rem;background-color: rgba(10, 10, 10, 0.7);color: #fff;}
footer a {padding: 0 0.5rem;color: #fff;}
/****************************/
/* For Mobile version */
@media screen and (max-width:769px) {
body.search-active {margin-top: 6.25rem;}
body.noscroll {position: fixed;overflow: hidden;}
.header-columns {padding: 0;text-align: center;}
.container{background:transparent;padding:0px;margin-top:0px;}
.section-intro-content .section {padding: 3rem 0.5rem;}
.intro-uiview-parent {width: 90%;margin-left: auto;margin-right: auto;}
.intro-text-block {padding:0px;color: #fff;font-size: 1rem;}
.search-box {width: 92%;position: absolute;overflow: hidden;top: 3.25rem;left: 4%;margin: .5rem auto;height: 0;}
.search-box.search-active, .search-input {height: 2rem;}
.search-icon-search {left: 8px;top: unset;}
.search-icon-clear {right: 6px;top: 8px;font-size: 24px;width: 18px;height: 18px;}
}