@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700");
@import url(/new-assets/css/bootstrap.min.css);
@import url(/new-assets/fontawesome/5.15.2/css/all.css);
* {margin: 0; padding: 0;}
body { font-family: "Roboto", sans-serif;}
a, a:hover, a:focus {text-decoration: none;}
ol,ul{margin:0}ol li,ul li{list-style:none;margin:1px 1px 1px 1px}
.text-color-gray {color: #969696;}
.text-color-blue {color: #007bff;}
.text-color-green {color: #59981A;}
.text-color-red-orange {color: #FF5349;}
.text-color-orchid {color: #C26DBC;}
.text-color-midnight-blue {color: #41729F;}
.text-color-rosewater {color: #D8A7B1;}
.text-color-red {color: #be4223;}
.text-color-aquamarine {color: #74BDCB;}
.text-color-dark-blue {color: #274472;}
.text-color-coffee-pot {color: #A49393;}
.text-color-lime-green {color: #81B622;}
.text-color-purple {color: #887BB0;}
.text-color-spearmint {color: #85D2D0;}

.border-color-gray {border-top: 3px solid #969696;}
.border-color-blue {border-top: 3px solid #007bff;}
.border-color-green {border-top: 3px solid #59981A;}
.border-color-red-orange {border-top: 3px solid #FF5349;}
.border-color-orchid {border-top: 3px solid #C26DBC;}
.border-color-midnight-blue {border-top: 3px solid #41729F;}
.border-color-rosewater {border-top: 3px solid #D8A7B1;}
.border-color-red {border-top: 3px solid #be4223;}
.border-color-aquamarine {border-top: 3px solid #74BDCB;}
.border-color-dark-blue {border-top: 3px solid #274472;}
.border-color-coffee-pot {border-top: 3px solid #A49393;}
.border-color-lime-green {border-top: 3px solid #81B622;}
.border-color-purple {border-top: 3px solid #887BB0;}
.border-color-spearmint {border-top: 3px solid #85D2D0;}

/* box Meteo */
.hp-box-meteo {width: 100%; padding: 0.25em; height: auto;}
.hp-box-meteo-content {width: 100%;	background-image: url(/img/bk-hp-m-meteo.jpg); background-size: cover; border-radius: .25rem;}
.hp-box-meteo-block {width: 20%; background-color: #0b1a21d1; cursor: pointer; padding: 18px 0px;}
.hp-box-meteo-block-first {border-bottom-left-radius: 5px;}
.hp-box-meteo-block-last {border-bottom-right-radius: 5px;}
.hp-box-meteo-block.active, .hp-box-meteo-block:hover {background-color: #000000de;}
.hp-meteo-detail {background: rgb(0 0 0 / 68%);}
.hp-meteo-text-city {color: #ccc; font-size: 1em; font-weight: 500; font-family: "Roboto", sans-serif;}
.hp-meteo-text-cond {color: #fff; font-size: 1.5em; font-weight: 300; letter-spacing: -1px; font-family: "Roboto", sans-serif;}
.hp-meteo-text-temp {color: #fff; font-size: 2.5em; font-weight: 500; font-family: "Roboto", sans-serif;}
.hp-meteo-fcast-data {color: #ccc; font-size: 0.7em; font-weight: 400; font-family: "Roboto", sans-serif;}
.hp-meteo-fcast-temp {color: #ccc; font-size: 1em; font-weight: 600; font-family: "Roboto", sans-serif;}
.hp-meteo-img-conditie {width: 100px;}

/* box Curs Valutar */
.hp-box-cursv {width: 100%; padding: 0.25em; height: auto;}
.hp-box-cursv-content {width: 100%;	background-image: url(/img/bk-hp-m-cursv.png); background-size: cover; height: 393px; border-radius: .25rem;}
.list-group.list-group-horizontal {display: flex; flex-direction: row;}
.list-group.list-group-horizontal .list-group-item {margin-bottom: 0; margin-right: 0; border-right-width: 0;}
.list-group.list-group-horizontal .list-group-item:first-child {border-top-right-radius:0; border-bottom-left-radius:4px;}
.list-group.list-group-horizontal .list-group-item:last-child {border-top-right-radius:4px; border-bottom-left-radius:0; border-right-width: 1px;}

.chart {vertical-align: middle; width: 100%; margin: 0 auto; position: relative; display: inline-block;}
p {text-align: center; font-family:'Verdana', sans-serif; font-size: 10px;}
canvas {height: 100%;}

.bg-img {background-position: center center; background-size: cover; background-repeat: no-repeat;}

.section-area .sub-section-area {position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%;}
.section-area .google-auto-placed {display: none;}
@media only screen and (max-width: 767px)
{
	.section-area .sub-section-area {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%;}
}


.big-add-area {position: relative; z-index: 1; padding: 0.25em; width: 100%;}

.article-sticker-area {position: absolute; z-index: 100; left: 10px; top: 10px; right: 10px;}
.article-sticker {z-index: 100; left: 0.75em; top: 0.75em;}
.article-sticker .article-sticker-video {text-transform: uppercase; font-size: 0.8em; display: block; font-weight: 700; background-color: #FF0000; outline: 2px solid #FF0000; width: fit-content; padding: 0 5px 0 5px; color: #FFF;}
.article-sticker .article-sticker-category {text-transform: uppercase; font-size: 0.8em; display: block; font-weight: 700; margin-bottom: 5px; background-color: #090909a6; outline: 2px solid #09090985; width: fit-content; padding: 1px 5px 1px 5px; color: #FFF;}
.article-sticker .article-sticker-category:hover, .article-sticker .article-sticker-category:focus {color: #FF0000;}
.article-sticker-area-play {position: absolute; z-index: 100; left: 5px;}
.article-sticker-area-play .article-sticker-play {text-transform: uppercase; font-size: 0.7em; font-weight: 700; padding: 1px 5px 1px 5px; color: #FF0000;}

.article-info-v1 {display: -webkit-box; display: -ms-flexbox; display: flex; color: #cccccc; font-size: 0.7em;}
.article-info-v2 {display: -webkit-box; display: -ms-flexbox; display: flex; color: #696969; font-size: 0.7em;}

.article-style-1 {height: 350px; margin: 0.25em; border-radius: 0.25rem;}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
	.article-style-1 {height: 290px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
	.article-style-1 {height: 240px;}
}
@media only screen and (max-width: 767px)
{
	.article-style-1 {height: 200px;}
}

.article-style-2 {height: 708px; margin: 0.25em; border-radius: 0.25rem;}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
	.article-style-2 {height: 600px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
	.article-style-2 {height: 500px;}
}
@media only screen and (max-width: 767px)
{
	.article-style-2 {height: 350px;}
}

.article-style-3 {height: 565px; border-radius: 0.25rem; margin-bottom: 1em;}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
	.article-style-3 {height: 565px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
	.article-style-3 {height: 500px;}
}
@media only screen and (max-width: 767px)
{
	.article-style-3 {height: 350px;}
}

.articles-area {position: relative; z-index: 1; padding: 15px 5px 0px 5px;}
.articles-area .google-auto-placed {display: none;}
.articles-content {position: relative; z-index: 1;}
.articles-area-heading {position: relative; z-index: 1; text-transform: uppercase; display: flex; padding: 5px 0 10px 0;}
.articles-area-heading-icon {font-size: 1.3em;}
.articles-area-heading h4 {margin-bottom: 0;    font-size: 1.4em; font-weight: 400;}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
	.articles-area-heading h4 {font-size: 1.4em;}
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
	.articles-area-heading h4 {font-size: 1.4em;}
}
@media only screen and (max-width: 767px)
{
	.articles-area-heading h4 {font-size: 1.4em;}
}

.big-articles-area {position: relative; z-index: 1;}
.big-articles-area .big-articles-section {position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%;}
@media only screen and (max-width: 767px)
{
	.big-articles-area .big-articles-section {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%;}
}
.big-articles-area .art-2 {height: 350px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 1; max-width: 50%; width: calc(50% - 10px); margin: 0.25em;	border-radius: 0.25rem;}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
	.big-articles-area .art-2 {height: 300px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
	.big-articles-area .art-2 {height: 250px;}
}
@media only screen and (max-width: 767px)
{
	.big-articles-area .art-2 {height: 200px;}
}

.article-v11 {position: relative; z-index: 1;}
.article-v11::after {position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; z-index: 5;}
.article-v11 .article-v11-content a {font-weight: 500; font-size: 1.6em; display: block; color: #FFF;}
.article-v11 .article-v11-content a:hover, .article-v11 .article-v11-content a:focus {color: #ff0000;}
.article-v11 .article-v11-content {position: absolute; z-index: 100; padding: 10px; bottom: 0px; background-color: #090909a6; width: 100%; border-radius: 0 0 0.25rem 0.25rem;}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
	.article-v11 .article-v11-content {left: 0px; bottom: 0px; right: 0px;}
	.article-v11 .article-v11-content a {font-weight: 400; font-size: 1.2em; display: block; color: #FFF;}
}
@media only screen and (max-width: 767px)
{
	.article-v11 .article-v11-content a {font-weight: 400; font-size: 1.2em; display: block; color: #FFF;}
	.article-v11 .article-v11-content {left: 0px; bottom: 0px; right: 0px;}
}

.article-v12 {position: relative; z-index: 1;}
.article-v12::after {position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; z-index: 5;}
.article-v12 .article-v12-content a {font-weight: 500; font-size: 1.2em; display: block; color: #FFF;}
.article-v12 .article-v12-content a:hover, .article-v12 .article-v12-content a:focus {color: #FF0000;}
.article-v12 .article-v12-content {position: absolute; z-index: 100; padding: 10px; bottom: 0px; background-color: #090909a6; width: 100%; border-radius: 0 0 0.25rem 0.25rem;}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
	.article-v12 .article-v12-content {left: 0px; bottom: 0px; right: 0px;}
	.article-v12 .article-v12-content a {font-weight: 400; font-size: 1em; display: block; color: #FFF;}
}
@media only screen and (max-width: 767px)
{
	.article-v12 .article-v12-content {left: 0px; bottom: 0px; right: 0px;}
	.article-v12 .article-v12-content a {font-weight: 400; font-size: 1em; display: block; color: #FFF;}
}

.article-v21 {position: relative; z-index: 1;}
.article-v21 .article-v21-thumb {position: relative; z-index: 1;}
.article-v21 .article-v21-thumb .article-v21-img {border-radius: .25rem; height: auto; width: 100%;}
.article-v21 .article-v21-content {width: 100%; padding: 5px;}
.article-v21 .article-v21-content a {font-size: 1.2em; display: block; font-weight: 400; color: #143e6b; padding-bottom: 0.5em;}
.article-v21 .article-v21-content a:hover, .article-v21 .article-v21-content a:focus {color: #FF0000;}
@media only screen and (max-width: 767px)
{
	.article-v21 .article-v21-content {left: 0px; bottom: 0px; right: 0px;}
	.article-v21 .article-v21-content a {font-size: 1.3em; font-weight: 400; color: #143e6b; padding-bottom: 0.5em;}
}

.article-v22 {position: relative; z-index: 1; border-bottom: 1px solid #dddddd;}
.article-v22 .article-v22-thumb {position: relative; z-index: 1;}
.article-v22 .article-v22-thumb .article-v22-img {width: 100px; border-radius: .25rem;}
.article-v22 .article-v22-content {width: 100%; padding: 0 0 0 10px;}
.article-v22 .article-v22-content a {font-size: 0.8em; display: block; font-weight: 400; color: #143e6b;padding-bottom: 0.5em;}
.article-v22 .article-v22-content a:hover, .article-v22 .article-v22-content a:focus {color: #FF0000;}
@media only screen and (max-width: 767px)
{
	.article-v22 .article-v22-content {left: 0px; bottom: 0px; right: 0px;}
	.article-v22 .article-v22-content a {font-size: 1em; font-weight: 400; color: #143e6b; padding-bottom: 0.5em;}
}

.article-v31 {position: relative; z-index: 1;}
.article-v31::after {position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; z-index: 5;}
.article-v31 .article-v31-content {position: absolute; z-index: 100; padding: 10px; bottom: 0px; background-color: #090909a6; width: 100%; border-radius: 0 0 0.25rem 0.25rem;}
.article-v31 .article-v31-content a {font-weight: 500; font-size: 1.6em; display: block; color: #FFF;}
.article-v31 .article-v31-content a:hover, .article-v31 .article-v31-content a:focus {color: #FF0000;}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
	.article-v31 .article-v31-content {left: 0px; bottom: 0px; right: 0px;}
}
@media only screen and (max-width: 767px)
{
	.article-v31 .article-v31-content {left: 0px; bottom: 0px; right: 0px;}
}

.article-v32 {position: relative; z-index: 1; border-bottom: 1px solid #dddddd;}
@media only screen and (min-width: 992px)
{
	.article-v32 {height: 370px;}
}
.article-v32 .article-v32-thumb {position: relative; z-index: 1;}
.article-v32 .article-v32-thumb .article-v32-img {border-radius: .25rem; height: auto; width: 100%;}
.article-v32 .article-v32-content {padding: 10px 5px 10px 0;}
.article-v32 .article-v32-content a {font-size: 1.1em; display: block; font-weight: 400; color: #143e6b; padding-bottom: 0.5em;}
.article-v32 .article-v32-content a:hover, .article-v32 .article-v32-content a:focus {color: #FF0000;}
@media only screen and (max-width: 767px)
{
	.article-v32 .article-v32-content a {font-size: 1.2em; line-height: 1.4em; display: block; font-weight: 400; color: #143e6b;}
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
	.article-v32 .article-v32-content a {font-size: 1.2em; line-height: 1.4em; display: block; font-weight: 400; color: #143e6b;}
}