/*CSS Document*/



/*-------Media------*/

@media only screen and (min-width: 320px) and (max-width: 479px)  {



/*Styles for Home*/

body {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  text-decoration: none;
  text-align: left;
	font-family: 'Prompt', sans-serif;
	font-weight: 400;
  color: #232323;
  background: #f1f1f1;
  white-space: normal;
  -webkit-text-size-adjust: 100%;
}

header {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  float: left;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
  z-index: 1;
}

main {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 0 5%;
  background: #fff;
  position: relative;
  float: left;
}

section {
  width: 90%;
  height: auto;
  xmin-height: 50em;
  margin: 0;
  padding: 0 5%;
  background: #fff;
  position: relative;
  float: left;
}

aside {
  width: 90%;
  height: auto;
  xmin-height: 5em;
  margin: 0;
  padding: 0 5%;
  background: #fff;
  position: relative;
  float: left;
}

footer  {
  width: 90%;
  height: auto;
  margin: 0 5%;
  padding: 0;
  background: #fff;
  border-top: 2px solid #076cb4;
  position: relative;
  float: left;
}


#wrapper {
  width: 100%;
  height: auto;
  min-height: 50em;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  overflow: hidden;
}


html {
  scroll-behavior: smooth;
}

a, a:link, a:visited, a:hover, a:active {
  color: inherit;
	text-decoration: none;
  border: none;
  outline: none;
}

a img {
  display: block;
  border:none;
  outline:none;
}

p {
  margin: 0;
  padding: 0;
}

input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
  box-shadow: none;
  border-color: initial;
  -moz-appearance: none;
  -webkit-appearance: none;
}


.top  {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

#back-top {
	position: fixed;
  right: 0;
	bottom: 1.75%;
	margin-right: 0;
  z-index: 1;
}

#back-top a {
  width: 22px;
  opacity: 0.5;
	display: block;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover {
	opacity: 1.0;
}


.brand_left {
  display: none;
}

.brand_right  {
  display: none;
}

.bannBrandL, .bannBrandR  {
  margin: 0;
  padding: 0;
}


.container {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.containerFoot {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 24px 0;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
}

.containerFootCopy {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 16px 0;
  position: relative;
  float: left;
}


.desktopOnly {
  display: none;
}

.desktopFlexOnly {
  display: none;
}

.tabletOnly {
  display: none;
}

.mobileOnly {
  display: block;
}

.mobileFlexOnly {
  display: none;
}


.backFldFoot  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 16px 0;
  position: fixed;
  float: left;
  bottom: 0;
  top: auto;
  background: #176eb2;
  z-index: 3;
}

.backFld  {
  width: 96%;
  height: auto;
  margin: 0 2%;
  padding: 0;
  position: relative;
  float: none;
}

.backFldTxt {
  display: none;
}

.backBltDate  {
  font-weight: 500;
}

.backFldBtn {
  width: 150px;
  height: 14px;
  margin: 0 auto;
  padding: 8px 20px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 15px;
  position: relative;
  float: none;
}

.backBtnIcn {
  width: 17px;
  height: 14px;
  margin: 0 10px 0 0;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}

.backBtnTxt {
  margin: -3px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  float: left;
}


.topMenu  {
  width: 90%;
  height: auto;
  margin: 20px 5%;
  padding: 0;
  position: relative;
  float: left;
}


.logoFld {
  width: 146px;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.logoFld img {
  display: block;
  outline: none;
  border: none;
}

.logo {
  width: 146px;
  height: auto;
  margin: 0;
  padding: 0;
}


.edtBtnRes {
  display: block;
  width: 24px;
  height: auto;
  margin: 12px 0 0 20px;
  padding: 0;
  position: relative;
  float: left;
}

.editionsRes {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  color: #232323;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: 'Prompt', sans-serif;
  border: none;
  cursor: pointer;
  position: fixed;
  float: left;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.edtTl {
  width: 93%;
  height: auto;
  margin: 12px 3.5%;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  line-height: 1.75;
  color: #656565;
  position: relative;
  float: left;
}

.edtClsIcn {
  width: 24px;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
}


.dropdownFld {
  display: none;
}

.dropdown {
  display: none;
}

.dropbtn {
  display: none;
}

.dropdown-content {
  display: none;
}

.dropdown-content a {
  display: none;
}

.dropdown-content a:hover {display: none;}

.dropdown:hover .dropdown-content {
  display: none;
}

.dropdown:hover .dropbtn {
  display: none;
}


.dropdownFldM {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.dropdownM {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  display: block;
}

.dropbtnM {
  width: 230px;
  background: #fff;
  color: #232323;
  margin: 0;
  padding: 10px 15px;
  font-size: 13px;
  font-family: 'Prompt', sans-serif;
  text-align: left;
  border: none;
  cursor: pointer;
}

.dropdown-contentM {
  display: block;
  position: relative;
  background-color: #fff;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: 'Prompt', sans-serif;
  border-top: 1px solid #cbcbcb;
  z-index: 1;
}

.dropdown-contentM a {
  color: #232323;
  margin: 0;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
}

.dropdown-contentM a:hover {background-color: #f1f1f1}

.dropdownM:hover .dropdown-contentM {
  display: block;
}

.dropdownM:hover .dropbtnM {
  background: transparent;
}


.dropdownShr {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  display: block;
}

.dropdown-contentShr {
  display: block;
  position: relative;
  background-color: #fff;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: 'Prompt', sans-serif;
  z-index: 1;
}

.dropdown-contentShr a {
  width: 100%;
  height: 28px;
  color: #232323;
  margin: 0;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
}

.dropdown-contentShr a:hover {background-color: #f1f1f1}

.dropdownShr:hover .dropdown-contentShr {
  display: block;
}


.bold {
  font-weight: 600;
}


.dropIcn {
  width: 24px;
  height: auto;
  margin: 2px 10px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.dropIcnArrow {
  margin: 0 0 0 25px;
  padding: 0;
  vertical-align: middle;
}

.dropIcnArrowM {
  width: 32px;
  height: auto;
  margin: 10px 0;
  padding: 0;
  position: relative;
  float: right;
}

a.lnTop {
  border-top: 1px solid #9c9c9c;
}


.hrM {
  width: 100%;
  height: 12px;
  margin: 0;
  padding: 0;
  background: #f1f1f1;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
}


.footContM {
  width: 100%;
  height: auto;
  margin: 0 0 45px 0;
  padding: 0;
  position: relative;
  float: left;
}


.footRowM {
  margin: 0;
  padding: 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #9e9e9e;
  border-bottom: 1px solid #cbcbcb;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.footRowM a:hover {
  color: #232323;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.search-container {
  display: none;
}


#searchBtnRes {
  display: block;
  width: 28px;
  height: auto;
  margin: 8px 38px 0 0;
  padding: 0;
  cursor: pointer;
  position: relative;
  float: right;
}

.search-containerRes {
  display: block;
  width: 100%;
  height: 40px;
  margin: 20px 0 0 0;
  padding: 0;
  background: #f1f1f1;
  border-radius: 20px;
  position: relative;
  float: left;
}

.search-containerRes input[type=text] {
  width: 78.5%;
  margin: 0 0 0 24px;
  padding: 10px 0;
  font-size: 16px;
  color: #656565;
  background: #f1f1f1;
  border: none;
  -webkit-padding-before: 12px;
}

.search-containerRes input[type=text]:focus {
  background: #f1f1f1;
}

.search-containerRes button {
  margin: 0;
  padding: 6px 15px 6px 0;
  font-size: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.search-containerRes button:hover {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.search-containerM {
  display: block;
  width: 93%;
  height: 40px;
  margin: 10px 3.5%;
  padding: 0;
  background: #f1f1f1;
  border-radius: 20px;
  position: relative;
  float: left;
}

.search-containerM input[type=text] {
  width: 76.5%;
  margin: 0 0 0 24px;
  padding: 10px 0;
  font-size: 16px;
  color: #656565;
  background: #f1f1f1;
  border: none;
  -webkit-padding-before: 12px;
}

.search-containerM input[type=text]:focus {
  background: #f1f1f1;
}

.search-containerM button {
  margin: 0;
  padding: 6px 15px 6px 0;
  font-size: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-padding-end: 10px;
}

.search-containerM button:hover {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.userTopFld {
  display: none;
}

.userTopFldM {
  width: 95%;
  height: 20px;
  margin: 0;
  padding: 15px 2.5%;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
}

.signInTopFld {
  width: auto;
  height: 20px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  border-right: 1px solid #232323;
  position: relative;
  float: left;
}

.signInTopFld p {
  width: auto;
  height: 20px;
  margin: 0 10px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.signInTopFld a {
  font-size: 12px;
  font-weight: 500;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.signInTopFld a:hover {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.topMenuIcn {
  width: 20px;
  margin: -1px 5px 0 5px;
  padding: 0;
  position: relative;
  float: left;
}

.topMenuUser {
  width: 26px;
  height: 26px;
  margin: -4px 5px 0 0;
  padding: 0;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.75;
  color: #fff;
  background: #076cb4;
  border-radius: 13px;
  text-align: center;
  position: relative;
  float: left;
}


.signInTopFldHov {
  opacity: 1;
  width: 95%;
  height: auto;
  margin: 0;
  padding: 15px 2.5%;
  background: #fff;
  border-radius: 4px;
  box-shadow: none;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
  top: 0;
  left: 0;
  z-index: 1;
}

.usernameTl {
  width: 100%;
  height: auto;
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 10px 0;
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}

.usernameIcn {
  max-width: 100px;
  max-height: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}


.meKTopFld {
  width: auto;
  height: 20px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.meKTopFld p {
  width: auto;
  height: 20px;
  margin: 0 0 0 10px;
  padding: 0;
  position: relative;
  float: left;
}

.meKTopFld a {
  font-size: 12px;
  font-weight: 500;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.meKTopFld a:hover {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contactTopFld {
  width: auto;
  height: 20px;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  float: left;
}

.contactTopFld p {
  width: auto;
  height: 20px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contactTopFld a {
  font-size: 12px;
  font-weight: 500;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contactTopFld a:hover {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


#bgMask {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 0;
  position: fixed;
  float: left;
  top: 0;
  left: 0;
  z-index: 2;
}


.navBar  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}


.navMenu  {
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  float: right;
  top: 28px;
  right: 5%;
  z-index: 4;
}

.navMenuImg {
  width: 28px;
  height: auto;
  margin: 0;
  display: block;
  position: relative;
  float: right;
}


.navBarH {
  display: block;
}


#navMenu  {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 28px 0 0 0;
  background: #fff;
  display: block;
  position: absolute;
  float: right;
  top: 0;
  right: 0;
  z-index: 3;
}

#navMenu ul {
  width: 100%;
  height: auto;
  list-style-type: none;
  text-align: left;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid transparent;
  position: relative;
  float: left;
}

#navMenu li {
  margin: 0;
  padding: 10px 15px;
  border-bottom: 1px solid #cbcbcb;
  border-left: 4px solid transparent;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

#navMenu .actNav  {
  height: auto;
  margin: 0;
  padding: 10px 15px;
  border-left: 4px solid #cd271e;
}

.dropMTl a {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.dropMTl a:hover {
  text-decoration: none;
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.dropMSubTl {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #656565;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.dropMSubTl a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #656565;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.dropMSubTl a:hover {
  text-decoration: none;
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.dropdownSubLM {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
  display: block;
}

.lineSubLM {
  margin: 0;
  padding: 10px 15px 10px 19px;
  font-size: 14px;
  font-weight: 500;
  color: #656565;
  text-transform: uppercase;
  border-bottom: 1px solid #cbcbcb;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.lineSubLM:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.lineSubArrowM {
  width: 24px;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
}


.nav {
  margin: 0 5% -8px 5%;
  padding: 3px 0 0 0;
  list-style: none;
  text-transform: uppercase;
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  -webkit-margin-after: -4px;
}

.nav::-webkit-scrollbar-track {
  background-color: transparent;
}

.nav::-webkit-scrollbar {
  background-color: transparent;
}

.nav::-webkit-scrollbar-thumb {
  background-color: transparent;
}


.nav > li > a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
}

.nav ul {
  width: 90%;
  height: 22px;
  list-style-type: none;
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  position: relative;
  float: left;
}

.nav li {
  margin: 0;
  padding: 0 15px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.nav li a:hover  {
  text-decoration: none;
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.nav li:hover img  {
  opacity: 0.35;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.nav li.actNavH  {
  height: 22px;
  margin: 0;
  padding: 0 50px 5px 10px;
  border-bottom: 4px solid transparent;
}

.nav li.actNavHact  {
  height: 22px;
  margin: 0;
  padding: 0 50px 5px 10px;
  border-bottom: 4px solid #cd271e;
}

.nav li.actNav1  {
  height: 22px;
  margin: 0;
  padding: 0 15px 5px 15px;
  border-bottom: 4px solid transparent;
}

.nav li.actNav1act  {
  height: 22px;
  margin: 0;
  padding: 0 15px 5px 15px;
  border-bottom: 4px solid #cd271e;
}

.nav li.orangeNav  {
  height: 22px;
  margin: -3px 0 0 0;
  padding: 3px 15px;
  color: #fff;
  background: #f89a1f;
  border-radius: 15px;
}

.navIcnHome {
  display: block;
  margin: 0 10px 0 0;
  padding: 0;
  position: relative;
  float: left;
}


#navList {
  display: none;
}

.subNav, .subNav2 {
  display: none;
}

.subTab, .subTab2 {
  display: none;
}

.subNav a:hover, .subNav2 a:hover {
  display: none;
}


.bannFld {
  width: 100%;
  height: auto;
  margin: 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.bannFld img {
  display: block;
  outline: none;
  border: none;
}

.bannImg {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}


.highFld {
  width: 100%;
  height: auto;
  margin: 20px 0;
  padding: 0;
  position: relative;
  float: left;
  gap: 0;
}

.highBox {
  display: block;
  width: 95%;
  height: 62px;
  margin: 0;
  padding: 8px 2.5%;
  border-radius: 4px;
  position: relative;
  float: left;
  flex: 1;
  box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);
}

.highBox img {
  width: 100px;
  height: 62px;
  margin: 0 8px 0 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: relative;
  float: left;
}

.highBox:hover img {
  opacity: 0.85;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.highBox p {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.highBox:hover p {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.contSect {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  border: none;
  position: relative;
  float: left;
}

.contSectA {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  border: none;
  position: relative;
  float: left;
}

.contSectNone {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contSectNoneD {
  width: 100%;
  height: auto;
  margin: 0 0 3.5em 0;
  padding: 0;
  position: relative;
  float: left;
}


h1 {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

h2 {
  margin: 4px 0 20px 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.0;
}

h2.extraMargin {
  margin: 0 0 40px 0;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.0;
}

h3 {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.0;
}

.contBox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}


.box_BL {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}


.marginBott {
  margin: 0 0 20px 0;
  padding: 0;
}


.box_BR {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.box_LD {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
}

.box_RD {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
}

.box_R {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
}


.imgBig {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
}

.imgSmall {
  width: 42.5%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: relative;
  float: left;
}


.tlBig  {
  width: 90%;
  height: 40%;
  margin: 0;
  padding: 5%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1.0));
  cursor: pointer;
  position: absolute;
  bottom: 0;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}

.box_BL:hover > .tlBig  {
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.75));
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}

.box_BL > .tlBig > .hTl {
  width: 95%;
  height: auto;
  margin: 0 2.5% 1.0% 2.5%;
  padding: 0;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: absolute;
  float: left;
  left: 0;
  bottom: 5%;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.box_BL:hover > .tlBig > .hTl {
  color: #fff;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.tlSmall  {
  width: 57.5%;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}


.box_LD:hover > .tlSmall {
  background: transparent;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}

.box_LD > .tlSmall > .hTl {
  width: 95%;
  height: auto;
  margin: 0 0 0 5%;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #232323;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  left: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.box_LD:hover > .tlSmall > .hTl {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.box_RD:hover > .tlSmall {
  background: transparent;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}

.box_RD > .tlSmall > .hTl {
  width: 95%;
  height: auto;
  margin: 0 0 0 5%;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #232323;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  left: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.box_RD:hover > .tlSmall > .hTl {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.box_R:hover > .tlSmall {
  background: transparent;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}

.box_R > .tlSmall > .hTl {
  width: 95%;
  height: auto;
  margin: 0 0 0 5%;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #232323;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  left: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.box_R:hover > .tlSmall > .hTl {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.dateCat {
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  position: relative;
  float: left;
}

.dateCatM {
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: #a7a7a7;
  position: relative;
  float: left;
}

.dateCatTopBig {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #a7a7a7;
}

.dateCatTopBig a:hover {
  color: #232323;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.dateCatTopSmall {
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: #a7a7a7;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}

.dateCatTopSmall a:hover {
  color: #232323;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.tlBigTop {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  margin: 0 0 16px 0;
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tlBigTop a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tlSubBigTop {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tlSubBigTopBlue {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  margin: 0;
  padding: 0;
  color: #076cb4;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tlSmallTop {
  width: 54.75%;
  height: auto;
  margin: 0 0 0 2.75%;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #232323;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  left: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tlSmallTop a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tlSubSmallTop {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.0;
  margin: 0 0 5px 0;
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tlSubSmallTopBlue {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  margin: 8px 0 0 0;
  padding: 0;
  color: #076cb4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.txtBigTopLn {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding:  0 0 15px 0;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
}

.txtBigTop {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.btnViewAll {
  min-width: 68px;
  height: 14px;
  margin: 0;
  padding: 6px 15px;
  border: 1px solid #076cb4;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #076cb4;
  line-height: 1.0;
  display: flex;
  justify-content: left;
  align-items: center;
  text-transform: uppercase;
  position: absolute;
  float: right;
  top: 0;
  right: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAll:hover {
  filter: grayscale(100%) brightness(185%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAllT {
  width: 98px;
  height: 14px;
  margin: 0;
  padding: 6px 15px;
  border: 1px solid #076cb4;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #076cb4;
  line-height: 1.0;
  display: flex;
  justify-content: left;
  align-items: center;
  text-transform: uppercase;
  position: absolute;
  float: right;
  top: 0;
  right: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAllT:hover {
  filter: grayscale(100%) brightness(185%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAllIcn {
  width: 12px;
  height: auto;
  margin: 1px 0 0 6px;
  padding: 0;
  position: relative;
  float: right;
  display: block;
  outline: none;
  border: none;
}

.box_BL_T {
  width: 100%;
  height: auto;
  margin: 6px 0 0 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
}

.newsList {
  width: 95%;
  height: 60px;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  display: flex;
  justify-content: left;
  align-items: center;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsList:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsListNo {
  min-width: 32px;
  height: 32px;
  margin: 0 12px 20px 0;
  padding: 4px 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.0;
  color: #076cb4;
  position: relative;
  float: left;
}

.tlSmallNews {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  margin: 16px 0 0 0;
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tlSmallNews a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.contBox4 {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  display: block;
  gap: 0;
}

.contBox1 {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contBox2Sum {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  display: block;
}

.contBox2 {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  display: block;
  gap: 0;
}


.newsBoxSingle {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
}

.newsBoxSingleR {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.imgFrame {
  width: 100%;
  height: 13.75em;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}

.newsBox {
  width: 42.5%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: relative;
  float: left;
}

.newsBoxM {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: relative;
  float: left;
}

.newsBoxDateCat {
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: #a7a7a7;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}

.newsBoxDateCat a:hover {
  color: #232323;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxTl {
  width: 54.75%;
  height: auto;
  margin: 0 0 0 2.75%;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #232323;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  left: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxTl a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxTlM {
  width: 100%;
  height: auto;
  min-height: 75px;
  margin: 10px 0 0 0;
  padding: 0;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #232323;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  left: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxTlM a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxTlMGV {
  width: 100%;
  height: auto;
  min-height: 50px;
  margin: 10px 0 0 0;
  padding: 0;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #232323;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  left: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxTlMGV a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.newsBoxSingleBigVert {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.newsBoxSingleBigHor {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}


.newsBoxBig {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
}

.newsBoxDateCatBig {
  width: 100%;
  height: auto;
  margin: 8px 0 5px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #a7a7a7;
}

.newsBoxDateCatBig a:hover {
  color: #232323;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxTlBig {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.newsBoxTlBig a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.newsBoxImgBig {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: relative;
  float: left;
}

.newsBoxImgSmall {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: relative;
  float: left;
}

.newsBoxHorBig {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.newsBoxHorTlBig {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.newsBoxHorTlBig a {
  color: inherit;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxHorTlBig a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.txtBigHor {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  margin: 0 0 20px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #cbcbcb;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.imgPhoto {
  width: 40px;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: absolute;
  float: right;
  top: 0;
  right: 0;
}

.imgPhotoM {
  width: 40px;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: absolute;
  float: right;
  top: 0;
  right: 0;
  z-index: 1;
}


.newsBoxVidBig {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.newsBoxVidTlBig {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
  display: flex;
  justify-content: left;
  align-items: center;
}

.newsBoxVidTlBig a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxVidImgBig {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: relative;
  float: left;
}

.newsSingleBoxTl {
  width: 100%;
  height: auto;
  margin: 12px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.newsSingleBoxTl a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsSingleBoxTlHigh {
  width: 100%;
  height: auto;
  margin: 12px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}

.newsSingleBoxTlHigh a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.newsBoxMainTl {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.newsBoxMainTl a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.logoFootFld {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.logoFootFld img {
  display: block;
  outline: none;
  border: none;
}

.logoFoot {
  width: 134px;
  height: auto;
  margin: 0;
  padding: 0;
}

.navBarFoot {
  width: 303px;
  height: auto;
  margin: 0;
  padding: 0;
  display: inline-block;
  justify-content: left;
  align-items: center;
  position: relative;
  float: left;
}

.navBarFoot a {
  margin: 0;
  padding: 0 16px 0 0;
  font-size: 14px;
  font-weight: 500;
  color: #9e9e9e;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.navBarFoot a:hover {
  color: #232323;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.socialFld {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.socialFldM {
  margin: 15px 0 0 15px;
  padding: 0;
  position: relative;
  float: left;
}

.socialFld img {
  display: block;
  outline: none;
  border: none;
}

.socialIcn {
  width: 24px;
  height: auto;
  margin: 0 16px 0 0;
  padding: 0;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.socialIcn:hover {
  filter: opacity(75%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.copy {
  width: 330px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #9e9e9e;
  position: relative;
  float: left;
}

.copy a {
  text-decoration: underline;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.copy a:hover {
  color: #232323;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.terms {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.terms a {
  font-size: 14px;
  font-weight: 500;
  color: #9e9e9e;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.terms a:hover {
  color: #232323;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.asdField {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.asdFieldFrm {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}


.bannAsd1 {
  width: 90%;
  height: auto;
  margin: 20px 5%;
  padding: 0;
  outline: none;
  border: none;
  display: block;
  justify-content: center;
  align-items: center;
  position: relative;
  float: left;
}

.bannAsd1.desktopOnly {
  display: none;
}

.bannAsd1 iframe {
  width: auto;
  height: 250px;
}

.asdFrm {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.bannAsd2 {
  width: 80%;
  height: auto;
  margin: 20px 10%;
  padding: 0;
  outline: none;
  border: none;
  position: relative;
  float: left;
}

.bannAsd3 {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  position: relative;
  float: left;
}


.asdBox {
  width: 90%;
  height: auto;
  margin: 10px 0;
  padding: 16px 5%;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: relative;
  float: left;
}

.asdBoxGK {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5% 5% 0 5%;
  background-color: #fff;
  position: relative;
  float: left;
}

.asdBoxFull {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: relative;
  float: left;
}


.btnViewAllIcnAsd {
  width: 12px;
  height: auto;
  margin: 5px 0;
  padding: 0;
  position: relative;
  float: right;
  display: block;
  outline: none;
  border: none;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAllIcnAsd:hover {
  filter: grayscale(100%) brightness(185%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAllIcnAsdF {
  width: 12px;
  height: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  float: right;
  display: block;
  outline: none;
  border: none;
  top: 25px;
  right: 5%;
  -webkit-margin-before: -5px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAllIcnAsdF:hover {
  filter: grayscale(100%) brightness(185%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.asdBoxImg {
  width: 100%;
  height: auto;
  margin: 16px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.asdBoxImg img {
  display: block;
  outline: none;
  border: none;
}

.asdBoxIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.asdBoxContTop {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 16px 0;
  position: relative;
  float: left;
}

.asdBoxCont {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 16px 0;
  border-top: solid 1px #d1d1d1;
  position: relative;
  float: left;
}

.asdBoxTl {
  width: 100%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.asdBoxTl a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.asdBoxTl1 {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.asdBoxTl1 a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.asdBoxTl1P {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.asdBoxTl1P a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.asdBoxNo {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.0;
  color: #777;
}

.asdBoxNo a {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.0;
  color: #777;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.asdBoxNo a:hover {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.0;
  color: #232323;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.asdBoxImgFull {
  width: 105.5%;
  height: auto;
  margin: 0 0 -5.5% -5.5%;
  padding: 0;
  border-radius: 0 0 8px 8px;
  position: relative;
  float: left;
}

.asdBoxImgFullT {
  width: 105.5%;
  height: auto;
  margin: 0 0 20px -5.5%;
  padding: 0;
  border-radius: 0;
  position: relative;
  float: left;
}

.asdBoxImgFullD {
  width: 105.5%;
  height: auto;
  margin: 0 0 -5.5% -5.5%;
  padding: 0;
  border-radius: 0 0 8px 8px;
  position: relative;
  float: left;
}

.asdBoxImgFull img, .asdBoxImgFullT img, .asdBoxImgFullD img {
  display: block;
  outline: none;
  border: none;
}

.asdBoxIcnFullT {
  width: 105.5%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.asdBoxIcnFullD {
  width: 105.5%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0 0 8px 8px;
}

.asdBoxIcnFullU {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.asdDate {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

.asdTl {
  font-size: 16px;
  font-weight: 600;
  color: #2f6aaf;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.asdTl:hover {
  font-size: 16px;
  font-weight: 600;
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.asdVenue {
  font-size: 14px;
  font-weight: 400;
  color: #656565;
}


.rslides_container {
  width: 90%;
  height: auto;
	margin: 0;
  padding: 16px 5%;
	position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.rslides_containerM {
  width: 100%;
  height: auto;
	margin: 0;
  padding: 16px 0;
	position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  overflow: hidden;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: none;
}

.centered-btns_nav {
  display:none;
}

.centered-btns_nav:active {
  opacity: 1.0;
  display:none;
}

.centered-btns_nav.next {
  display:none;
}

.centered-btns_tabs {
  margin-bottom: 0;
  margin-left: -36px;
  text-align: center;
  position: relative;
  float: none;
}

.centered-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin: 0 6px;
}

.centered-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background: #bdbdbd;
  display: inline-block;
  _display: block;
  *display: block;
  width: 8px;
  height: 8px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.centered-btns_tabs a:hover {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background: #232323;
  opacity: 1.0;
  display: inline-block;
  _display: block;
  *display: block;
  width: 8px;
  height: 8px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.centered-btns_here a {
  background: #076cb4;
}


.slideImg {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.slideImg img {
  display: block;
  outline: none;
  border: none;
}

.slideImgGK {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.slideImgGK img {
  display: block;
  outline: none;
  border: none;
}

.tenderIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 8px 8px 0 0;
}

.tenderIcnGK {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.dateTag {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #a7a7a7;
}

.venueTag {
  width: auto;
  height: 22px;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  vertical-align: -4px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.catTag {
  margin: 0;
  padding: 5px 12px 4px;
  background: #076cb4;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  border: none;
  border-radius: 14px;
  cursor: pointer;
  display: block;
  left: 0;
  top: 0;
  opacity: 1;
  position: absolute;
}

.slideTl {
  width: 100%;
  height: auto;
  margin: 40px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.slideTlGK {
  width: 100%;
  height: 65px;
  margin: 4px 0 6px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: #076cb4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.slideTlGK:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.asdBoxFullTl {
  width: 100%;
  height: auto;
  margin: 32px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}

.asdBoxFullTl a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.asdFrm {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}


.bannAsdFld2  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.bannAsdFld2 img   {
  display: block;
  outline: none;
  border: none;
}

.bannAsd4   {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}


.weatherFld {
  width: 90%;
  height: auto;
  margin: 20px 0;
  padding: 16px 5%;
  border-radius: 8px;
  background-image: linear-gradient(to bottom, #076cb4, #11a5db);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
}

.weatherFldColumn {
  display: none;
}

.weatherTl {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
  color: #fff;
  position: relative;
  float: left;
}

.weatherRow {
  width: 100%;
  height: auto;
  margin: 4px 0;
  padding: 0;
  position: relative;
  float: left;
}

.weatherImg {
  width: 42px;
  height: 42px;
  margin: 0 16px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.weatherImg img {
  display: block;
  outline: none;
  border: none;
}

.weatherIcn {
  width: 42px;
  height: 42px;
  margin: 0;
  padding: 0;
}

.weatherCity {
  width: auto;
  height: 42px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
  color: #fff;
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
  float: left;
}

.weatherTemp {
  width: auto;
  height: 42px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
  color: #fff;
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
  float: right;
}



/*Styles for News-Page, News-PageS, News-Page-Log*/

.breadcrumbs {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #9e9e9e;
  position: relative;
  float: left;
}

.breadcrumbs > a {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #9e9e9e;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.breadcrumbs > a:hover {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #232323;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.breadcrumbs > span.bcAct {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #232323;
  text-transform: none;
  position: relative;
  float: left;
}

.arrSepImg {
  margin: 7px 8px 0 8px;
  padding: 0;
  position: relative;
  float: left;
}

.sourceN {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #a7a7a7;
  text-align: left;
  position: relative;
  float: left;
}

span.sourceN > a {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #a7a7a7;
  text-align: left;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.sourceN > span a:hover {
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.commentN {
  width: 150px;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #076cb4;
  text-align: left;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.commentN:hover {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #076cb4;
  text-align: left;
  filter: grayscale(100%) brightness(185%);
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.commentIcn {
  width: 18px;
  height: auto;
  margin: 2px 10px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.shareNFld {
  display: none;
}

.shareNFldRes {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  color: #232323;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: 'Prompt', sans-serif;
  border: none;
  cursor: pointer;
  position: fixed;
  float: left;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.shareFldBtn {
  width: auto;
  height: 15px;
  margin: 12px 0 24px 0;
  padding: 8px 10px;
  border-radius: 16px;
  border: solid 1px #076cb4;
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.shareFldBtn:hover {
  filter: grayscale(50%) opacity(50%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.shareFldBtnImg img {
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}

.shareFldBtnTl {
  margin: 0 0 0 8px;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: #076cb4;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.shareNFld img {
  display: block;
  outline: none;
  border: none;
}

.shareNIcn {
  width: 28px;
  height: 28px;
  margin: 0 0 8px 0;
  padding: 0;
  position: relative;
  float: left;
}

.shareNTl {
  width: auto;
  height: 28px;
  margin: 0 0 0 12px;
  padding: 0;
  line-height: 1.75;
  position: relative;
  float: left;
}

.contTB {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.imgNFldM {
  width: 100%;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  position: relative;
  float: left;
}

.imgNFldM img {
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
}

.photoCredit {
  margin: 0;
  padding: 7px 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  float: left;
  left: 0;
  bottom: 0;
}

.tlBoxN {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  float: left;
}

.txtBoxN {
  width: 100%;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  position: relative;
  float: left;
}

.txtBoxN iframe {
  width: 100%;
  height: 15em;
  margin: 0;
  padding: 0;
}

.txtBoxNS {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 1.25;
  position: relative;
  float: left;
}

.imgNFld {
  width: 100%;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  position: relative;
  float: left;
}

.centerV {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 468px;
}

.imgNBox {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.imgNBoxImg  {
  width: auto;
  max-height: 468px;
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
  display: block;
}

.imgNBoxS {
  width: 100%;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  position: relative;
  float: left;
}

.imgNBoxSImg  {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
  display: block;
}


.anterfile {
  width: 90%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 5%;
  background: #f1f1f1;
  position: relative;
  float: left;
}

.anterfile1 {
  width: 90%;
  height: auto;
  margin: 20px 0;
  padding: 5%;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
}

.anterfileTl {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
  color: #232323;
  position: relative;
  float: left;
}

.anterfileTl1 {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  color: #232323;
  position: relative;
  float: left;
}

ul.anterfileBoxN {
  width: 95%;
  height: auto;
  margin: 15px 0 0 5%;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #5d5d5d;
  position: relative;
  float: left;
}

ul.anterfileBoxN1 {
  width: 95%;
  height: auto;
  margin: 5px 0 0 5%;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #292929;
  position: relative;
  float: left;
}

ul.anterfileBoxN1 li {
  margin: 10px 0;
  padding: 0;
}

.txtBoxN p {
  margin: 10px 0;
  padding: 0;
}

.txtBoxN a {
  color: #076cb4;
  font-weight: 600;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.txtBoxN a:hover {
  color: #a7a7a7;
  font-weight: 600;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.link {
  color: #076cb4;
  font-weight: 600;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.link a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsFldTl {
  width: 100%;
  height: auto;
  margin: 15px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  color: #232323;
  position: relative;
  float: left;
}


.bannBoxTB {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  position: relative;
  float: left;
}

.bannBoxTBImg {
  display: none;
}

.bannBoxTBImg img {
  display: none;
  outline: none;
  border: none;
}

.imgBannBoxTB {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.bannBoxTBTl {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.bannBoxTBTl:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.bannBoxTBSupTl {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.bannBoxTBSubTl {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.bannBoxTBBtn {
  width: auto;
  height: auto;
  margin: 24px 0 0 0;
  padding: 5px 12px;
  font-size: 12px;
	font-weight: 500;
  text-transform: uppercase;
  color: #076cb4;
  border-radius: 15px;
  border: 1px solid #076cb4;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.bannBoxTBBtn:hover {
  width: auto;
  height: auto;
  margin: 24px 0 0 0;
  padding: 5px 12px;
  font-size: 12px;
	font-weight: 500;
  text-transform: uppercase;
  color: #076cb4;
  border-radius: 14px;
  border: 1px solid #076cb4;
  cursor: pointer;
  position: relative;
  float: left;
  filter: grayscale(50%) opacity(50%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAllIcnTB {
  width: 12px;
  height: auto;
  margin: 4px 0 0 10px;
  padding: 0;
  position: relative;
  float: right;
  display: block;
  outline: none;
  border: none;
}


.companyFld {
  width: auto;
  height: 54px;
  margin: 0 8px 8px 0;
  padding: 0 12px;
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.companyFld:hover {
  width: auto;
  filter: opacity(65%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.companyFld img {
  display: block;
  outline: none;
  border: none;
  max-width: 127px;
  max-height: 38px;
  margin: 8px 12px 8px 0;
  padding: 0;
  position: relative;
  float: left;
}

.companyFld span {
  max-width: 300px;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  color: #232323;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}


.groupTagFld {
  width: auto;
  height: 22px;
  margin: 0 8px 8px 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 1.625;
  display: flex;
  justify-content: left;
  align-items: center;
  border-radius: 8px;
  background: #076cb4;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.groupTagFld:hover {
  background: rgba(7, 108, 180, 0.75);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.tagFld {
  width: auto;
  height: 22px;
  margin: 0 8px 8px 0;
  padding: 2px 8px;
  font-size: 14px;
  font-weight: 500;
  color: #656565;
  line-height: 1.625;
  border: 1px solid #cbcbcb;
  border-radius: 14px;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tagFld:hover {
  width: auto;
  filter: opacity(65%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.commentFldTl {
  width: 100%;
  height: auto;
  margin: 15px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  color: #232323;
  position: relative;
  float: left;
}

.commentBoxLn {
  width: 93%;
  height: auto;
  margin: 16px 0 0 0;
  padding: 3.5%;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  position: relative;
  float: left;
}

.commentImgBox {
  width: 42px;
  height: auto;
  margin: 0 8px 0 0;
  padding: 0;
  position: relative;
  float: left;
  flex: 1;
}

.commentUserImg {
  width: 42px;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  border-radius: 21px;
  display: block;
}

.commentTxtBox {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.commentUserTl {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: #232323;
  position: relative;
  float: left;
}

.commentDateTl {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #a7a7a7;
  text-align: right;
  position: absolute;
  float: right;
  top: 0;
  right: 0;
}

.commentUserTxt {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  color: #232323;
  line-height: 1.35;
  position: relative;
  float: left;
}

.commentBox {
  width: 93%;
  height: auto;
  margin: 30px 0 0 0;
  padding: 3.5%;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
}

.commentBoxTl {
  width: 100%;
  height: auto;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  color: #232323;
  position: relative;
  float: left;
}

#form {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.commentBox input {
  width: 94.65%;
  height: 18px;
  margin: 8px 0;
  padding: 2.5%;
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
	font-weight: 400;
  color: #656565;
  border-radius: 4px;
  border: solid 1px #cbcbcb;
  position: relative;
  float: left;
}

.commentBox textarea {
  width: 94.65%;
  height: 144px;
  margin: 0 0 8px 0;
  padding: 2.5%;
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
	font-weight: 400;
  color: #656565;
  border-radius: 4px;
  border: solid 1px #cbcbcb;
  resize: none;
  position: relative;
  float: left;
}

.commentBox button {
  width: 120px;
  height: 36px;
  margin: 0;
  padding: 7px 36px;
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
	font-weight: 400;
  color: #fff;
  border-radius: 4px;
  border: 1px solid #076cb4;
  background: #076cb4;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.commentBox button:hover {
  width: 120px;
  height: 36px;
  margin: 0;
  padding: 7px 36px;
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
	font-weight: 400;
  color: #fff;
  border-radius: 4px;
  border: 1px solid #a7a7a7;
  background: #a7a7a7;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contBox4Block {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contBoxSingle {
  width: 100%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 0;
  position: relative;
  float: left;
}

.contBoxSingleR {
  width: 100%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 0;
  position: relative;
  float: left;
}

.contBox2Block {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contBoxL {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contBoxR {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contBoxBlockTop {
  width: 100%;
  height: auto;
  margin: 8px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.contBoxBlock {
  width: 100%;
  height: auto;
  margin: 8px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.contBoxImg {
  width: 40%;
  height: auto;
  margin: 0 2.5% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.contBoxBlockTop img {
  display: block;
  outline: none;
  border: none;
}

.contBoxBlock img {
  display: block;
  outline: none;
  border: none;
}

.contBoxTl {
  width: 57.5%;
  height: auto;
  margin: -5px 0 0 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.contBoxTl a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contBoxSubTl {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}

span.contBoxDateCat {
  width: 288px;
  height: auto;
  margin: 12px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #a7a7a7;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

span.contBoxDateCat:hover {
  color: #232323;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

span.contBoxDateCat1 {
  width: 268px;
  height: auto;
  margin: 12px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #a7a7a7;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

span.contBoxDateCat1:hover {
  color: #232323;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.gallFldBig {
  width: 100%;
  height: auto;
  margin: 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.gallFldBig img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  object-fit: cover;
  position: relative;
  float: left;
}

.gallFldSmall {
  display: none;
  width: 202px;
  height: 114px;
  margin: 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.gallSBoxTop {
  display: none;
}

.gallSBox {
  display: none;
}

.gallSBoxTop img {
  display: none;
}

.gallSBox img {
  display: none;
}

.gallOvrBig {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallOvrBig:hover {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0) no-repeat;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallOvrSmall2 {
  width: 202px;
  height: 114px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallOvrSmall2:hover {
  width: 202px;
  height: 114px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallOvrSmall3 {
  width: 202px;
  height: 114px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallOvrSmall3:hover {
  width: 202px;
  height: 114px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallOvrSmall4 {
  width: 202px;
  height: 114px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallOvrSmall4:hover {
  width: 202px;
  height: 114px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.gallOvrNo {
  width: 202px;
  height: 114px;
  margin: 0;
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  float: left;
  z-index: 2;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallOvrNo:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.photoBig {
  width: 202px;
  height: 114px;
  margin: 0;
  padding: 0;
}

.photoSmall {
  width: 202px;
  height: 114px;
  margin: 0;
  padding: 0;
}


.pdfFld {
  width: 240px;
  height: 38px;
  margin: 0;
  padding: 8px 12px;
  border-radius: 4px;
  border: solid 1px #cbcbcb;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  float: left;
}

.pdfImg {
  width: 28px;
  height: 40px;
  margin: 0 12px 0 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: relative;
  float: left;
}

.pdfTl {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: #232323;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.pdfFld:hover > .pdfTl {
  filter: opacity(65%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.authorFld {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  float: left;
}

.authorImg {
  width: 44px;
  height: 44px;
  margin: 0 12px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.authorTl {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: #232323;
  position: relative;
  float: left;
}

.theme {
  width: 100%;
  height: auto;
  margin: 40px 0 20px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.0;
  position: relative;
  float: left;
}

.themeTl {
  width: 100%;
  height: auto;
  margin: -10px 0 25px 0;
  font-size: 16px;
  line-height: 1.0;
  position: relative;
  float: left;
}


.contLogFld {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
}

.contLogBoxL {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  float: left;
}

.contLogBoxR {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: url(/uploads/images/v5/bg-registrujte-se.webp), linear-gradient(to bottom, rgba(7, 108, 180, 0.95) 0%, rgba(7, 108, 180, 0.5));
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  float: left;
}

.contLogTl {
  width: 100%;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  position: relative;
  float: left;
}


.checkBoxSgnIn {
  width: 100%;
  height: auto;
  margin: 10px 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.checkBoxSgnInTxt {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.35;
}

.checkBoxSgnIn:hover .checkBoxSgnInTxt {
  color: #076cb4;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}


.contLogBoxL input {
  width: 94.85%;
  height: 18px;
  margin: 0 0 10px 0;
  padding: 8px;
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
	font-weight: 400;
  color: #656565;
  border-radius: 4px;
  border: solid 1px #cbcbcb;
  position: relative;
  float: left;
}

.contLogBoxL button {
  width: auto;
  height: 36px;
  margin: 0;
  padding: 7px 18px;
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
	font-weight: 400;
  color: #fff;
  border-radius: 4px;
  border: 1px solid #076cb4;
  background: #076cb4;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contLogBoxL button:hover {
  width: auto;
  height: 36px;
  margin: 0;
  padding: 7px 18px;
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
	font-weight: 400;
  color: #fff;
  border-radius: 4px;
  border: 1px solid #a7a7a7;
  background: #a7a7a7;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.checkFld {
  display: block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.checkFld input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  margin: 0;
  padding: 0;
  border: 1px solid #076cb4;
  border-radius: 4px;
}

.checkFld:hover input ~ .checkmark {
  border: 1px solid #076cb4;
  background: transparent;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.checkFld:hover {
  color: #fff;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.checkFld input:checked ~ .checkmark {
  border: 1px solid #076cb4;
  background: #076cb4;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkFld input:checked ~ .checkmark:after {
  display: block;
}

.checkFld .checkmark:after {
  left: 5px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkBoxPass {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  color: #656565;
  position: relative;
  float: left;
}

.checkPassLnk {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: #076cb4;
  text-transform: uppercase;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.checkPassLnk:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.contLogInfoTl {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.25;
  color: #fff;
  position: relative;
  float: left;
}

.contLogInfoSubTl {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
  color: #fff;
  position: relative;
  float: left;
}

.contLogInfoSubTxt {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  color: #fff;
  position: relative;
  float: left;
}

.contLogBoxR button {
  width: auto;
  height: auto;
  margin: 0 0 50px 0;
  padding: 13px 28px;
  font-family: 'Prompt', sans-serif;
  font-size: 16px;
	font-weight: 500;
  color: #076cb4;
  text-transform: uppercase;
  border-radius: 4px;
  border: none;
  background: #fff;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contLogBoxR button:hover {
  width: auto;
  height: auto;
  margin: 0 0 50px 0;
  padding: 13px 28px;
  font-family: 'Prompt', sans-serif;
  font-size: 16px;
	font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  border: none;
  background: #a7a7a7;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}



/*Styles for Gran-Page*/

.search-containerG {
  width: 100%;
  height: 40px;
  margin: 0 0 15px 0;
  padding: 0;
  background: #f1f1f1;
  border-radius: 20px;
  position: relative;
  float: left;
}

.search-containerG input[type=text] {
  width: 78.5%;
  margin: 0 0 0 24px;
  padding: 10px 0;
  font-size: 16px;
  color: #656565;
  background: #f1f1f1;
  border: none;
  -webkit-padding-before: 12px;
}

.search-containerG input[type=text]:focus {
  background: #f1f1f1;
}

.search-containerG button {
  margin: 0;
  padding: 6px 15px 6px 0;
  font-size: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.search-containerG button:hover {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.txtNumG {
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  color: #656565;
  text-align: left;
  position: relative;
  float: left;
}

.noNumG {
  font-size: 18px;
  font-weight: 500;
  color: #656565;
  vertical-align: -2px;
}

ul.pagination  {
  display: none;
}


ul.paginationM  {
  display: block;
  width: 100%;
  list-style-type: none;
  margin: 18px 0 4px 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  float: left;
}

ul.paginationM li {
  margin: 0;
  padding: 0 10px 0 10px;
  display: inline;
  border: none;
  -webkit-padding-start: 0.55em;
  -webkit-padding-end: 0.55em;
}

ul.paginationM li:hover {
  background: #cbcbcb;
  border-radius: 4px;
}


.actNoPg {
  color: #fff;
  background: #076cb4;
  border-radius: 4px;
}

.arrPg {
  font-size: 22px;
  font-weight: 400;
  vertical-align: -2px;
}

.diablArr {
  filter: opacity(35%);
}


.contBox3 {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  display: block;
  gap: 0;
}

.newsBoxSingleShdw, .newsBoxSingleShdw2 {
  display: block;
  width: 100%;
  height: auto;
  margin: 10px 0;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
}

.newsBoxSingleShdw1 {
  display: block;
  width: 100%;
  height: auto;
  margin: 3.5em 0 0 0;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
}

.newsBoxMore {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5% 5% 0 5%;
  position: relative;
  float: left;
}

.newsLnMore {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 5% 0;
  border-top: solid 1px #d1d1d1;
  position: relative;
  float: left;
}

.newsBoxTlPg {
  width: 267px;
  height: auto;
  margin: 0;
  padding: 20px 20px 0 20px;
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  position: relative;
  float: left;
  z-index: 1;
}

.newsBoxTxtPg {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 10px 20px 16px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  position: relative;
  float: left;
  z-index: 1;
}

.newsBoxBtnPg {
  width: auto;
  height: auto;
  margin: 0 0 0 20px;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 500;
  color: #076cb4;
  text-transform: uppercase;
  border-radius: 4px;
  background: #fff;
  position: relative;
  float: left;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxBtnPg:hover {
  color: #fff;
  background: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxImgPgFld {
  width: 100%;
  height: 12.5em;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  justify-content: center;
  align-items: center;
  position: absolute;
  float: left;
}

.newsBoxImgPg {
  width: 100%;
  height: auto;
  margin: -10em 0 0 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
}

.newsLnMoreR {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 16px 0;
  position: relative;
  float: left;
}

.newsLnMoreFld {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.newsLnMoreImg {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
}

.newsLnMoreTl {
  width: 100%;
  height: auto;
  margin: 16px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsLnMoreTl:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.tendGranFld {
  width: 100%;
  height: auto;
  margin: 12px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
  display: block;
}

.tendGranTl {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #076cb4;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tendGranTl:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tendGranTxt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.tendGranCat {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #a7a7a7;
}


.contSectF {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 20px 0 4px 0;
  border-top: solid 1px #cbcbcb;
  border-bottom: solid 1px #cbcbcb;
  position: relative;
  float: left;
}

.contBox4F {
  width: 110%;
  height: auto;
  margin: 0 0 0 -5%;
  padding: 0;
  position: relative;
  float: left;
  display: block;
  gap: 0;
}

.contBox1F {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmGranFld {
  width: 89.25%;
  height: 128px;
  margin: 0;
  padding: 5%;
  border-radius: 8px;
  border: solid 1px #cbcbcb;
  position: relative;
  float: left;
  display: block;
}

.firmGranLogoFld {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
  float: left;
}

.firmGranLogoFld img {
  display: block;
  outline: none;
  border: none;
  max-width: 200px;
  max-height: 60px;
}

.firmGranLogo {
  max-width: 132px;
  max-height: 40px;
  margin: 0;
  padding: 0;
}

.firmGranTxt {
  width: 100%;
  height: auto;
  margin: 12px 0 8px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmGranTxt:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmGranTl {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  color: #076cb4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmGranTl:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.asdBoxGV {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5% 5% 0 5%;
  background-color: #fff;
  position: relative;
  float: left;
}

.slideImgGV {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.slideImgGV img {
  display: block;
  outline: none;
  border: none;
}

.imgPhotoGV {
  width: 40px;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: absolute;
  float: right;
  top: 0;
  right: 0;
}

.tenderIcnGV {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
}

.GVBoxTl {
  width: 90%;
  height: auto;
  margin: 16px 0;
  padding: 0 5%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}



/*Styles for Lifestyle*/

.aboutLnksFldLst {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  position: relative;
  float: left;
}

.aboutLnksLst {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
}

.aboutLnksLst a {
  color: inherit;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.aboutLnksLst a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

#moda, #porodica, #putovanja,
#hedonizam, #zdravo, #vozila,
#edukacije, #tehnologija {
  margin: 50px 0 0 0;
  padding: 0;
}

h1.heading_2Lst {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.0;
}

.newsBoxImgPgLst {
  width: 110%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  position: relative;
  float: left;
  left: -5%;
  bottom: 0;
}

.newsBoxSubTlPgLst {
  width: 100%;
  height: auto;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 14px;
  color: #656565;
  position: relative;
  float: left;
}

.newsBoxBtnPgLst {
  width: 60%;
  height: auto;
  margin: 0;
  padding: 14px 5%;
  font-size: 16px;
  font-weight: 500;
  color: #076cb4;
  text-transform: uppercase;
  text-align: center;
  border-radius: 4px;
  background: #fff;
  position: absolute;
  float: left;
  left: 15%;
  bottom: 20%;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxBtnPgLst:hover {
  color: #fff;
  background: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}



/*Styles for About*/

.aboutLnksFld {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  position: relative;
  float: left;
}

.aboutLnks {
  margin: 0;
  padding: 0 24px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.aboutLnks a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

#opste, #postignuce, #tim {
  margin: 50px 0 0 0;
  padding: 0;
}

.txtBoxA {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  position: relative;
  float: left;
}

.txtBoxA ul li {
  margin: 15px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

h2.heading_1 {
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0;
  line-height: 1.5;
}

h2.heading_2 {
  width: 100%;
  margin: 30px 0 0 0;
  padding: 0;
}

h2.heading_B {
  width: 62.5%;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.imgBoxA {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  grid-gap: 0;
  position: relative;
  float: left;
}

.imgFldA {
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.imgFldA img {
  display: block;
  outline: none;
  border: none;
}

.imgFldAImg {
  width: 90%;
  height: auto;
  margin: 20px 5% 20px 5%;
  padding: 0;
  position: relative;
  float: left;
}

span.imgFldATl {
  width: 100%;
  height: 75px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  position: relative;
  float: left;
}



/*Styles for Contact*/

.txtBoxC {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.txtFldC {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 14px;
  position: relative;
  float: left;
}

.contTl {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 10px 0;
  padding: 0;
}

.contSubTl {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.75;
  margin: 10px 0;
  padding: 0;
  text-transform: uppercase;
}



/*Styles for Marketing*/

#opsteM, #brending, #pr, #kontaktM {
  margin: 50px 0 0 0;
  padding: 0;
}

.marketBoxL {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.marketBoxR {
  width: 100%;
  height: auto;
  margin: 0 0 50px 0;
  padding: 0;
  position: relative;
  float: left;
}

.txtBoxM {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.txtBoxM ul li {
  margin: 15px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.marketBoxR img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: relative;
  float: left;
}

.chartImg {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}


.bannBoxL {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.bannBoxR {
  width: 100%;
  height: auto;
  margin: 20px 0 50px 0;
  padding: 0;
  position: relative;
  float: left;
}

.txtBoxB {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.bannPriceTbl {
  width: 98.75%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  position: relative;
  float: left;
}

.bannPriceTl {
  width: 95%;
  height: 24px;
  margin: 0;
  padding: 8px 2.5%;
  background: #f1f1f1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  float: left;
}

.campaignTl {
  width: 47.5%;
  height: 24px;
  margin: 0;
  padding: 0 5% 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  position: relative;
  float: left;
}

.priceTl {
  width: 47.5%;
  height: 24px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  position: relative;
  float: left;
}

.bannPriceTxt {
  width: 94.85%;
  height: 24px;
  margin: 0;
  padding: 8px 2.5%;
  border-top: 1px solid #d1d1d1;
  position: relative;
  float: left;
}

.campaignTxt {
  width: 47.5%;
  height: 24px;
  margin: 0;
  padding: 0 5% 0 0;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  float: left;
}

.priceTxt {
  width: 47.5%;
  height: 24px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  position: relative;
  float: left;
}

.bannBoxR img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: relative;
  float: left;
}

.bannMImg {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.brandSubTl {
  margin: 15px 10% 0 0;
  padding: 0;
  font-size: 16px;
  position: relative;
  float: left;
}

h1.heading_3 {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
  position: relative;
  float: left;
}


.txtBoxPr {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.prBoxLn {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  position: relative;
  float: left;
}

.prBoxImg img {
  width: 8.5%;
  height: auto;
  margin: 5px 5% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.prBoxTl {
  width: 86.5%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.prBoxNo {
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0 0 0;
  padding: 0;
}


.txtBoxNp {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  display: block;
  justify-content: left;
  align-items: center;
  position: relative;
  float: left;
}

.prBoxTlN {
  width: 86.5%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}


.prBoxImgC img {
  width: 8.5%;
  height: auto;
  margin: -2px 5% 0 0;
  padding: 0;
  position: relative;
  float: left;
}



/*Styles for Clients*/

h2.heading_3 {
  width: 100%;
  margin: 0 0 36px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}

.txtBoxCl {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
  display: block;
}

.imgBoxCl {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  overflow: hidden;
  position: relative;
  float: left;
  flex: none;
}

.imgBoxCl img {
  display: block;
  outline: none;
  border: none;
}

.imgCl {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.lnksBoxCl {
  width: 90%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 5%;
  position: relative;
  float: left;
  flex: 0;
}

.lnksBoxClTl {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.65;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.lnksBoxClTl:hover {
  color: #a7a7a7;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.lnksBox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  float: left;
}

.lnksSubBox {
  flex-basis: 100%;
  flex-grow: 0;
}

.lnksSubBox ul {
  xwidth: 100%;
  height: auto;
  margin: 0 5%;
  padding: 0;
}

.lnksSubBox ul li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
}

.btnViewAllCl {
  width: 68px;
  height: 14px;
  margin: 0;
  padding: 6px 15px;
  border: 1px solid #076cb4;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #076cb4;
  line-height: 1.0;
  display: flex;
  justify-content: left;
  align-items: center;
  text-transform: uppercase;
  position: absolute;
  float: right;
  bottom: 20px;
  right: 20px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAllCl:hover {
  filter: grayscale(100%) brightness(185%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}



/*Styles for Clients-Logo*/

.txtBoxClLogo {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  float: left;
  display: block;
  flex-wrap: wrap;
  gap: none;
}

.clientLogoFld {
  display: block;
  flex-basis: 100%;
  flex-grow: 0;
  max-width: 100%;
  height: 78px;
  margin: 0 0 10px 0;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #cbcbcb;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.clientLogoFld:hover {
  filter: opacity(65%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.clLogoImgFld {
  width: 100%;
  height: 35px;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.clLogoImgFld img {
  display: block;
  outline: none;
  border: none;
}

.clLogoImg {
  max-width: 115px;
  max-height: 35px;
  margin: 0;
  padding: 0;
}

.clLogoTlFld {
  width: 281px;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}



/*Styles for Ponude-Page*/

.rslides_containerP {
  display: none;
}

.rslides_containerP_M {
  display: block;
  width: 100%;
  height: auto;
	margin: 0;
  padding: 0;
	position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.rslidesP {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height: 42vh;
  padding: 0;
  margin: 0;
}

.rslidesP li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  overflow: hidden;
}

.rslidesP li:first-child {
  position: relative;
  display: block;
  float: none;
}

.centered-btnsP_nav {
  display:none;
}

.centered-btnsP_nav:active {
  opacity: 1.0;
  display:none;
}

.centered-btnsP_nav.next {
  display:none;
}

.centered-btnsP_tabs {
  margin-bottom: 0;
  margin-left: -36px;
  text-align: center;
  position: relative;
  float: none;
}

.centered-btnsP_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin: 0 6px;
}

.centered-btnsP_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background: #bdbdbd;
  display: inline-block;
  _display: block;
  *display: block;
  width: 8px;
  height: 8px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.centered-btnsP_tabs a:hover {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background: #232323;
  opacity: 1.0;
  display: inline-block;
  _display: block;
  *display: block;
  width: 8px;
  height: 8px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.centered-btnsP_here a {
  background: #076cb4;
}


.search-containerP {
  width: 100%;
  height: 40px;
  margin: 0 0 30px 0;
  padding: 0;
  background: #f1f1f1;
  border-radius: 20px;
  position: relative;
  float: left;
}

.search-containerPRes {
  display: none;
}

.search-containerP input[type=text] {
  width: 78.5%;
  margin: 0 0 0 24px;
  padding: 10px 0;
  font-size: 16px;
  color: #656565;
  background: #f1f1f1;
  border: none;
  -webkit-padding-before: 12px;
}

.search-containerP input[type=text]:focus {
  background: #f1f1f1;
}

.search-containerP button {
  margin: 0;
  padding: 6px 15px 6px 0;
  font-size: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.search-containerP button:hover {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.contBoxP {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.contFldP {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contFldPR {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contFldImgP {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: block;
  position: relative;
  float: left;
}

.contFldTlP {
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 12px 0;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: #fff;
  position: relative;
  float: left;
}

.contFldP:hover > .contFldTlP {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contFldPR:hover > .contFldTlP {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.newsBoxTlPnd {
  width: 228px;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

.newsBoxTlPnd a {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: inherit;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxTlPnd a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.newsBoxHorTlBigPnd {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.newsBoxHorTlBigPnd a {
  color: inherit;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.newsBoxHorTlBigPnd a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.txtBigHorPnd {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  margin: 0 0 20px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #cbcbcb;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}



/*Styles for Događaji*/

.search-containerD {
  width: 100%;
  height: 40px;
  margin: 0 0 20px 0;
  padding: 0;
  background: #f1f1f1;
  border-radius: 20px;
  position: relative;
  float: left;
}

.search-containerDRes {
  display: none;
}

.search-containerD input[type=text] {
  width: 78.5%;
  margin: 0 0 0 24px;
  padding: 10px 0;
  font-size: 16px;
  color: #656565;
  background: #f1f1f1;
  border: none;
  -webkit-padding-before: 12px;
}

.search-containerD input[type=text]:focus {
  background: #f1f1f1;
}

.search-containerD button {
  margin: 0;
  padding: 6px 15px 6px 0;
  font-size: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.search-containerD button:hover {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.advSearchFld {
  width: 171px;
  height: 40px;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.advSearchFld:hover {
  filter: opacity(0.65);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.advSrchImg {
  width: 24px;
  height: 24px;
  margin: 8px 8px 8px 0;
  padding: 0;
  position: relative;
  float: left;
}

.advSrchImg img{
  display: block;
  outline: none;
  border: none;
}

.advSrchTxt {
  width: auto;
  height: 24px;
  margin: 8px 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.75;
  position: relative;
  float: left;
}


.advSrchBox {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  position: relative;
  float: left;
}

.dropDownD {
  width: 33%;
  height: 30px;
  margin: 0 0.1667% 12px 0.1667%;
  padding: 0 0 0 1.5%;
  border-radius: 4px;
  border: 1px solid #cbcbcb;
  font-size: 15px;
  font-weight: 400;
  color: #232323;
  font-family: 'Prompt', sans-serif;
  outline: none;
  position: relative;
  float: left;
}

select.dropDownD {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cbcbcb;
  padding: 0 0 0 1.5%;
  width: 33%;
  height: 30px;
  color: #232323;
  font-family: 'Prompt', sans-serif;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #fff url(../images/ic-arrow-down.svg) no-repeat;
  background-position: 95% 3px;
}


.eventsDate {
  width: 100%;
  height: 30px;
  margin: 0 0 12px 0;
  padding: 0;
  position: relative;
  float: left;
}

.calendar {
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.datepicker-here  {
  margin: 0;
  padding: 0;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 300;
  text-indent: 5px;
  position: relative;
  float: left;
}

.datePickEvent {
  width: 47.125%;
  height: 28px;
  margin: 0;
  padding: 0;
  font-family: 'Prompt', sans-serif;
  border: 1px solid #cbcbcb;
  color: #232323;
  background: #fff url(../images/ic-calendar.svg) no-repeat;
  background-position: 96% 2px;
  position: relative;
  float: left;
}

input.datepicker-here:focus, select.datepicker-here:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: 1px solid #232323;
  border-radius: 4px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.dashD {
  width: 6px;
  height: 30px;
  margin: 0 1.45%;
  padding: 0;
  position: relative;
  float: left;
}


.filters {
  width: 130px;
  height: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
}

.aplyFlt {
  width: 55px;
  height: 30px;
  margin: 0 20px 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  color: #076cb4;
  font-family: 'Prompt', sans-serif;
  background: transparent;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  border: none;
  outline: none;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.aplyFlt:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.resetFlt {
  width: 55px;
  height: 30px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  color: #656565;
  font-family: 'Prompt', sans-serif;
  background: transparent;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  border: none;
  outline: none;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.resetFlt:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


#elem {
  width: 947px;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0 0 4px 0;
  font-size: 18px;
  font-weight: 400;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
}

#outer {
  float: left;
  width: 907px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}

#left-button {
  float: left;
  width: 15px;
  margin: 3px 0 0 5px;
  font-size: 15px;
  text-align: center;
}

#right-button {
  float: left;
  width: 15px;
  margin: 3px 5px 0 0;
  font-size: 15px;
  text-align: center;
}

#inner:first-child {
  margin-left: 0;
}

label {
  margin-right: 30px;
}

label {
  color: inherit;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

label:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


label.labAct {
  margin: 0 30px 0 0;
  padding: 0 0 4px 0;
  border-bottom: 1px solid #cd271e;
  color: #cd271e;
}

.hide {
  display: none;
}


.searchDNoFld {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  position: relative;
  float: left;
}


.box_LD_D {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0 0 8px 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
}

.box_RD_D {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0 0 8px 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
}


.tagCurrent {
  width: auto;
  height: 24px;
  margin: 0;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 2.15;
  color: #fff;
  border-radius: 12px;
  background-color: #f89a1f;
  position: absolute;
  float: right;
  top: 12px;
  right: 12px;
}

.imgSmall_D {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.txtSmall_D {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.tlSmallTop_D {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  margin: 16px 12px 0 12px;
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tlSmallTop_D a {
  color: inherit;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tlSmallTop_D a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.venueTopSmall_D {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  margin: 0 12px 12px 12px;
  padding: 0;
  color: #076cb4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.venueTopSmall_D a {
  color: inherit;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.venueTopSmall_D a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.dateTopSmall_D {
  margin: 0 12px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  color: #606060;
}

.addressTopSmall_D {
  margin: 0 12px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  color: #606060;
}

.venueIcn_D {
  width: 20px;
  height: auto;
  margin: 0 8px 0 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: relative;
  float: left;
}

.tagsTopSmall_D {
  width: 286px;
  height: auto;
  margin: 16px 12px 0 12px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  color: #606060;
}



/*Styles for Događaji-Page*/

h3.headingSub_3 {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  float: left;
}

a.blue {
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

a.blue:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.venueTagD {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.dateTagD {
  width: 100%;
  height: auto;
  margin: 0 0 14px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  color: #606060;
  position: relative;
  float: left;

}

.addressTagD {
  width: 100%;
  height: auto;
  margin: 0 0 14px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  color: #606060;
  position: relative;
  float: left;
}

.tagCurrentD {
  width: auto;
  height: 24px;
  margin: 0;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 2.15;
  color: #fff;
  border-radius: 12px;
  background-color: #f89a1f;
  position: relative;
  float: right;
  top: 0;
  right: 0;
}


.moreInfoD {
  margin: 0 0 15px 0;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border-radius: 4px;
  border: solid 1px #076cb4;
  background-color: #076cb4;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.moreInfoD:hover {
  border: solid 1px #a7a7a7;
  background-color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.txtBoxD {
  width: 100%;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
}

.locInfoD {
  width: 90%;
  height: 260px;
  margin: 0;
  padding: 0 5%;
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
  float: left;
}

.locBox {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.locBoxTl {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: #656565;
}

.locBoxName {
  margin: 4px 0 16px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.65;
  color: #232323;
}

.locBoxAdrs {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
}


.gMapD {
  width: 100%;
  height: 360px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  position: relative;
  float: right;
}

.txtBoxNNone {
  width: 100%;
  height: auto;
  margin: 0 0 2.5em 0;
  padding: 0;
  position: relative;
  float: left;
}



/*Styles for Video, Gallery*/

.boxVidLn {
  width: 100%;
  height: auto;
  margin: 0 0 12px 0;
  padding: 0 0 12px 0;
  border-bottom: 1px solid transparent;
  position: relative;
  float: left;
}

.boxVidImg {
  width: 100%;
  height: auto;
  margin: 0 0 12px 0;
  padding: 0;
  position: relative;
  float: left;
}

.boxVidImg img {
  display: block;
  outline: none;
  border: none;
}

.boxVidIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.boxVidTxt {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.boxVidDate {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.0;
  color: #a7a7a7;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.boxVidTl {
  margin: 8px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.boxVidTl:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.boxVidSubTl {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: #076cb4;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.boxVidSubTl:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.companyFldVid {
  width: auto;
  height: 32px;
  margin: 0 8px 8px 0;
  padding: 0 12px;
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.companyFldVid:hover {
  width: auto;
  filter: opacity(65%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.companyFldVid img {
  display: block;
  outline: none;
  border: none;
  max-width: 77px;
  max-height: 16px;
  margin: 8px 12px 8px 0;
  padding: 0;
  position: relative;
  float: left;
}

.companyFldVid span {
  max-width: 200px;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  color: #232323;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}



/*Styles for Gallery-Page*/

.contGallDate {
  margin: -25px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.0;
  color: #a7a7a7;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}


.gallPgFld {
  width: 48.75%;
  height: 174px;
  margin: 0 0.625% 1.25% 0.625%;
  padding: 0;
  position: relative;
  float: left;
}

.gallPgFldR {
  width: 48.75%;
  height: 174px;
  margin: 0 0.625% 1.25% 0.625%;
  padding: 0;
  position: relative;
  float: left;
}

.gallPgFld img {
  width: 100%;
  height: 174px;
  margin: 0;
  padding: 0;
  display: block;
  object-fit: cover;
  position: relative;
  float: left;
}

.gallPgFldR img {
  width: 100%;
  height: 174px;
  margin: 0;
  padding: 0;
  display: block;
  object-fit: cover;
  position: relative;
  float: left;
}

.gallOvrPg {
  width: 100%;
  height: 174px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallOvrPg:hover {
  width: 100%;
  height: 174px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0) no-repeat;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallPhotoPg {
  width: 100%;
  height: 174px;
  margin: 0;
  padding: 0;
}



/*Styles for Comments*/

.btnBackPrev {
  min-width: 138px;
  height: 14px;
  margin: 0 57.5% 5px 0;
  padding: 6px 15px;
  border: 1px solid #076cb4;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #076cb4;
  line-height: 1.0;
  display: flex;
  justify-content: left;
  align-items: center;
  text-transform: uppercase;
  position: relative;
  float: left;
  top: 0;
  right: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnBackPrev:hover {
  filter: grayscale(100%) brightness(185%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAllIcnBck {
  width: 12px;
  height: auto;
  margin: 1px 6px 0 0;
  padding: 0;
  position: relative;
  float: right;
  display: block;
  outline: none;
  border: none;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}


.sourceCmt {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #a7a7a7;
  text-align: left;
  position: relative;
  float: left;
}

span.sourceCmt > a {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #a7a7a7;
  text-align: left;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.sourceCmt > span a:hover {
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.author {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.0;
  color: #232323;
  position: relative;
  float: left;
}

.authBld {
  font-weight: 500;
}


.commentBoxCmt {
  width: 90%;
  height: 258px;
  margin: 0;
  padding: 12px 5%;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
}

.commentBoxCmt input {
  width: 90%;
  height: 18px;
  margin: 8px 0;
  padding: 8px 5%;
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
	font-weight: 400;
  color: #656565;
  border-radius: 4px;
  border: solid 1px #cbcbcb;
  position: relative;
  float: left;
}

.commentBoxCmt textarea {
  width: 90%;
  height: 104px;
  margin: 0 0 8px 0;
  padding: 8px 5%;
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
	font-weight: 400;
  color: #656565;
  border-radius: 4px;
  border: solid 1px #cbcbcb;
  resize: none;
  position: relative;
  float: left;
}

.commentBoxCmt button {
  width: 120px;
  height: 36px;
  margin: 0;
  padding: 7px 36px;
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
	font-weight: 400;
  color: #fff;
  border-radius: 4px;
  border: 1px solid #076cb4;
  background: #076cb4;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.commentBox button:hover {
  width: 120px;
  height: 36px;
  margin: 0;
  padding: 7px 36px;
  font-family: 'Prompt', sans-serif;
  font-size: 15px;
	font-weight: 400;
  color: #fff;
  border-radius: 4px;
  border: 1px solid #a7a7a7;
  background: #a7a7a7;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.commentsBoxCmt {
  width: 100%;
  height: auto;
  margin: 40px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.txtBoxNCmts {
  width: 100%;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  position: relative;
  float: left;
}

.commentsFldTl {
  width: 100%;
  height: auto;
  margin: 15px 0;
  padding: 0 0 10px 0;
  font-size: 22px;
  font-weight: 500;
  color: #232323;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
}

.commentsBoxLn {
  width: 90%;
  height: auto;
  margin: 16px 0 0 0;
  padding: 12px 5% 20px 5%;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  position: relative;
  float: left;
}

.commentsTxtBox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}



/*Styles for Resultati-Pretrage-Objekti, Toponimi*/

.sectResultSearch {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.search-containerRSrch {
  width: 100%;
  height: 40px;
  margin: 0 0 20px 0;
  padding: 0;
  background: #f1f1f1;
  border-radius: 20px;
  position: relative;
  float: left;
}

.search-containerRSrchRes {
  display: none;
}

.search-containerRSrch input[type=text] {
  width: 78.5%;
  margin: 0 0 0 24px;
  padding: 10px 0;
  font-size: 16px;
  color: #656565;
  background: #f1f1f1;
  border: none;
  -webkit-padding-before: 12px;
}

.search-containerRSrch input[type=text]:focus {
  background: #f1f1f1;
}

.search-containerRSrch button {
  margin: 0;
  padding: 6px 15px 6px 0;
  font-size: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.search-containerRSrch button:hover {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}



.contResultSearchMain {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contResultSearch {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
}

.contResultSearchNone {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contRSBox {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  position: relative;
  float: left;
}

.contRSBoxP {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contRSImgMainBox {
  display: none;
}

.contRSImgMainBoxRes p {
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #a7a7a7;
  position: relative;
  float: left;
}

.contRSImgMainBoxRes {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contRSImgMain {
  display: none;
}

.contRSImgMainRes {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.contRSBox img {
  width: 100%;
  height: auto;
  margin: 12px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.contRSBoxTxt {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contRSBoxTl {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  float: left;
}

.contRSBoxInfo {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  position: relative;
  float: left;
}

.contRSBAddress {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #656565;
}

.contRSBoxInfo a {
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contRSBoxInfo a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.contRSBoxTlMain {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  float: left;
}

.contRSLn {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #292929;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}

.expTl {
  width: 100%;
  height: auto;
  margin: 20px 0 10px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  position: relative;
  float: left;
}

.expTabFld {
  display: none;
}

.expTabFldRes {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.expTab {
  width: auto;
  height: auto;
  margin: 0 5px 5px 0;
  padding: 5px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.0;
  color: #076cb4;
  border-radius: 12px;
  border: 1px solid #076cb4;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.expTab:hover {
  color: #a7a7a7;
  border: 1px solid #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

a.expTabFldResBtn {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.03625em;
  color: #076cb4;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

a.expTabFldResBtn:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.gallPgFldRS {
  width: 47.5%;
  height: 6.5em;
  margin: 1.25%;
  padding: 0;
  position: relative;
  float: left;
}

.gallPgFldRSR {
  width: 47.5%;
  height: 6.5em;
  margin: 1.25%;
  padding: 0;
  position: relative;
  float: left;
}

.gallPgFldRS img {
  width: 100%;
  height: 6.5em;
  margin: 0;
  padding: 0;
  display: block;
  object-fit: cover;
  position: relative;
  float: left;
}

.gallPgFldRSR img {
  width: 100%;
  height: 6.5em;
  margin: 0;
  padding: 0;
  display: block;
  object-fit: cover;
  position: relative;
  float: left;
}

.gallOvrPgRS {
  width: 100%;
  height: 6.5em;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallOvrPgRS:hover {
  width: 100%;
  height: 6.5em;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0) no-repeat;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallPgOvrNo {
  width: 100%;
  height: 114px;
  margin: 0;
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  float: left;
  z-index: 2;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallPgOvrNo:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallPhotoPgRS {
  width: 100%;
  height: 6.5em;
  margin: 0;
  padding: 0;
}


.contRSearchL {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.contRSearchR {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.contRSBoxL {
  width: 100%;
  height: 13.75em;
  margin: 0 0 12px 0;
  padding: 0;
  position: relative;
  float: left;
}

.contRSBoxR {
  width: 100%;
  height: 13.75em;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contRSBoxImgOvr {
  width: 100%;
  height: 13.75em;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contRSBoxImgOvr:hover {
  background: rgba(0, 0, 0, 0);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contRSBoxImg {
  width: 100%;
  height: 13.75em;
  margin: 0;
  padding: 0;
  object-fit: cover;
}


.hrRSres {
  display: block;
  width: 100%;
  height: 1px;
  margin: 30px 0;
  padding: 0;
  background: #cbcbcb;
  position: relative;
  float: left;
}


.contRSearch {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contRSMapFld {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
}

#map {
  width: 100%;
  height: 360px;
  margin: 0;
  padding: 0;
  background: #b6c7d9;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  float: left;
}

#mapT {
  width: 100%;
  height: 360px;
  margin: 0;
  padding: 0;
  background: #b6c7d9;
  border-radius: 8px;
  position: relative;
  float: left;
}

.sightsFld {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  position: relative;
  float: left;
}

.sightsFldTl {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
}

.sightsFldRow {
  width: 100%;
  height: auto;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  float: left;
}

.sightsFldRowImg {
  width: 20px;
  height: auto;
  margin: 0 12px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.sightsFldRowTxt {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.sightsFldRowTxt a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  color: #076cb4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.sightsFldRowTxt a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.contRSBoxTlMain select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #cbcbcb;
  margin: -5px 5px 0 -25px;
  padding: 4px 5px 4px 10px;
  width: 75px;
  height: 36px;
  color: #232323;
  font-family: 'Prompt', sans-serif;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #fff url(../images/ic-arrow-down.svg) no-repeat;
  background-position: 45px 5px;
}


.firmVistObjRow {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmVistObj {
  width: 46.85%;
  height: 7.125rem;
  margin: 0 1.25% 2.5% 1.25%;
  padding: 0;
  border-radius: 8px;
  border: 1px solid #cbcbcb;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmVistObj:hover {
  filter: opacity(65%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmVistObjR {
  width: 46.85%;
  height: 7.125rem;
  margin: 0 1.25% 2.5% 1.25%;
  padding: 0;
  border-radius: 8px;
  border: 1px solid #cbcbcb;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmVistObjR:hover {
  filter: opacity(65%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmVistObjImg {
  width: 100%;
  height: 65px;
  margin: 0;
  padding: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.firmVistObjTl {
  width: 95%;
  height: auto;
  margin: 8px 0;
  padding: 0 2.5%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.0;
  color: #656565;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.sightsModal {
  display: none;
}

#bgMaskMod {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 0;
  position: fixed;
  float: left;
  top: 0;
  left: 0;
  z-index: 3;
}

.sightsModalRes {
  display: block;
  width: 75%;
  height: auto;
  margin: 0 5%;
  padding: 7.5%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  float: left;
  z-index: 4;
  top: 7.5em;
  left: 0;
}

.closeMod {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.03125em;
  text-align: right;
  color: #076cb4;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.closeMod:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.sightsModalImg {
  display: none;
}

.sightsModalImgRes {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  position: relative;
  float: left;
}

.sightsModalTxt {
  width: 100%;
  height: auto;
  margin: 0 0 12px 0;
  padding: 0;
  position: relative;
  float: left;
}

.modTl {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.modInfoTl {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #a7a7a7;
}

.modInfo {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
}

.modInfo a {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.modInfo a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}



.contResultSearchSide {
  width: 90%;
  height: auto;
  margin: 30px 0 0 0;
  padding: 5%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  float: left;
}

.firmRSRow {
  width: 100%;
  height: auto;
  margin: 4px 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmRSRowBord {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
}

.firmRSLogo {
  width: auto;
  height: 80px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmRSLogoTl {
  width: auto;
  height: 80px;
  margin: 0 0 0 35px;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #656565;
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
  float: left;
}

.firmRSTl {
  width: 100%;
  height: auto;
  margin: 8px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #292929;
  position: relative;
  float: left;
}

.infoRSTl {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #656565;
  position: relative;
  float: left;
}

.infoRSTxt {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}

.infoRSTxt1 {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  color: #232323;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}

.infoRSTxt a {
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.infoRSTxt a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.infoRSBld {
  font-weight: 500;
}

.firmRSRowView {
  width: 100%;
  height: 30px;
  margin: 16px 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}


.firmModal {
  display: none;
}

#bgMaskModFirm {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 0;
  position: fixed;
  float: left;
  top: 0;
  left: 0;
  z-index: 3;
}

.firmModalRes {
  display: block;
  width: 75%;
  height: auto;
  margin: 0 5%;
  padding: 7.5%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  float: left;
  z-index: 4;
  top: 7.5em;
  left: 0;
}

.firmModalTxt {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}



.firmRsObjImg {
  width: 25%;
  height: auto;
  margin: 0 2.5% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmObjImg {
  width: 4.75em;
  height: 4.75em;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  object-fit: cover;
}

.firmRsObjTxt {
  width: 72.5%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmRsObjTxt a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
  color: #076cb4;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmRsObjTxt a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmObjTxt {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.hrRS {
  width: 100%;
  height: 1px;
  margin: 12px 0;
  padding: 0;
  background: #cbcbcb;
  position: relative;
  float: left;
}


.firmRSTlProj {
  width: 100%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #656565;
  position: relative;
  float: left;
}

.firmRSBoxProj {
  width: 93.85%;
  height: 68px;
  margin: 0 0 8px 0;
  padding: 12px 2.5%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  border-radius: 8px;
  border: 1px solid #cbcbcb;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmRSBoxProj:hover {
  filter: opacity(65%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmRSBoxProj p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.firmProjImg {
  max-width: 115px;
  max-height: 35px;
  margin: 0 0 16px 0;
  padding: 0;
}


.toponimFldL {
  width: 46.85%;
  height: 8.125rem;
  margin: 0 1.25% 2.5% 1.25%;
  padding: 0;
  border-radius: 8px;
  border: 1px solid #cbcbcb;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.toponimFldL:hover {
  filter: opacity(65%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.toponimFldM {
  width: 46.85%;
  height: 8.125rem;
  margin: 0 1.25% 2.5% 1.25%;
  padding: 0;
  border-radius: 8px;
  border: 1px solid #cbcbcb;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.toponimFldM:hover {
  filter: opacity(65%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.toponimFldR {
  width: 46.85%;
  height: 8.125rem;
  margin: 0 1.25% 2.5% 1.25%;
  padding: 0;
  border-radius: 8px;
  border: 1px solid #cbcbcb;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.toponimFldR:hover {
  filter: opacity(65%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.toponimImg {
  width: 100%;
  height: 65px;
  margin: 0;
  padding: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  object-fit: cover;
}

.toponimTl {
  margin: 8px 0;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.0;
  color: #656565;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.toponimTlDist {
  margin: 0;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.0;
  color: #656565;
}



/*Styles for Resultati-Pretrage-Objekti-Bez-Slike, Toponimi-Bez-Slike*/

.contRSBoxTlNoImg {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  float: left;
}

.contRSBoxTxtNoImg {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  float: left;
}

.txtBoxNoImg {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contRSBoxTxtNoImgIcn img {
  width: 20px;
  height: auto;
  margin: 0 10px 0 0;
  padding: 0;
}

.contRSBoxTxtNoImgInfo {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.boxNITl {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.boxNIInfoTl {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #a7a7a7;
}

.boxNIInfo {
  width: 100%;
  height: auto;
  margin: 0 0 12px 30px;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
}

.boxNIInfo a {
  width: 100%;
  height: auto;
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.boxNIInfo a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.hrRSNI {
  width: 100%;
  height: 1px;
  margin: 24px 0 -16px 0;
  padding: 0;
  background: #cbcbcb;
  position: relative;
  float: left;
}



/*Styles for Katalog-Firmi*/

.firmCatHighBox {
  width: 90%;
  height: auto;
  margin: 10px 0 20px 0;
  padding: 5%;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmCatHighBox:hover {
  filter: opacity(65%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmCatImgFld {
  width: auto;
  height: 40px;
  margin: 0 16px 0 0;
  padding: 0;
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmCatImgFld img {
  display: block;
  outline: none;
  border: none;
}

.firmCatImg {
  max-width: 135px;
  max-height: 40px;
  margin: 0;
  padding: 0;
}

.firmCatTlFld {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAllF {
  min-width: 68px;
  height: 14px;
  margin: 0;
  padding: 6px 15px;
  border: 1px solid #076cb4;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #076cb4;
  line-height: 1.0;
  display: flex;
  justify-content: left;
  align-items: center;
  text-transform: uppercase;
  position: absolute;
  float: right;
  top: 16px;
  right: 12px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAllF:hover {
  filter: grayscale(100%) brightness(185%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.search-containerF {
  width: 100%;
  height: 40px;
  margin: 0 0 20px 0;
  padding: 0;
  background: #f1f1f1;
  border-radius: 20px;
  position: relative;
  float: left;
}

.search-containerFRes {
  display: none;
}

.search-containerF input[type=text] {
  width: 78.5%;
  margin: 0 0 0 24px;
  padding: 10px 0;
  font-size: 16px;
  color: #656565;
  background: #f1f1f1;
  border: none;
  -webkit-padding-before: 12px;
}

.search-containerF input[type=text]:focus {
  background: #f1f1f1;
}

.search-containerF button {
  margin: 0;
  padding: 6px 15px 6px 0;
  font-size: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.search-containerF button:hover {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.regionBoxF {
  width: 200px;
  height: auto;
  margin: 0 10px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.dropDownF {
  width: 200px;
  height: 36px;
  margin: 2px 0;
  padding: 4px 5px 4px 10px;
  border-radius: 6px;
  border: 1px solid #cbcbcb;
  font-size: 15px;
  font-weight: 400;
  color: #232323;
  font-family: 'Prompt', sans-serif;
  outline: none;
  position: relative;
  float: left;
}

select.dropDownF {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #cbcbcb;
  padding: 4px 5px 4px 10px;
  width: 200px;
  height: 36px;
  color: #232323;
  font-family: 'Prompt', sans-serif;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #fff url(../images/ic-arrow-down.svg) no-repeat;
  background-position: 170px 5px;
}


.hrF {
  width: 100%;
  height: 1px;
  margin: 16px 0;
  padding: 0;
  background: #cbcbcb;
  position: relative;
  float: left;
}

.firmCatRow {
  width: 100%;
  height: auto;
  margin: 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmCatRowImg {
  width: 200px;
  height: 60px;
  margin: 0 20px 0 0;
  padding: 0;
  display: block;
  justify-content: left;
  align-items: center;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmCatRowImg img {
  display: block;
  outline: none;
  border: none;
}

.firmCatIcn {
  max-width: 200px;
  max-height: 60px;
  margin: 0;
  padding: 0;
}

.firmCatRowTlFld {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  position: relative;
  float: left;
}

.firmCatRowTl a {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: #292929;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmCatRowTl a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmCatRelInfoTl {
  margin: 8px 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #a7a7a7;
}

.firmCatRelTl a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: #076cb4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmCatRelTl a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}



.dropDownFrmBox {
  width: 760px;
  height: auto;
  margin: -5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

input.dropDownFrmL {
  width: 82.5vw;
  height: 30px;
  margin: 0 0 10px 0;
  padding: 4px 1.25% 4px 1.25%;
  border-radius: 4px;
  border: 1px solid #cbcbcb;
  font-size: 15px;
  font-weight: 400;
  color: #232323;
  font-family: 'Prompt', sans-serif;
  outline: none;
  position: relative;
  float: left;
}

select.dropDownFrmL {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cbcbcb;
  margin: 0 4px 0 0;
  padding: 4px 25px 4px 5px;
  width: 375px;
  height: 40px;
  font-size: 15px;
  font-weight: 400;
  color: #232323;
  font-family: 'Prompt', sans-serif;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #fff url(../images/ic-arrow-down.svg) no-repeat;
  background-position: 340px 8px;
  display: none;
}

input.dropDownFrmR {
  width: 82.5vw;
  height: 30px;
  margin: 0 0 10px 0;
  padding: 4px 1.25% 4px 1.25%;
  border-radius: 4px;
  border: 1px solid #cbcbcb;
  font-size: 15px;
  font-weight: 400;
  color: #232323;
  font-family: 'Prompt', sans-serif;
  outline: none;
  position: relative;
  float: left;
}

select.dropDownFrmR {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cbcbcb;
  margin: 0;
  padding: 4px 25px 4px 5px;
  width: 375px;
  height: 40px;
  font-size: 15px;
  font-weight: 400;
  color: #232323;
  font-family: 'Prompt', sans-serif;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #fff url(../images/ic-arrow-down.svg) no-repeat;
  background-position: 340px 8px;
  display: none;
}


.eventsDate {
  width: 288px;
  height: 30px;
  margin: 0 4px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.calendar {
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.datepicker-here  {
  margin: 0;
  padding: 0;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 300;
  text-indent: 5px;
  position: relative;
  float: left;
}

.datePickEvent {
  width: 130px;
  height: 28px;
  margin: 0;
  padding: 0;
  font-family: 'Prompt', sans-serif;
  border: 1px solid #cbcbcb;
  color: #232323;
  background: #fff url(../images/ic-calendar.svg) no-repeat;
  background-position: 96% 2px;
  position: relative;
  float: left;
}

input.datepicker-here:focus, select.datepicker-here:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: 1px solid #232323;
  border-radius: 4px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.dashD {
  width: 6px;
  height: 30px;
  margin: 0 8px;
  padding: 0;
  position: relative;
  float: left;
}


.filters {
  width: 130px;
  height: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
}

.aplyFlt {
  width: 55px;
  height: 30px;
  margin: 0 20px 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  color: #076cb4;
  font-family: 'Prompt', sans-serif;
  background: transparent;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  border: none;
  outline: none;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.aplyFlt:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.resetFlt {
  width: 55px;
  height: 30px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  color: #656565;
  font-family: 'Prompt', sans-serif;
  background: transparent;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  border: none;
  outline: none;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.resetFlt:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}



/*Styles for Firma-Detalji*/

.contBoxFrmMain {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contBoxFrm {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contBoxFrm h2 {
  width: 72.5%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

#dtlMenu {
  margin: 0;
  padding: 0;
  position: absolute;
  float: left;
  left: 0;
  top: 0;
  z-index: 3;
  transition: left 0.5s ease-in-out;
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
}


.firmDtlBtnRes {
  display: block;
  width: 24px;
  height: auto;
  margin: 12px 0 0 20px;
  padding: 0;
  position: relative;
  float: left;
}

.firmDtlMenuRes {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  color: #232323;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: 'Prompt', sans-serif;
  border: none;
  cursor: pointer;
  -webkit-box-shadow: 0px -1px 1px 0px rgba(217,217,217,1);
  -moz-box-shadow: 0px -1px 1px 0px rgba(217,217,217,1);
  box-shadow: 0px -1px 1px 0px rgba(217,217,217,1);
  position: fixed;
  float: left;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.firmDtlContainerRes {
  width: 100%;
  height: auto;
  margin: -36px 0 0 0;
  padding: 0;
  background: #fff;
  position: relative;
  float: left;
}

.dropdownFrmMenu {
  width: 100%;
  height: 50vh;
  margin: 0;
  padding: 0 0 50px 0;
  position: relative;
  float: left;
  display: block;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: #a7a7a7 #cdcdcd;
  scrollbar-width: thin;
}

.dropbtnFrmMenu {
  width: 100%;
  height: auto;
  background: #fff;
  color: #232323;
  margin: 0;
  padding: 10px 15px;
  font-size: 13px;
  font-family: 'Prompt', sans-serif;
  text-align: left;
  border: none;
  cursor: pointer;
}

.dropdown-contentFrmMenu {
  display: block;
  position: relative;
  background-color: #fff;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: 'Prompt', sans-serif;
  border-top: 1px solid #cbcbcb;
  z-index: 1;
}


.firmDtlMenu {
  display: none;
}

.firmDtlImg {
  width: 32px;
  height: 24px;
  margin: 8px 0 4px 0;
  padding: 0 0 0 4px;
  border-left: 4px solid transparent;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlImgAct {
  width: 32px;
  height: 24px;
  margin: 8px 0 4px 0;
  padding: 0 0 0 4px;
  border-left: 4px solid #cd271e;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlImg:hover img {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlImgAct:hover img {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlImg img {
  display: block;
  outline: none;
  border: none;
}

.firmDtlImgAct img {
  display: block;
  outline: none;
  border: none;
}

.firmDtlIcn {
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0 0 0 4px;
}

.firmDtlIcnRes {
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0 0 0 4px;
  transform: rotate(-90deg);
}


.tooltip {
  width: 185px;
  position: relative;
  display: block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  height: 30px;
  margin: 5px 0 0 15px;
  padding: 2px 8px;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 2.35;
  border-radius: 4px;
  position: absolute;
  float: left;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


.firmDtlContainer {
  width: 239px;
  height: auto;
	margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlImgExpRes {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  color: #232323;
  margin: 0;
  padding: 18px 0 14px 8px;
  font-size: 13px;
  font-family: 'Prompt', sans-serif;
  line-height: 1.85;
  border: none;
  cursor: pointer;
  -webkit-box-shadow: 0px -1px 1px 0px rgba(217,217,217,1);
  -moz-box-shadow: 0px -1px 1px 0px rgba(217,217,217,1);
  box-shadow: 0px -1px 1px 0px rgba(217,217,217,1);
  position: fixed;
  float: left;
  left: 0;
  bottom: 0;
  z-index: 2;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlImgExpRes:hover img {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlImgExp {
  width: 240px;
  height: auto;
  margin: 8px 0 14px 8px;
  padding: 0 0 0 4px;
  border-left: 4px solid transparent;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlImgActExp {
  width: 240px;
  height: auto;
  margin: 8px 0 14px 8px;
  padding: 0 0 0 4px;
  border-left: 4px solid #cd271e;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlImgExp:hover img {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlImgActExp:hover img {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlTlExp {
  width: 190px;
  height: auto;
  margin: -20px 0 0 40px;
  padding: 0;
  font-size: 15px;
  line-height: 0.75;
  color: #232323;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlImgExp:hover > .firmDtlTlExp {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlImgActExp:hover > .firmDtlTlExp {
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDtlTlExpBck {
  width: 190px;
  height: auto;
  margin: -22px 0 0 40px;
  padding: 0;
  font-size: 15px;
  line-height: 1.0;
  color: #232323;
  position: relative;
  float: left;
}


.firmDtlCont {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmTlMain {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 22px;
  position: relative;
  float: left;
}

.firmTypeLogo {
  display: none;
}

.firmTypeLogoRes {
  display: block;
  width: auto;
  height: 60px;
  margin: 0 0 16px 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmTypeLogoRes img {
  display: block;
  outline: none;
  border: none;
}

.firmTypeLogoIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.firmTypeTag {
  margin: 0 50% 35px 0;
  padding: 2px 6px;
  font-size: 14px;
  line-height: 1.5;
  color: #a7a7a7;
  border-radius: 12px;
  border: solid 1px #cbcbcb;
  position: relative;
  float: left;
}


.firmInfoMainBox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}

.firmInfoBoxBig {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  flex: none;
}

.firmInfoBox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  flex: none;
}

.firmInfoFld {
  width: 47.5%;
  height: auto;
  margin: 0 1.25% 16px 1.25%;
  padding: 0;
  font-size: 16px;
  line-height: 1.35;
  position: relative;
  float: left;
}

.firmInfoFld a {
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmInfoFld a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmInfoMainBoxActive {
  width: 100%;
  height: auto;
  margin: 8px 0 0 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.35;
  position: relative;
  float: left;
}

.firmInfoSubTl {
  margin: 0 0 4px 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #9e9e9e;
}


.hrFD {
  width: 100%;
  height: 1px;
  margin: 20px 0;
  padding: 0;
  background: #cbcbcb;
  position: relative;
  float: left;
}

.hrFD1 {
  display: block;
  width: 100%;
  height: 1px;
  margin: 20px 0;
  padding: 0;
  background: #cbcbcb;
  position: relative;
  float: left;
}

.hrFDRes {
  display: none;
}


.firmContBox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.35;
  position: relative;
  float: left;
  flex: 1;
}

.firmContBox a {
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmContBox a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.firmBoxPin {
  width: 100%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  color: #076cb4;
  position: relative;
  float: left;
}

.pinBlue {
  margin: 0 16px 8px 0;
  padding: 2px 8px;
  border-radius: 12px;
  background: #d2e8f7;
  border: 1px solid #d2e8f7;
  filter: grayscale(0);
  position: relative;
  float: left;
}

.pinGrey {
  margin: 0 16px 8px 0;
  padding: 2px 8px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #cbcbcb;
  filter: grayscale(100%);
  position: relative;
  float: left;
}

.pinImg {
  display: block;
  width: 16px;
  height: auto;
  margin: 0 4px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.pinTxt {
  margin: 0;
  padding: 0;
}


.firmContRow {
  width: 100%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmContSubTl {
  width: 80px;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #9e9e9e;
  position: relative;
  float: left;
}

.icnSocialFrm {
  width: 24px;
  height: auto;
  margin: 30px 10px 0 0;
  padding: 0;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.icnSocialFrm:hover {
  filter: opacity(65%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gMapFD {
  width: 100%;
  height: 15rem;
  margin: 30px 0 0 0;
  padding: 0;
  border-radius: 8px;
  position: relative;
  float: left;
}


.bigNo {
  font-size: 22px;
  font-weight: 500;
}

.circleNoShape {
  width: 76px;
  height: 76px;
  margin: 4px 0 0 0;
  padding: 0;
  border: 4px solid #54c851;
  border-radius: 50%;
  position: relative;
  float: left;
}

.circleNo {
  width: 76px;
  height: 76px;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  display: flex;
  justify-content: center;
  align-items: center;
}

.firmInfoSubTlPie {
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
}

.pieLegend {
  width: 100%;
  height: auto;
  margin: 16px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.pieBoxRow {
  width: 275px;
  height: auto;
  margin: 0 0 14px 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.35;
  position: relative;
  float: left;
}

.pieBox1 {
  width: 20px;
  height: 20px;
  margin: 0 12px 0 0;
  padding: 0;
  border-radius: 4px;
  background-color: #3ea2e9;
  position: relative;
  float: left;
}

.pieBox2 {
  width: 20px;
  height: 20px;
  margin: 0 12px 0 0;
  padding: 0;
  border-radius: 4px;
  background-color: #f89a1f;
  position: relative;
  float: left;
}

.pieBox3 {
  width: 20px;
  height: 20px;
  margin: 0 12px 0 0;
  padding: 0;
  border-radius: 4px;
  background-color: #25cec3;
  position: relative;
  float: left;
}

.pieBox4 {
  width: 20px;
  height: 20px;
  margin: 0 12px 0 0;
  padding: 0;
  border-radius: 4px;
  background-color: #f75757;
  position: relative;
  float: left;
}

.pieBox5 {
  width: 20px;
  height: 20px;
  margin: 0 12px 0 0;
  padding: 0;
  border-radius: 4px;
  background-color: #de57f7;
  position: relative;
  float: left;
}

.pieBox6 {
  width: 20px;
  height: 20px;
  margin: 0 12px 0 0;
  padding: 0;
  border-radius: 4px;
  background-color: #cecacf;
  position: relative;
  float: left;
}

.showMore {
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #076cb4;
  text-transform: uppercase;
}


.firmLabelBox {
  width: 100%;
  height: auto;
  margin: 8px 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
  flex: none;
}

.firmLabelBox img {
  width: 17.5%;
  height: auto;
  margin: 16px 41.25% 0 41.25%;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
  flex: none;
}


.activInfoBox {
  width: 100%;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  position: relative;
  float: left;
}

.showMoreAct {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 100px 0 25px 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #076cb4;
  text-align: center;
  text-transform: uppercase;
  background-image: linear-gradient(to top, #fff, transparent);
  position: absolute;
  float: left;
  left: 0;
  bottom: -50px;
}


.firmInfoMainPartBox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmPartBoxL {
  width: 92.75%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 3.5%;
  border-radius: 8px;
  border: solid 1px #cbcbcb;
  position: relative;
  float: left;
}

.firmPartBoxR {
  width: 92.75%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 3.5%;
  border-radius: 8px;
  border: solid 1px #cbcbcb;
  position: relative;
  float: left;
}

.firmPartImgFld {
  width: 100px;
  height: 50px;
  margin: 0 50% 24px 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  float: left;
}

.firmPartImgFld img {
  display: block;
  outline: none;
  border: none;
}

.firmPartImg {
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
}

.firmPartTxtFld {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  position: relative;
  float: left;
}

.firmPartTxtFld a {
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmPartTxtFld a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmPartNo {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.65;
}


.firmPartTxtFldLnk {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  position: relative;
  float: left;
}

.firmPartLnk {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmPartLnk:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.firmBoxSingleBigHor {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 12px 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmBoxImgBig {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
  border: none;
  position: relative;
  float: left;
}

.txtBigHorFrm {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  margin: 0 0 20px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #cbcbcb;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.contBox4Firm {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  display: block;
  gap: none;
}

.firmBoxSingle {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  float: left;
  flex: none;
}


.firmTenderMainBox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  float: left;
  gap: none;
}

.firmTenderFld {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  flex: none;
}

.firmTenderRow {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  position: relative;
  float: left;
  display: block;
}

.firmTenderTl a {
  margin: 0 0 4px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
  color: #076cb4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmTenderTl a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmTenderTxt {
  margin: 0 0 4px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmTenderDate {
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: #a7a7a7;
}


.summ {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}


.firmTenderTlFin {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.firmTenderRow img {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  position: relative;
  float: left;
  display: block;
}

.firmTenderImgFin {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}


.firmTenderTableMainBox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  float: left;
  gap: none;
}

.firmTenderTable {
  width: 423px;
  height: auto;
  margin: 0 0 15px 0;
  padding: 0;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: #a7a7a7 #cdcdcd;
  scrollbar-width: thin;
  position: relative;
  float: left;
}

.firmTenderTable1 {
  width: 423px;
  height: auto;
  margin: 5px 0 15px 0;
  padding: 0;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  position: relative;
  float: left;
}

.firmTenderTableRowTl {
  width: 423px;
  height: auto;
  margin: 0;
  padding: 10px 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #f1f1f1;
  justify-content: center;
  align-items: center;
  position: relative;
  float: left;
  display: flex;
}

.firmTenderTableRowTxt {
  width: 423px;
  height: auto;
  margin: 0;
  padding: 10px 0;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #d1d1d1;
  position: relative;
  float: left;
  display: flex;
}

.firmTenderFldL {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 0 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  text-align: left;
  position: relative;
  float: left;
  flex: 1.35;
}

.firmTenderFldR {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  text-align: center;
  position: relative;
  float: left;
  flex: 1;
}

.firmTenderFldB {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
  text-align: center;
  position: relative;
  float: left;
  flex: 1;
}

.stckFld {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}

.stckBox {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
  flex: none;
}

.stckImg {
  width: 46px;
  height: auto;
  margin: 0 12px 0 0;
  padding: 0;
  position: relative;
  float: left;
  display: block;
}

.stckTxt {
  margin: -5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.stckTxtInfo {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: #9e9e9e;
}

.stckTxtValue {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.0;
}

.btnViewAllS {
  min-width: 68px;
  height: 14px;
  margin: 4px 0 0 0;
  padding: 6px 15px;
  border: 1px solid #076cb4;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #076cb4;
  line-height: 1.0;
  display: flex;
  justify-content: left;
  align-items: center;
  text-transform: uppercase;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAllS:hover {
  filter: grayscale(100%) brightness(185%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.firmPonBoxL {
  width: 100%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmPonBoxR {
  width: 100%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmPonImgFld {
  width: 20%;
  height: auto;
  margin: 0 3.5% 0 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  float: left;
}

.firmPonImgFld img {
  display: block;
  outline: none;
  border: none;
  border-radius: 6px;
}

.firmPonImg {
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
}

.firmPonTxtFld {
  width: 76.5%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}

.firmPonTxtFld a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmPonTxtFld a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.firmRefImgFld {
  width: 15%;
  height: auto;
  margin: 0 2.5% 0 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  float: left;
}

.firmRefImgFld img {
  display: block;
  outline: none;
  border: none;
  border-radius: 6px;
}

.firmRefImg {
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
}

.firmRefTxtFld {
  width: 82.5%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  position: relative;
  float: left;
}

.firmRefTxtFld a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmRefTxtFld a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

a.refLnk {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
    color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

a.refLnk:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.gallFirmFld {
  width: 47.5%;
  height: 120px;
  margin: 0 2.5% 8px 0;
  padding: 0;
  position: relative;
  float: left;
}

.gallFirmFldR {
  width: 47.5%;
  height: 120px;
  margin: 0 0 8px 0;
  padding: 0;
  position: relative;
  float: left;
}

.gallFirmFld img {
  width: 100%;
  height: 120px;
  margin: 0;
  padding: 0;
  display: block;
  object-fit: cover;
  position: relative;
  float: left;
}

.gallFirmFldR img {
  width: 100%;
  height: 120px;
  margin: 0;
  padding: 0;
  display: block;
  object-fit: cover;
  position: relative;
  float: left;
}

.gallOvrFirm {
  width: 100%;
  height: 120px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallOvrFirm:hover {
  width: 100%;
  height: 120px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0) no-repeat;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.photoGallFirm {
  width: 100%;
  height: 120px;
  margin: 0;
  padding: 0;
}

.gallFirmOvrNo {
  width: 100%;
  height: 120px;
  margin: 0;
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  float: left;
  z-index: 2;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gallFirmOvrNo:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.imgPhotoMFrm {
  display: none;
}


.firmGallMainBox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  float: left;
  gap: none;
}

.boxGallFirm {
  width: 100%;
  height: 12.5em;
  margin: 0 0 12px 0;
  padding: 0;
  overflow: hidden;
  background: cover;
  position: relative;
  float: left;
  flex: none;
}

.boxGallFirm img {
  display: block;
  outline: none;
  border: none;
}

.imgGallFirm {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.tlGallFirm  {
  width: 90%;
  height: 60%;
  margin: 0;
  padding: 5%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1.0));
  cursor: pointer;
  position: absolute;
  bottom: 0;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}

.boxGallFirm:hover > .tlGallFirm {
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.75));
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}

.boxGallFirm > .tlGallFirm > .hTlGallFirm {
  width: 95%;
  height: auto;
  margin: 0 2.5% 1.0% 2.5%;
  padding: 0;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: absolute;
  float: left;
  left: 0;
  bottom: 5%;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.boxGallFirm:hover > .tlGallFirm > .hTlGallFirm {
  color: #fff;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tlVidFirm {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tlVidFirm:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.rslides_containerDel {
  width: 100%;
  height: auto;
	margin: 0;
  padding: 0;
	position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.firmDelBoxL {
  width: 92.5%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 3.5%;
  border-radius: 8px;
  border: solid 1px #cbcbcb;
  position: relative;
  float: left;
}

.firmDelBoxL p {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmDelBoxR {
  width: 92.5%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 3.5%;
  border-radius: 8px;
  border: solid 1px #cbcbcb;
  position: relative;
  float: left;
}

.firmDelBoxR p {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmDelImg {
  width: auto;
  height: 60px;
  margin: 0 65% 14px 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  float: left;
}

.firmDelImg img {
  display: block;
  outline: none;
  border: none;
}

.firmDelIcn {
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
}

.firmDelBoxL a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDelBoxL a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDelBoxR a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
  color: #076cb4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmDelBoxR a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.tagCurrentFirm {
  width: auto;
  height: 24px;
  margin: 0;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 2.15;
  color: #fff;
  border-radius: 12px;
  background-color: #f89a1f;
  position: absolute;
  float: right;
  top: 85px;
  right: 20px;
  z-index: 3;
}

.firmTlD {
  width: 100%;
  height: auto;
  margin: 8px 0 0 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
  color: #292929;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}

.firmVenue {
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.firmVenue img {
  display: block;
  outline: none;
  border: none;
}

.firmVenueIcn {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
}

.firmVenueInfo {
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #606060;
  position: relative;
  float: left;
}

.firmVenueCat {
  margin: 14px 0 0 0;
  padding: 0 8px;
  font-size: 14px;
  line-height: 1.55;
  color: #a7a7a7;
  border-radius: 12px;
  border: solid 1px #cbcbcb;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.firmVenueCat:hover {
  margin: 14px 0 0 0;
  padding: 0 8px;
  font-size: 14px;
  line-height: 1.55;
  color: #232323;
  border-radius: 12px;
  border: solid 1px #232323;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.personImgFld {
  width: 72px;
  height: 72px;
  margin: 0 12px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.personImgFld img {
  display: block;
  outline: none;
  border: none;
  border-radius: 8px;
}

.personImg {
  width: 72px;
  height: 72px;
  margin: 0;
  padding: 0;
}

.personTlFld {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.personTlFld:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

span.contBoxDateCatFrm {
  width: 268px;
  height: auto;
  margin: 8px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #a7a7a7;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

span.contBoxDateCatFrm:hover {
  color: #232323;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.asdBoxTlFrm {
  width: 268px;
  height: auto;
  margin: 8px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}

.asdBoxTlFrm a {
  color: inherit;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.asdBoxTlFrm a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.rslides_containerF {
  width: 100%;
  height: auto;
	margin: 0;
  padding: 0;
	position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.slideTlGKF {
  width: 100%;
  height: 30px;
  margin: 4px 0 12px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: #076cb4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.slideTlGKF:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.asdBoxFrm {
  display: block;
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.asdBoxFullFrm {
  display: block;
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.asdBoxTl1Frm {
  width: 268px;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: #076cb4;
}

.asdBoxTl1Frm a {
  color: inherit;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.asdBoxTl1Frm a:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.asdBoxGKFrm {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 24px 0 0 0;
  border-top: 1px solid #cbcbcb;
  position: relative;
  float: left;
}

.btnViewAllFrm {
  min-width: 68px;
  height: 14px;
  margin: 24px 0 0 0;
  padding: 6px 15px;
  border: 1px solid #076cb4;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #076cb4;
  line-height: 1.0;
  display: flex;
  justify-content: left;
  align-items: center;
  text-transform: uppercase;
  position: absolute;
  float: right;
  top: 0;
  right: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.btnViewAllFrm:hover {
  filter: grayscale(100%) brightness(185%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}













































































































































































































/*Styles for Tematski-Bilteni-Godine*/

.tbLnBox {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tbLnBox:hover {
  filter: opacity(85%);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tbImgBox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.tbImgBox img {
  display: block;
  outline: none;
  border: none;
}

.tbImg {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.tbTxtBox {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: block;
  justify-content: center;
  align-items: center;
  position: relative;
  float: left;
}

.tbTxtCont {
  display: block;
}

.tbTl {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.55;
  color: #292929;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tbTl:hover {
  color: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tbTxt {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  float: left;
}

.tbBtn {
  width: auto;
  height: auto;
  margin: 16px 0 0 0;
  padding: 6px 20px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #fff;
  background: #076cb4;
  border-radius: 14px;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.tbBtn:hover {
  background: #a7a7a7;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

}