/*CSS Document*/


/*-------Media------*/


@media only screen and (min-width: 402px) and (max-width: 584px)  {



/*Styles for Posle-posla, Na-današnji-dan, Galerije*/

body {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  background-image: url(../images/bodyBackground.png);
  background-repeat: repeat;
  background-position: top center;
  text-decoration: none;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  white-space: normal;
  -webkit-text-size-adjust: 100%;
}

header {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

section {
  width: 100%;
  height: auto;
  min-height: 500px;
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

aside {
  width: 100%;
  height: auto;
  min-height: 500px;
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

footer {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  background: #ffffff;
  position: relative;
  float: left;
}

#wrapper, #wrapper2 {
  width: 100%;
  height: auto;
  min-height: 500px;
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #ffffff;
  overflow: hidden;
}

a,a:link,a:visited,a:hover {
  color: inherit;
  text-decoration: none;
  border: none;
  outline: none;
}

a:active {
  background-color: #a3c5e0;
  text-decoration: none;
  border: none;
  outline: none;
}

a img {
  border:none;
  outline:none;
}

.navBar {
  width: 20px;
  height: auto;
  margin: -10px 20px 0 0;
  padding: 0;
  position: relative;
  float: right;
}

#mainmenu {
  display: block;
}

.menu {
  display: block;
}

.menu-img {
  display: block;
}

.topMenu  {
  width: 100%;
  height: 50px;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

#topList ul {
  display: none;
}

#topList li {
  display: none;
}

#topList .li-d {
  display: none;
}

#topList li a:hover  {
  display: none;
}

#login  {
  display: none;
}

.name {
  display: none;
}

.pass {
  display: none;
}

input.field {
  display: none;
}

input.field:focus, select.field:focus {
  display: none;
}

.check  {
  display: none;
}

.logBtn {
  display: none;
}

button.logBtn:focus  {
  display: none;
}

#langListMenu {
  display: block;
}

#langListMenu ul  {
  width: 60%;
  height: auto;
  list-style-type: none;
  text-align: left;
  margin: 70px 0 0 0;
  padding: 10px 0 15px 40%;
  background: #e9e9e9;
  font-size: 13px;
  line-height: 24px;
  display: block;
  position: absolute;
  float: none;
  z-index: 2;
}

.langmenu {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}

.langmenu-img {
  margin: 25px 0 0 20px;
  padding: 0;
  display: block;
  position: absolute;
  float: left;
}

.langselect {
  display: none;
}

#langList ul {
  display: none;
}

#langList li {
  display: none;
}

#langList .li-b {
  display: none;
}

#topList li a:hover  {
  text-decoration: underline;
}

.actLang  {
  font-weight: 700;
}

.b-flag {
  width: 30px;
  height: 15px;
  margin: 0;
  padding: 0;
  vertical-align: -2px;
}

.headSearch {
  width: 100%;
  height: 15px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.search {
  display:none;
}

.searchRes {
  margin: 28px 50px 0 0;
  padding: 0;
  display: block;
  position: relative;
  float: right;
}

.search-field {
  display:none;
}

.srchBtnS  {
  display:none;
}

.srchBtnSRes  {
  display: block;
  margin: -22px 23% 0 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  border: none;
  cursor: pointer;
  position: relative;
  float: right;
  z-index: 2;
}

.logoField {
  width: 142px;
  height: 43px;
  margin: 0 35.5% 0 35.5%;
  padding: 0;
  position: absolute;
  float: left;
  -webkit-margin-start: 35.5%;
  -webkit-margin-end: 35.5%;
}

.logo {
  width: 142px;
  height: 43px;
  margin: 14px 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

#navList ul {
  display: none;
}

#navList li {
  display: none;
}

#navList li a:hover  {
  text-decoration: none;
}

#navmenu {
  width: 100%;
  height: auto;
  margin: 70px 0 0 0;
  padding: 0 0 200% 0;
  top: 0;
  background: rgba(0,0,0,0.5);
  display: block;
  position: absolute;
  float: none;
  z-index: 2;
}

.navmenu {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}

.navmenu-img {
  margin: -24px 20px 0 0;
  padding: 0;
  display: block;
  position: relative;
  float: right;
  width: 32px;
}

ul.menuList {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #e9e9e9;
  display: block;
  z-index: 2;
}

ul.menuList li {
  margin: 0;
  padding: 0;
  display: block;
  border-bottom: 1px solid #fff;
  font-size: 14px;
  text-align: left;
  line-height: 3.5;
  text-indent: 20px;
}

li.menuItem  {
  margin: 0;
  padding: 0;
  display: block;
}

li.menuItemActive {
  margin: 0;
  padding: 0;
  background: #176eb2;
  color: #fff;
}

ul.subList {
  list-style-type: none;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
}

ul.subList li {
  margin: 0;
  padding: 0;
  display: block;
  border-bottom: 1px solid #fff;
  background: #508EBC;
  font-size: 14px;
  color: #fff;
  text-align: left;
  line-height: 3.5;
  text-indent: 40px;
}

ul.subList .bottLn  {
  border-bottom: 1px solid #0e4773;
}

.menuIcn  {
  margin: 20px 20px 0 0;
  padding: 0;
  display: block;
  position: relative;
  float: right;
}

#searchmenu  {
  width: 100%;
  height: auto;
  margin: 70px auto 0 auto;
  padding: 0;
  top: 0;
  display: block;
  position: absolute;
  float: none;
  z-index: 2;
}

.searchmenu {
  margin: 0;
  padding: 0 4% 0 4%;
  display: block;
  position: relative;
  float: none;
  z-index: 2;
}

.searchmenu-img {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  float: none;
}

#searchResp  {
  width: 100%;
  height: auto;
  margin: 16px 0 0 0;
  padding: 10px 0 10px 0;
  display: block;
  background: #fff;
  position: relative;
  float: left;
  z-index: 2;
}

.searchRespFld  {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  display: block;
  position: absolute;
  float: none;
  z-index: 2;
}

input.searchRespFld {
  width: 55%;
  height: 25px;
  margin: 0 auto 0 auto;
  padding: 0 5% 0 0;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #6f6f6f;
  border-radius: 0;
  background: rgba(255, 255, 255, 0);
  position: relative;
  float: none;
  z-index: 2;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.searchRespFld:focus, select.searchRespFld:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #6f6f6f;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}

#navList .li-l {
  display: none;
}

#navList .li-r {
  display: none;
}

#navList .li-d {
  display: none;
}

#navList .actNav9  {
  display: none;
}

.actNavMenu9  {
  background-color: #238322;
  color: #ffffff;
  font-weight: 700;
  display: block;
}

#navList .actNav10  {
  display: none;
}

.actNavMenu10  {
  background-color: #cd271e;
  color: #ffffff;
  font-weight: 700;
  display: block;
}

.social {
  display: none;
}

.socIcn {
  display: none;
}

.subNav9 {
  display: none;
}

.subNav9 a:hover {
  display: none;
}

.subNav9 a:active {
  display: none;
}

.subNav10 {
  display: none;
}

.subNav10 a:hover {
  display: none;
}

.subTabLst ul  {
  display: none;
}

.subTabLst li {
  display: none;
}

.subTabLst .li-r {
  display: none;
}

ul.subListMenu {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #c2c2c2;
  display: block;
}

.subTabMenu  {
  display: block;
}

.subTabMenuAct  {
  display: block;
  text-decoration: underline;
}

.navBarH {
  display: block;
  background: #508ebc;
  margin-bottom:5px;
}

.nav {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.nav > li > a {
  padding: 14px 16px;
  display: block;
  color: rgba(255, 255, 255, 1.0);
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.nav > li > a.active {
  background: #176eb2;
}

.nav > li.orangeAct {
  background: #f89a1f;
}

.mainBanner {
  width: 100%;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

.interscrollerBanner {
  display: block;
}

.banner {
  display: none;
}

.breadcrumbs ul  {
  list-style-type: none;
  width: 96%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0 2% 10px 2%;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  position: relative;
  float: none;
}

.breadcrumbs li  {
 margin: 0;
  padding: 0 4px 0 0;
  border: none;
  display: inline;
  -webkit-padding-end: 2px;
}

.breadcrumbTl {
  font-size: 16px;
  font-weight: 700;
}

.headingTop {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

h2 {
  width: 96%;
  height: auto;
  margin: 20px auto 0 auto;
  padding: 0 2% 10px 2%;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  position: relative;
  float: none;
}

.strongBlck {
  font-weight: 700;
}

input.search-field, input.search-fieldSec {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #6f6f6f;
}

input.search-field:focus, select.search-field:focus, input.search-fieldSec:focus, select.search-fieldSec:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #6f6f6f;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.subRow {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: none;
}

.current  {
  font-weight: 700;
  color: #000000;
}

.secSearch {
  width: 160px;
  height: auto;
  margin: 10px 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.searchSec {
  text-align: left;
  margin: 0;
  padding: 0;
  line-height: 30px;
  position: absolute;
  float: left;
}

.search-fieldSec {
  width: 160px;
  height: 24px;
  margin: 5px 0 0 0;
  padding: 0 5px 0 5px;
  position: relative;
  float: left;
}

.subSec0 {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.subSec4 {
  width: 100%;
  height: auto;
  margin: 15px auto 0 auto;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.subSec0Tl, .subSec0TlG  {
  display: none;
}

#yearList ul {
  display: none;
}

#yearList li {
  display: none;
}

#yearList .li-d {
  display: none;
}

#yearListMenu {
  width: 100%;
  height: auto;
  margin: 5px auto 15px auto;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}

.dropDownY {
  width: 96%;
  height: 30px;
  margin: 0 auto 0 auto;
  padding: 0;
  border-radius: 7px;
  border: none;
  outline: none;
  display: block;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
}

select.dropDownY  {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: none;
  padding: 0 0 0 42.5%;
  width: 96%;
  height: 30px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #ce271f url(../images/dropDownArrowW.png) no-repeat;
  background-position: 57% 14px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 42.5%;
}

.gray {
  background: #e9e9e9;
  color: #000000;
  padding: 0 0 0 42.5%;
}

select::-ms-expand {
    display: none;
}

select.dropDownY:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: none;
  padding: 0 0 0 42.5%;
  background: #ce271f url(../images/dropDownArrowW.png) no-repeat;
  background-position: 57% 14px;
  color: #ffffff;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select.dropDownY option:checked {
  box-shadow: inset 20px 20px #ce271f;
}

#galleryList ul {
  display: none;
}

#galleryList li {
  display: none;
}

#galleryList .li-d {
  display: none;
}

#galleryListMenu {
  width: 96%;
  height: auto;
  margin: 5px 2% 15px 2%;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}

.dropDownG {
  width: 96%;
  height: 30px;
  margin: 0 auto 0 auto;
  padding: 0;
  border-radius: 7px;
  border: none;
  outline: none;
  display: block;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
}

select.dropDownG  {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: none;
  padding: 0;
  width: 96%;
  height: 30px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #ce271f url(../images/dropDownArrowW.png) no-repeat;
  background-position: 95% 14px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 3%;
}

select.dropDownG:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: none;
  color: #ffffff;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select.dropDownG option:checked {
  box-shadow: inset 20px 20px #ce271f;
}

.greyG {
  background: #e9e9e9;
  color: #000000;
  text-align: center;
}

.subSec1 {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.subSec1G {
  width: 96%;
  height: auto;
  margin: 0 2% 10px 2%;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.subSecL {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: left;
}

.subSecLG {
  width: 96%;
  height: auto;
  margin: 0 2% 20px 2%;
  padding: 0;
  position: relative;
  float: left;
  -webkit-box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
  box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
}

.subSecIcn  {
  width: 96%;
  height: auto;
  margin: 5px 2% 0 2%;
  padding: 0;
  position: relative;
  float: none;
}

.subSecIcnG  {
  width: 100%;
  height: auto;
  margin: 0 0 -4px 0;
  padding: 0;
  position: relative;
  float: none;
}

.tlSubSec {
  width: 88%;
  height: auto;
  min-height: 30px;
  margin: 0;
  padding: 4%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
  cursor: pointer;
  display: block;
  left: 2%;
  bottom: 1%;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-padding-before: 2%;
  -webkit-padding-start: 4%;
  -webkit-padding-end: 4%;
  -webkit-text-size-adjust: 100%;
}

.subSecR  {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRG  {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFldG {
  width: 96%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: none;
}

.subSecRFld01 {
  width: 50%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFld01G {
  width: 48%;
  height: auto;
  margin: 0 4% 0 0;
  padding: 0;
  position: relative;
  float: left;
  -webkit-box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
  box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
}

.subSecRFld02 {
  width: 50%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFld02G {
  width: 48%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  -webkit-box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
  box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
}

.subSecRFld1 {
  width: 300px;
  height: 225px;
  margin: 10px 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFld2 {
  width: 300px;
  height: 225px;
  margin: 10px auto 10px auto;
  padding: 0;
  position: relative;
  float: none;
}

.subSecRFld2G {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFld3 {
  width: 300px;
  height: 225px;
  margin: 10px auto 10px auto;
  padding: 0;
  position: relative;
  float: none;
}

.subSecRFld3G {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFld4 {
  width: 145px;
  height: 109px;
  margin: 10px 5px 50px 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFld5 {
  width: 145px;
  height: 109px;
  margin: 10px 0 50px 5px;
  padding: 0;
  position: relative;
  float: left;
}

.imgFld {
  width: 300px;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.imgFldG {
  width: 300px;
  height: 300px;
  margin: 10px auto 10px auto;
  padding: 0;
  position: relative;
  float: none;
}

.subSecIcnR01  {
  width: 96%;
  height: auto;
  margin: 0 4% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecIcnR01G  {
  width: 50%;
  height: auto;
  margin: 0 0 -4px 0;
  padding: 0;
  position: relative;
  float: none;
}

.subSecIcnR02  {
  width: 96%;
  height: auto;
  margin: 0 0 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecIcnR02G  {
  width: 100%;
  height: auto;
  margin: 0 0 -4px 0;
  padding: 0;
  position: relative;
  float: none;
}

.subSecIcnE, .subSecIcnE_news  {
  width: 300px;
  height: 225px;
  margin: 0;
  padding: 0;
}

.subSecIcnEG  {
  width: 300px;
  height: 300px;
  margin: 0;
  padding: 0;
}

.subSecIcnRS  {
  width: 145px;
  height: 109px;
  margin: 10px 0 10px 0;
  padding: 0;
}

.tlSubSecR01 {
  width: 84%;
  height: auto;
  min-height: 36px;
  margin: 0;
  padding: 4% 6% 4% 6%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 13px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-padding-before: 2%;
  -webkit-padding-start: 6%;
  -webkit-padding-end: 6%;
  -webkit-text-size-adjust: 100%;
}

.tlSubSecR02 {
  width: 84%;
  height: auto;
  min-height: 36px;
  margin: 0 0 0 4%;
  padding: 4% 6% 4% 6%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 13px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-padding-before: 2%;
  -webkit-padding-start: 6%;
  -webkit-padding-end: 6%;
  -webkit-text-size-adjust: 100%;
}

.tlSubSecR01 {
  max-height: 70px;
}
.tlSubSecR02 {
  max-height: 70px;
}

.tlSubSecR01G {
  width: 92%;
  height: auto;
  margin: 0;
  padding: 2% 4% 4% 4%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-padding-before: 2%;
  -webkit-padding-start: 4%;
  -webkit-padding-end: 4%;
  -webkit-text-size-adjust: 100%;
}

.tlSubSecR02G {
  width: 92%;
  height: auto;
  margin: 0;
  padding: 2% 4% 4% 4%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-padding-before: 2%;
  -webkit-padding-start: 4%;
  -webkit-padding-end: 4%;
  -webkit-text-size-adjust: 100%;
}

span.tlSubSecM1 {
  width: 280px;
  height: 43px;
  margin: 170px 0 0 0;
  padding:  6px 10px 6px 10px;
  background: rgba(255, 255, 255, 0.65);
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  color: #000000;
  line-height: 1.6;
  cursor: pointer;
  display: block;
  left: 0;
  top: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

.tlSubSecE {
  width: 280px;
  height: 40px;
  margin: 0;
  padding: 4px 10px 4px 10px;
  background: rgba(0, 0, 0, 0.65);
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 4px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-padding-before: 6px;
  -webkit-padding-start: 10px;
  -webkit-padding-end: 10px;
  -webkit-text-size-adjust: 100%;
}

.tlSubSecEP {
  width: 280px;
  height: 40px;
  margin: 0;
  padding: 4px 10px 4px 10px;
  background: rgba(0, 0, 0, 0.65);
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 4px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-padding-before: 4px;
  -webkit-padding-start: 10px;
  -webkit-padding-end: 10px;
  -webkit-text-size-adjust: 100%;
}

.tlItalic {
  font-style: italic;
  font-weight: 400;
}

span.tlSubSecMS1 {
  width: 145px;
  height: 36px;
  margin: 110px 0 0 0;
  padding:  6px 0 6px 0;
  background: transparent;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  color: #000000;
  line-height: 1.4;
  cursor: pointer;
  display: block;
  left: 0;
  top: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

.tlTag  {
  margin: 10px 10px 0 10px;
  padding: 2px 8px 2px 8px;
  background: rgba(255, 255, 255, 1.0);
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  left: 0;
  top: 0;
  opacity: 1;
  position: absolute;
}

.subSec2 {
  width: 100%;
  height: auto;
  margin: 15px 0;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.subSecFldSp {
  width:  96%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: none;
}

.imgSp {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: none;
}

.tlTagSp  {
  margin: 10px 0 0 10px;
  padding: 2px 8px 2px 8px;
  background: #1473b7;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  left: 0;
  top: 0;
  opacity: 1;
  position: absolute;
}

.subSecIcnSp {
  width:  100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.tlSubSecSp {
  width: 92.25%;
  height: auto;
  margin: 0;
  padding: 4%;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  font-size: 20px;
  color: #000000;
  line-height: 1.2;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  float: none;
  -webkit-padding-before: 0.5em;
  -webkit-padding-start: 4%;
  -webkit-padding-end: 4%;
}

div.subSecFldSp:hover .tlSubSecSp {
  opacity: 1;
}

.subField {
  width: 100%;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 0;
  font-size: 14px;
  position: relative;
  float: left;
}

.subFieldP {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  font-size: 14px;
  position: relative;
  float: left;
}

.subField img {
  max-height: 100%;
  max-width: 100%;
}

p {
  width: 96%;
  height: auto;
  margin: 0 auto 10px auto;
  padding: 0;
  position: relative;
  float: none;
}

.tlSubSecFld  {
  width: 94%;
  height: 24px;
  margin: 0 2% 10px 2%;
  padding: 5px 0 0 2%;
  background-color: #f5f5f5;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  overflow: hidden;
  position: relative;
  float: none;
  -webkit-padding-before: 6.5px;
}

.tlSubSecFldTop  {
  width: 94%;
  height: 24px;
  margin: 0 2% 0 2%;
  padding: 5px 0 0 2%;
  background-color: #f5f5f5;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  overflow: hidden;
  position: relative;
  float: none;
  -webkit-padding-before: 6.5px;
}

.tlSubSecFldNum  {
  width: 98%;
  height: 24px;
  margin: 0 auto 0 auto;
  padding: 5px 0 0 2%;
  background-color: #ffffff;
  font-style: italic;
  border-top: none;
  border-bottom: none;
  overflow: hidden;
  position: relative;
  float: none;
  -webkit-padding-before: 6.5px;
}

.subFldIcn  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.subBox {
  width: 96%;
  height: auto;
  margin: 0 0 30px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subFldIcnG  {
  width: 96%;
  height: auto;
  margin: 0 0 0 2%;
  padding: 0;
  position: relative;
  float: left;
  -webkit-box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
  box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
}

.subFldIcnG2  {
  width: 96%;
  height: auto;
  margin: 0 0 0 2%;
  padding: 0;
  position: relative;
  float: left;
  -webkit-box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
  box-shadow: -6px 6px 0px 0px rgba(0,0,0,0.15);
}

.subFldIcnG2O  {
  position: relative;
  background: url(../images/play.svg) no-repeat;
  background-position: center;
  width: 60px;
  height: 60px;
  margin: 10vw auto 0 auto;
  float: none;
}

.subFldIcnG21  {
  position: absolute;
  background: url(../images/marker.svg) no-repeat;
  background-position: center;
  width: 60px;
  height: 60px;
  margin: 30px 0 0 50px;
  float: left;
}

.subFldIcnG22  {
  position: absolute;
  background: url(../images/play.svg) no-repeat;
  background-position: center;
  width: 60px;
  height: 60px;
  margin: 30px 0 0 50px;
  float: left;
}

.subFldTlG  {
  width: 100%;
  margin: 2px 0 0 0;
  padding: 0;
  font-size: 14px;
  color: #c2bebe;
  font-weight: 400;
  font-style: italic;
  position: relative;
  float: left;
}

.subFldTlG a  {
  text-decoration: underline;
}

.subFldTxt  {
  width: 96%;
  margin: 10px 2% 0 2%;
  padding: 0;
  font-weight: 700;
  position: relative;
  float: left;
}

.subFldDate  {
  width: 100%;
  margin: 2px 0 0 0;
  padding: 0;
  font-size: 13px;
  color: #6c6c6c;
  font-weight: 400;
  position: relative;
  float: left;
}

.pager  {
  width: 100%;
  margin: 20px auto 20px auto;
  padding: 0;
  position: relative;
  float: left;
}

ul.select-page  {
  width: 300px;
  list-style-type: none;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #4a4a4a;
}

.select-page li  {
  margin: 0;
  padding: 0 10px 0 10px;
  display: inline;
  border: none;
  -webkit-padding-start: 0.15em;
  -webkit-padding-end: 0.15em;
  -moz-padding-start: 0em;
}

hr  {
  width: 100%;
  height: 3px;
  margin: 10px auto 10px auto;
  padding: 0;
  border: 0;
  position: relative;
  float: none;
}

.green  {
  background-color: #1c7a1b;
}

.blue  {
  background-color: #1473b7;
}

.blue1  {
  background-color: #1473b7;
  width: 96%;
  height: 3px;
  margin: 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subFieldTl {
  width: 100%;
  height: 2px;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.asdField, .asdFieldN {
  width: 96%;
  height: auto;
  margin: 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.asdFieldN1 {
  display: none;
}

.asdFieldN2 {
  display: block;
  width: 96%;
  height: auto;
  margin: 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.mapTl2 {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.asdFieldNRes {
  display: block;
  width: 96%;
  height: auto;
  margin: 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.asdFieldNDesk {
  display: none;
}

.asdFieldBann {
  width: 300px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.asdFieldBannS {
  width: 100%;
  height: auto;
  margin: 0  0 20px 0;
  padding: 0;
  position: relative;
  float: left;
  display: block;
}

.asdRow {
  width: 300px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.asdRowA {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.asdRowAS {
  width: 96%;
  height: auto;
  margin: 20px 2%;
  padding: 0;
  position: relative;
  float: left;
  display: flex;
}

.asdRowM {
  display: none;
}

.asdRowMH {
  display: none;
}

.RowMPg {
  margin: 0;
  padding: 0;
}

.asdRowMPg  {
  width: 96%;
  height: auto;
  margin: 0 2% 10px 2%;
  padding: 0;
  position: relative;
  float: none;
}

.asdRowMPgH  {
  display: block;
  width: 96%;
  height: auto;
  margin: 0 2% 10px 2%;
  padding: 0;
  position: relative;
  float: none;
}

.tlAsdFld  {
  display: none;
}

.tlAsdFld2  {
  width: 98%;
  height: 24px;
  margin: 0 0 10px 0;
  padding: 3px 0 0 2%;
  font-size: 14px;
  font-weight: 400;
  background-color: #f5f5f5;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  position: relative;
  float: left;
  -webkit-padding-before: 2px;
}

.tlRowMPg {
  width: 96%;
  height: 25px;
  margin: 0 2% 10px 2%;
  padding: 0;
  background-color: #f5f5f5;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  position: relative;
  float: none;
}

.tlAsdFldPg  {
  width: 200px;
  height: 25px;
  margin: 0 auto 0 auto;
  padding: 4px auto 0 auto;
  position: relative;
  float: none;
  -webkit-padding-before: 1px;
}

.bannAsd1  {
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.bannAsd2  {
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.bannAsd3  {
  width: 300px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: none;
  display: block;
}

.bannAsdFld1, .bannAsdFld2  {
  width: 96%;
  height: auto;
  margin: 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.bannAsd4   {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

span.tlBannAsdFld {
  width: 94%;
  min-height: 10px;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

div.bannAsdFld:hover span.tlBannAsdFld {
  opacity: 1;
}

.asdFrm {
  width: 300px;
  height: 250px;
  margin: 0 0 10px 0;
  padding: 0;
  border: none;
  overflow: hidden;
  position: relative;
  float: left;
}


.rslides_container {
  width: 48%;
  height: auto;
  margin: 0 2% 0 0;
  padding: 10px 0;
  background: #f5f5f5;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
  z-index: 3;
  flex: 1;
}

.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-btn_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 100%;
  left: 0;
  opacity: 0.5;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 30px;
  width: 30px;
  margin: -15vw 0 0 0;
  background-image: url(../images/arrowRS.png);
  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;
}

.centered-btn_nav:hover {
  opacity: 1.0;
  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;
}

.centered-btn_nav:active {
  opacity: 1.0;
}

.centered-btn_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.catTag {
  margin: 0 0 0 5%;
  padding: 2px 6px 2px 6px;
  background: rgba(16, 100, 175, 1.0);
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  left: 0;
  top: 0;
  opacity: 1;
  position: absolute;
}

.catTag2 {
  margin: 0;
  padding: 2px 8px 2px 8px;
  background: rgba(16, 100, 175, 1.0);
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  left: 4%;
  top: 15px;
  opacity: 1;
  position: absolute;
}

.slideTl {
  width: 76%;
  height: 45px;
  margin: 25px 12% 0 12%;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  float: left;
}

.tlAsdFldS  {
  width: 88%;
  height: 24px;
  margin: 0;
  padding: 3px 5% 0 5%;
  font-size: 14px;
  font-weight: 400;
  background-color: #f5f5f5;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  position: relative;
  float: left;
  -webkit-padding-before: 2px;
}

.tlAsdFldS:hover  {
  width: 88%;
  height: 24px;
  margin: 0;
  padding: 3px 5% 0 5%;
  font-size: 14px;
  font-weight: 400;
  background-color: #f5f5f5;
  background: #dcdcdc url(../images/arrowTlH.png) no-repeat;
  background-position: center right;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  position: relative;
  float: left;
  -webkit-padding-before: 2px;
}

.branchNews, .themesBox2, .themesBox3, .themesBox4   {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
  display: block;
}

.branchNews {
  width: 100%;
  margin:5px 0 5px 0;
}

.branchNews .subSecIcnNG {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.themesBox1  {
  display: none;
}

.themesBox5   {
  display: none;
}


.weathField1 {
  display: none;
}

.weathField2 {
  display: none;
}

.weathField3 {
  display: none;
}

.weathIcn {
  display: none;
}

.status {
  display: none;
}

.city {
  display: none;
}

.deg {
  display: none;
}

.slideImg  {
  width: 48%;
  height: auto;
  margin: 0 0 0 2%;
  padding: 0;
  position: relative;
  float: left;
  flex: 1;
}

.tenderIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}


.infoMapFld  {
  width: 20%;
  height: auto;
  margin: 0 0 0 2%;
  padding: 0;
  position: relative;
  float: left;
  flex: 1;
}

.infoImgFld  {
  width: 100%;
  height: 255px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.infoImg  {
  width: 44.125vw;
  height: 255px;
  margin: 0;
  padding: 0;
  text-align: center;
  overflow: hidden;
  position: relative;
  float: left;
}

.infoImg img  {
  display: block;
  outline: none;
  border: none;
}

.infoIcn  {
  width: auto;
  height: 255px;
  margin: 0;
  padding: 0;
}

span.tlinfoAsdFld {
  width: 94%;
  min-height: 10px;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

div.infoImg:hover span.tlinfoAsdFld {
  opacity: 1;
}

.tlAsdFldS1L  {
  width: 87.5%;
  height: 24px;
  margin: 10px 2.5% 10px 0;
  padding: 3px 5% 0 5%;
  font-size: 14px;
  font-weight: 400;
  background-color: #f5f5f5;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  position: relative;
  float: left;
  -webkit-padding-before: 2px;
}

.tlAsdFldS1L:hover  {
  width: 87.5%;
  height: 24px;
  margin: 10px 2.5% 10px 0;
  padding: 3px 5% 0 5%;
  font-size: 14px;
  font-weight: 400;
  background-color: #f5f5f5;
  background: #dcdcdc url(../images/arrowTlH.png) no-repeat;
  background-position: center right;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  position: relative;
  float: left;
  -webkit-padding-before: 2px;
}

.tlAsdFldS1R  {
  width: 87.5%;
  height: 24px;
  margin: 10px 0 10px 2.5%;
  padding: 3px 5% 0 5%;
  font-size: 14px;
  font-weight: 400;
  background-color: #f5f5f5;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  position: relative;
  float: left;
  -webkit-padding-before: 2px;
}

.tlAsdFldS1R:hover  {
  width: 87.5%;
  height: 24px;
  margin: 10px 0 10px 2.5%;
  padding: 3px 5% 0 5%;
  font-size: 14px;
  font-weight: 400;
  background-color: #f5f5f5;
  background: #dcdcdc url(../images/arrowTlH.png) no-repeat;
  background-position: center right;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  position: relative;
  float: left;
  -webkit-padding-before: 2px;
}

.markImg  {
  width: 20%;
  height: auto;
  margin: 85px 0 0 -3vw;
  padding: 0;
  position: absolute;
  float: left;
}

.markImg img  {
  display: block;
  outline: none;
  border: none;
}

.markIcn  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}


.kalendarFld  {
  width: 98%;
  height: auto;
  margin: 0 2% 0 0;
  padding: 0;
  position: relative;
  float: left;
  flex: 1;
}

.kalendBoxFld  {
  width: 100%;
  height: 255px;
  margin: 0 0 0 1%;
  padding: 0;
  position: relative;
  float: left;
}

.kalTl  {
  width: 100%;
  height: 25px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.arrKalIcnL  {
  width: 7.5%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.arrKalIcnR  {
  width: 7.5%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.kalTxt  {
  width: 85%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
}

.kalFld  {
  width: 95%;
  height: 250px;
  margin: 5px 2.5% 0 2.5%;
  padding: 0;
  font-size: 14px;
  text-align: center;
  line-height: 2.2;
  position: relative;
  float: left;
}

table, td {
  padding: 0.035vw 1%;
  border: 1px solid #bbb7b8;
  border-collapse: collapse;
}

.kDays  {
  background: #f5f5f5;
}

.faded  {
  color: #cccccc;
}

.eventDate  {
  color: #f89a1f;
  font-weight: 700;
}


.flashIcn {
  display: none;
}

.tlAsdP {
  display: none;
}

.tlAsdPg {
  width: 90px;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

.currentTl  {
  width: 90px;
  height: auto;
  margin: 0;
  padding: 0;
  font-weight: 700;
  color: #000000;
  border-bottom: 2px solid #1064af;
}

.asdFldTxt  {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  position: relative;
  float: left;
}

.h-line {
  width: 100%;
  height: 3px;
  margin: 10px auto 0 auto;
  padding: 0 auto 0 auto;
  position: relative;
  float: none;
}

.footSocial {
  width: 100%;
  height: auto;
  margin: 20px 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

.footSocial img {
  display: inline-block;
  outline: none;
  border: none;
  opacity: 0.5;
  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;
}

.footSocial img:hover {
  display: inline-block;
  outline: none;
  border: none;
  opacity: 1.0;
  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;
}

.footSocIcn {
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0;
}

.footContent  {
  width: 96%;
  height: auto;
  margin: 20px auto 10px auto;
  padding: 0;
  position: relative;
  float: none;
}

#footList ul {
  width: 100%;
  list-style-type: none;
  text-align: left;
  margin: 0 0 0 -5px;
  padding: 0;
  font-size: 12px;
  display: inline;
  position: relative;
  float: left;
}

#footList li {
  margin: 0 0 0 -5px;
  padding: 0 10px 0 10px;
  border-right: 1px solid #e9e8e8;
  display: inline;
}

#footList .li-d {
  margin: 0 0 0 -5px;
  padding: 0 10px 0 10px;
  border-right: none;
  display: inline;
}

.register  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 12px;
  text-align: left;
  position: relative;
  float: left;
}

.register1  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 12px;
  text-align: left;
  position: relative;
  float: left;
}

.subFoot  {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0 0 40px 0;
  font-size: 12px;
  position: relative;
  float: left;
}

.copy {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  letter-spacing: -0.0325em;
}


/*Styles for Naslovna*/

#navList .actNav  {
  display: none;
}

.actNavMenu  {
  background-color: #ce271f;
  color: #ffffff;
  font-weight: 700;
  display: block;
}

.subNav {
  display: none;
}

.subNav a:hover {
  display: none;
}

.subNav a:active {
  display: none;
}

.subSecH {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  background-color: #ffffff;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.subSecHL {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.subSecIcnH  {
  width: 100%;
  min-width: 30px;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  transform: none;
}

span.tlSubSecH {
  width: 92%;
  min-height: 0;
  margin: 0;
  padding: 4%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.4;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0.25rem;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-margin-after: 0;
}

div.subSecHL:hover span.tlSubSecH {
  opacity: 1;
}

.subSecHR  {
  width: 88%;
  height: auto;
  margin: 4% 2% 0 2%;
  padding: 2% 4% 2% 4%;
  background: #f2f2f2;
  position: relative;
  float: left;
}

.rowSecHR {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 0;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.15;
  border-bottom: 1px solid #e2e2e2;
  overflow: hidden;
  position: relative;
  float: left;
}

.rowSecHR:after  {
  content: ' ';
  display: block;
  background-color: #f2f2f2;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 0;
}

.rowSecHRBott {
  width: 100%;
  height: 3rem;
  margin: 0;
  padding: 10px 0 10px 0;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.15;
  overflow: hidden;
  position: relative;
  float: left;
}

.rowSecHRBott:after  {
  content: ' ';
  display: block;
  background-color: #f2f2f2;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 0;
}

.tlSubSecFldH  {
  width: 96%;
  height: 35px;
  margin: 10px 2% 10px 2%;
  padding: 0;
  border-bottom: 2px solid #bbb7b8;
  position: relative;
  float: none;
}

.tabsBorder  {
  width: 100%;
  height: 30px;
  margin: 0 0 25px 0;
  padding: 0;
  position: relative;
  float: none;
}

.currentTlH  {
  width: 70px;
  height: auto;
  margin: 0;
  padding: 8px 20px 8px 20px;
  font-size: 13px;
  font-weight: 700;
  color: #000000;
  background-color: #f5f5f5;
  border-top: 2px solid #1064af;
}

.tabsM {
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  border-bottom: 5px solid #f5f5f5;
  position: relative;
  float: left;
}

.tabsM ul  {
  list-style-type: none;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.0;
  display: inline;
  position: relative;
  float: none;
}

.tabsM li {
  display: inline-block;
}

.liTabH  {
  width: 70px;
  height: auto;
  margin: 0;
  padding: 8px 20px 8px 20px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
}

.tlSubSecFldA  {
  width: 94%;
  height: 24px;
  margin: 5px 2% 5px 2%;
  padding: 4px 0 0 2%;
  background: #f5f5f5 url(../images/arrowTl.png) no-repeat;
  background-position: center right;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  position: relative;
  float: none;
}

.tlSubSecFldA:hover  {
  width: 94%;
  height: 25px;
  margin: 5px 2% 5px 2%;
  padding: 4px 0 0 2%;
  background: #dcdcdc url(../images/arrowTlH.png) no-repeat;
  background-position: center right;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  position: relative;
  float: none;
}

.tlSubSecFldAS  {
  width: 290px;
  height: 24px;
  margin: 5px auto 20px auto;
  padding: 4px 0 0 10px;
  background: #f5f5f5 url(../images/arrowTl.png) no-repeat;
  background-position: center right;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  position: relative;
  float: none;
}

.tlSubSecFldAS:hover  {
  width: 290px;
  height: 24px;
  margin: 5px auto 20px auto;
  padding: 4px 0 0 10px;
  background: #dcdcdc url(../images/arrowTlH.png) no-repeat;
  background-position: center right;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  position: relative;
  float: none;
}

.subFieldH {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.subRowH {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: none;
}

.subFldDateH  {
  width: 100%;
  margin: 2px 0 10px 0;
  padding: 0;
  font-size: 13px;
  color: #6c6c6c;
  font-weight: 400;
  line-height: 1.0;
  position: relative;
  float: left;
}

.subSecRFld2RN, .subSecRFld2RN_news {
  width: 100%;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 0;
  position: relative;
  float: none;
}

.subSecRFld2N, .subSecRFld3N {
  width: 96%;
  height: auto;
  margin: 10px 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFld5N {
  width: 49%;
  height: auto;
  margin: 10px 0 0 1%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFldN {
  width: 49%;
  height: auto;
  margin: 10px 1% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecIcnNMS  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.subSecIcnNS  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

span.tlSubSecNMS {
  width: 134px;
  height: 34px;
  margin: 104px 0 0 0;
  padding: 2%;
  background: rgba(255, 255, 255, 0.65);
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  line-height: 1.3;
  cursor: pointer;
  display: block;
  left: 0;
  top: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

span.tlSubSecNRS {
  width: 96%;
  height: auto;
  margin: 0;
  padding: 2%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 1.75%;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

span.tlSubSecNS, span.tlSubSecNS2 {
  width: 94%;
  min-height: 0;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0.25rem;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

span.tlSubSecNSN {
  width: 94%;
  min-height: 0;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0.25rem;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}
span.tlSubSecNSH {
  width: 44%;
  min-height: 0;
  margin: 0;
  padding: 0 3%;
  background: transparent;
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #000;
  line-height: 1.6;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: relative;
  float: right;
}

span.tlSubSecNS1 {
  width: 94%;
  min-height: 0;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0.25rem;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-margin-after: 0;
}

div.subSecRFld2:hover span.tlSubSecNMS, div.subSecRFldN:hover span.tlSubSecNRS, div.subSecRFld5N:hover span.tlSubSecNS {
  opacity: 1;
}

div.subSecRFld2RN:hover span.tlSubSecNS, div.subSecRFld2RN:hover span.tlSubSecNS1, div.subSecRFld2RN:hover span.tlSubSecNS2, div.subSecRFld3:hover span.tlSubSecNS {
  opacity: 1;
}

.tlSubSecFldN  {
  width: 94%;
  height: 24px;
  margin: 0 2% 10px 2%;
  padding: 5px 0 0 2%;
  background-color: #f5f5f5;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  overflow: hidden;
  position: relative;
  float: none;
  -webkit-padding-before: 6.5px;
}

.fieldRowL {
  width: 96%;
  height: auto;
  margin: 0 2% 10px 2%;
  padding: 0;
  line-height: 1.2;
  position: relative;
  float: none;
}

.fieldRowR {
  width: 96%;
  height: auto;
  margin: 0 2% 10px 2%;
  padding: 0;
  line-height: 1.2;
  position: relative;
  float: none;
}

.fldTxtH  {
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: 700;
  position: relative;
  float: left;
}

.subSecPL {
  width: 96%;
  height: auto;
  margin: 20px 2% 0 2%;
  padding: 0;
  position: relative;
  float: none;
}

.subSecPLSg {
  width: 96%;
  height: auto;
  margin: 20px 2% 0 2%;
  padding: 0;
  position: relative;
  float: none;
  display: block;
}

.subSecIcnP  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

span.tlSubSecP {
  width: 94%;
  min-height: 0;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0.25rem;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-margin-after: 0;
}

div.subSecPL:hover span.tlSubSecP {
  opacity: 1;
}

span.tlSubSecPSg {
  width: 94%;
  min-height: 0;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0.25rem;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-margin-after: 0;
}

div.subSecPLSg:hover span.tlSubSecPSg {
  opacity: 1;
}

.subSecPR  {
  width: 96%;
  height: auto;
  margin: 20px 2% 0 2%;
  padding: 0;
  position: relative;
  float: none;
}

.rowSecPR  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.rowSecPRMidd  {
  width: 100%;
  height: auto;
  margin: 8px 0 8px 0;
  padding: 0;
  position: relative;
  float: left;
}

.rowSecIcnP {
  width: 25%;
  height: auto;
  margin: 0 2.5% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.tlRowSecP  {
  width: 72.5%;
  max-height: 3.5rem;
  margin: -5px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  overflow: hidden;
  position: relative;
  float: left;
}

.tlRowSecP1  {
  width: 72.5%;
  max-height: 1.5rem;
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #6c6c6c;
  font-weight: 400;
  line-height: 1.4;
  overflow: hidden;
  position: relative;
  float: left;
}

.dateRowSecP  {
  width: 195px;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 13px;
  color: #6c6c6c;
  font-weight: 400;
  line-height: 1.0;
  position: relative;
  float: left;
}


.subSeceKPlusL {
  width: 96%;
  height: auto;
  margin: 20px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSeceKPlusR  {
  width: 96%;
  height: auto;
  margin: 20px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecIcneKPlusL  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.subSecIcneKPlusR  {
  width: 25%;
  height: auto;
  margin: 0 2.5% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

span.tlSubSeceKPlusL {
  width: 94%;
  min-height: 0;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0.25rem;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-margin-after: 0;
}

span.tlSubSeceKPlusR {
  width: 72.5%;
  max-height: 3.5rem;
  margin: -5px 0 0 0;
  padding: 0;
  background: transparent;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  color: #000;
  line-height: 1.4;
  overflow: hidden;
  position: relative;
  float: left;
}

div.subSeceKPlusL:hover span.tlSubSeceKPlusL {
  opacity: 1;
}

div.subSeceKPlusR:hover span.tlSubSeceKPlusR {
  opacity: 1;
}

.subSec1eKPlusL {
  width: 96%;
  height: auto;
  margin: 10px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSec1eKPlusR {
  width: 96%;
  height: auto;
  margin: 10px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.rowSecIcnPlus {
  width: 25%;
  height: auto;
  margin: 0 2.5% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.tlRowSecPlus {
  width: 72.5%;
  max-height: 3.5rem;
  margin: -5px 0 0 0;
  padding: 0;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  color: #000;
  line-height: 1.4;
  overflow: hidden;
  position: relative;
  float: left;
}



.tlSubSecFldTopS {
  width: 94%;
  height: 24px;
  margin: 0 2% 10px 2%;
  padding: 5px 0 0 2%;
  background-color: #f5f5f5;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  overflow: hidden;
  position: relative;
  float: none;
  -webkit-padding-before: 6.5px;
}

.subSecTopS, .subSecTopS1 {
  width: 100%;
  height: auto;
	margin: 0;
  padding: 0;
	position: relative;
  float: left;
}

.subSeceKTopL {
  width: 50%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSeceKTopR  {
  width: 50%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSeceKTopL1 {
  width: 30%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSeceKTopM1 {
  width: 30%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSeceKTopR1 {
  width: 30%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecIcneKTopL, .subSecIcneKTopR  {
  width: 96%;
  height: auto;
  margin: 0 2%;
  padding: 0;
}

.subSecIcneKTopL1, .subSecIcneKTopM1, .subSecIcneKTopR1  {
  width: 96%;
  height: auto;
  margin: 0 2%;
  padding: 0;
}

span.tlSubSeceKTopL {
  width: 85.75%;
  min-height: 52px;
  margin: 0;
  padding: 8px 5% 8px 5%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 2.25%;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

span.tlSubSeceKTopR {
  width: 85.75%;
  min-height: 52px;
  margin: 0;
  padding: 8px 5% 8px 5%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 2.25%;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

div.subSeceKTopL:hover span.tlSubSeceKTopL {
  opacity: 1;
}

div.subSeceKTopR:hover span.tlSubSeceKTopR {
  opacity: 1;
}

span.tlSubSeceKTopL1 {
  width: 85.75%;
  min-height: 52px;
  margin: 0;
  padding: 8px 5% 8px 5%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 2.25%;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

span.tlSubSeceKTopM1 {
  width: 85.75%;
  min-height: 52px;
  margin: 0;
  padding: 8px 5% 8px 5%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 2.25%;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

span.tlSubSeceKTopR1 {
  width: 85.75%;
  min-height: 52px;
  margin: 0;
  padding: 8px 5% 8px 5%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 2.25%;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

div.subSeceKTopL1:hover span.tlSubSeceKTopL1 {
  opacity: 1;
}

div.subSeceKTopM1:hover span.tlSubSeceKTopM1 {
  opacity: 1;
}

div.subSeceKTopR1:hover span.tlSubSeceKTopR1 {
  opacity: 1;
}


.subSecNL {
  width: 96%;
  height: auto;
  margin: 20px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecNR {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecNLG {
  width: 47%;
  height: auto;
  margin: 20px 1% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecNRG {
  width: 47%;
  height: auto;
  margin: 20px 2% 0 1%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecIcnN {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecIcnNG {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecIcnNR {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

span.tlSubSecN {
  width: 94%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0.6rem;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

span.tlSubSecNG {
  width: 94%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

div.subSecNL:hover span.tlSubSecN {
  opacity: 1;
}

div.subSecNG:hover span.tlSubSecNG {
  opacity: 1;
}

span.tlSubSecNSg {
  width: 94%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0.6rem;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

div.subSecNL:hover span.tlSubSecNSg {
  opacity: 1;
}

span.tlSubSecNGSg {
  width: 94%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

div.subSecNG:hover span.tlSubSecNGSg {
  opacity: 1;
}

span.tlSubSecNBSg {
  width: 270px;
  height: auto;
  min-height: 0;
  margin: 0 auto;
  padding: 3% 15px;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.4;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: relative;
  float: none;
}

div.asdFieldBannS:hover span.tlSubSecNBSg {
  opacity: 1;
}

.subSecNR  {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.rowSecNR  {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.rowSecNRBott  {
  width: 96%;
  height: auto;
  margin: 10px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.rowSecIcnN {
  width: 30%;
  height: auto;
  margin: 0 2.5% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.tlRowSecN  {
  width: 62.5%;
  height: 5.5rem;
  margin: -5px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
  position: relative;
  float: left;
}

.dateRowSecN  {
  width: 62.5%;
  height: 20px;
  margin: 2px 0 0 0;
  padding: 0;
  font-size: 13px;
  color: #6c6c6c;
  font-weight: 400;
  line-height: 1.0;
  position: relative;
  float: left;
}

.dateRowSecN  {
  width: 170px;
  height: 20px;
  margin: 2px 0 0 0;
  padding: 0;
  font-size: 13px;
  color: #6c6c6c;
  font-weight: 400;
  line-height: 1.0;
  position: relative;
  float: left;
}

.subFieldBann {
  display: none;
}

.fieldBanner {
  display: none;
}

.rowSecIcnBann {
  display: none;
}

.asdFieldH {
  width: 300px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.langPage  {
  width: 60%;
  height: auto;
  margin: 0 0 0 2%;
  padding: 0;
  border: 0;
  position: relative;
  float: left;
}

.langPage ul {
  list-style-type: none;
  text-align: left;
  margin: 10px auto 10px auto;
  padding: 0;
  font-size: 13px;
  display: inline;
  position: relative;
  float: none;
}

.langPage li {
  margin: 0;
  padding: 0 0 0 4px;
  line-height: 4px;
  color: #3c7eb8;
  font-weight: 700;
  border-left: 1px solid #000000;
  display: inline;
}

.langPage .li-d {
  margin: 0;
  padding: 0 0 2px 0;
  border-left: none;
  display: inline;
}

h1, .eventTitleDescription {
  width: 96%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
  position: relative;
  float: none;
}

.mainPageImg  {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.mainPageImgV  {
  width: auto;
  max-height: auto;
  margin: 0 auto;
  padding: 0;
}

.centerV {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: auto;
}

span.tlTagPageSp  {
  margin: 50px 0 0 10px;
  padding: 2px 8px 2px 8px;
  background: #1473b7;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  left: 0;
  top: 0;
  opacity: 1;
  position: absolute;
}

.source  {
  width: 96%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  color: #a6a6a6;
  position: relative;
  float: none;
}

.netShare  {
  width: 96%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.net  {
  width: 200px;
  height: auto;
  margin: 10px 0 5px 0;
  padding: 0;
  position: relative;
  float: left;
}

.netIcons  {
  width: 80px;
  height: auto;
  margin: 10px 0 5px 0;
  padding: 0;
  text-align: right;
  position: relative;
  float: right;
}

.netIcn {
  margin: 0 0 0 5px;
  padding: 0;
}

.subImg {
  width: 280px;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.secPageImg {
  margin: 0;
  padding: 0 10px 0 10px;
  border-left: 15px solid #28822a;
  position: relative;
  float: left;
}

.sideTag  {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #a6a6a6;
  position: relative;
  float: left;
}

.bottomTag  {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #a6a6a6;
  position: relative;
  float: left;
}

.tagFieldTl {
  width: 100%;
  height: auto;
  margin: 0 auto 5px auto;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  color: #000000;
  position: relative;
  float: left;
}

.tagFieldTl1 {
  width: 96%;
  height: auto;
  margin: 0 2% 5px 2%;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  color: #000000;
  position: relative;
  float: left;
}

.tagField  {
  width: 96%;
  height: auto;
  margin: 0 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.firmTag  {
  margin: 0 5px 10px 0;
  padding: 2px 5px 2px 5px;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #6e6e6e;
  position: relative;
  float: left;
}

.themeTag  {
  margin: 0 5px 10px 0;
  padding: 2px 5px 2px 5px;
  border: 1px solid #239bf6;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  color: white;
  background-color:#239bf6;
  position: relative;
  float: left;
}

.themeTag1  {
  margin: 0 5px 10px 2%;
  padding: 2px 5px 2px 5px;
  border: 1px solid #239bf6;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  color: white;
  background-color:#239bf6;
  position: relative;
  float: left;
}

.tags  {
  margin: 0 5px 10px 0;
  padding: 2px 5px 2px 5px;
  background: #d6d6d6;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #6e6e6e;
  position: relative;
  float: left;
}


/*Styles for Vremenska-Prognoza*/

.location {
  width: 96%;
  height: auto;
  margin: 2% 2% 30px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.locIcn {
  width: 15px;
  height: 22.5px;
  margin: 20px 20px 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.selectLoc {
  width: 330px;
  height: 60px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.dropDownLoc {
  width: 330px;
  height: 60px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  outline: none;
  display: block;
}

select.dropDownLoc  {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-bottom: 2px solid #a4a4a4;
  padding: 0 20px 0 0;
  width: 310px;
  height: 60px;
  font-size: 40px;
  font-weight: 600;
  color: #176eb2;
  text-align: left;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: transparent url(../images/caret-down.svg) no-repeat;
  background-position: center right;
}

select.dropDownLoc:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border-bottom: 2px solid #a4a4a4;
  padding: 0 20px 0 0;
  color: #176eb2;
  font-size: 40px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select.dropDownLoc option {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: none;
  padding: 0 20px 0 0;
  color: #176eb2;
  font-size: 24px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.currentWth {
  width: 86%;
  height: auto;
  margin: 5px 2% 0 2%;
  padding: 7.5% 5% 7.5% 5%;
  border-radius: 5px;
  background-color: rgba(120, 144, 156, 0.13);
  position: relative;
  float: left;
}

.currentWthTag  {
  width: 100px;
  height: auto;
  margin: -13px 0 0 4%;
  padding: 10px 0 10px 0;
  border-radius: 8px;
  background-color: #78909c;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  float: left;
}

.currentWthTime  {
  margin: -20px 0 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: #78909c;
  text-transform: uppercase;
  text-align: right;
  position: absolute;
  float: right;
  right: 2%;
}

.currentInfo {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.currentDeg {
  width: 80%;
  height: auto;
  font-size: 40px;
  font-weight: 300;
  margin: 18px 0 30px 0;
  padding: 0;
  position: relative;
  float: left;
}

.currentImg {
  display: none;
}

.currentImgRes {
  display: block;
  width: 20%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.currentIcn {
  width: 56px;
  height: auto;
  margin: 15px 0 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.wthPress {
  width: 60%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 25px;
  font-weight: 300;
  position: relative;
  float: left;
}

.wthWind {
  width: 40%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 25px;
  font-weight: 300;
  position: relative;
  float: left;
}

.wthHumid {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 25px;
  font-weight: 300;
  position: relative;
  float: left;
}

.detTl  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #78909c;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.tableWth {
  width: 95.25%;
  height: auto;
  margin: 20px 2% 0 2%;
  padding: 0;
  border-radius: 5px;
  border: 2px solid #cdd4da;
  position: relative;
  float: left;
}

.tableWthTl {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  background-color: #f5f6f8;
  border-radius: 5px 5px 0 0;
  font-size: 15px;
  color: #78909c;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.wthBox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
  float: left;
}

.pressBox, .windBox {
  display: none;
}

.indexBox {
  display: none;
}

.pressBoxRes {
  display: block;
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
  float: left;
}

.windBoxRes {
  display: block;
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
  float: left;
}

.indexBoxRes {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
  float: left;
}

.wthTlRes {
  color: #78909c;
  margin: 0 10px 0 0;
  padding: 0;
  text-align: left;
  position: relative;
  float: left;
}

.tableWthRowF {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  font-size: 16px;
  line-height: 1.25;
  position: relative;
  float: left;
}

.tableWthRow {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  font-size: 16px;
  line-height: 1.25;
  border-top: solid 2px #e9e9e9;
  position: relative;
  float: left;
}

.wthDay {
  width: 100%;
  height: auto;
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  color: rgba(164, 164, 164, 0.58);
  position: relative;
  float: left;
}

.dayIcn {
  width: 18px;
  height: auto;
  margin: 0 10px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.wthDscpt {
  width: 70%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
  float: left;
}

.wthDeg {
  width: 30%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  position: relative;
  float: left;
}

.boxInfo  {
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.tableWthBott {
  width: 96%;
  height: auto;
  margin: 20px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.wthDel {
  width: 38%;
  height: auto;
  margin: 0 0 0 2%;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  color: #78909c;
  position: relative;
  float: left;
}

.wthDelImg  {
  width: 53%;
  height: auto;
  margin: 0 2% 0 5%;
  padding: 0;
  position: relative;
  float: left;
}

.wthDelIcn  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
}


/*Styles for Klijenti, Klijenti-Page*/

.subNav1 {
  display: none;
}

.subNav1 a:hover {
  display: none;
}

.subNav1 a:active {
  display: none;
}

#navList .actNav1  {
  display: none;
}

.actNavMenu1  {
  background-color: #cd271e;
  color: #ffffff;
  font-weight: 700;
  display: block;
}

.subSec5 {
  width: 96%;
  height: auto;
  margin: 0 2% 15px 2%;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.subSec6 {
  width: 96%;
  height: auto;
  margin: 0 2% 20px 2%;
  padding: 0;
  border-radius: 5px;
  background-color: #edeeee;
  position: relative;
  float: left;
}

.subSec6Bott {
  width: 96%;
  height: auto;
  margin: 0 2% 20px 2%;
  padding: 0;
  border-radius: 5px;
  background-color: #edeeee;
  position: relative;
  float: left;
}

.subSec6:hover, .subSec6Bott:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
  box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
}

.subBoxImg  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.subBoxIcn  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 5px 5px 0 0;
}

.subBoxTl {
  width: 90%;
  height: auto;
  margin: 20px 5% 20px 5%;
  padding: 0;
  font-size: 17px;
  font-weight: 700;
  position: relative;
  float: left;
}

.subBoxTl:hover {
  text-decoration: none;
}

#subBoxTxt li:hover {
  text-decoration: none;
}

#subBoxTxt {
  width: 90%;
  height: auto;
  margin: 0 3% 30px 3%;
  padding: 0 ;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  list-style-position: outside;
  -webkit-margin-start: 2.75%;
}

#subBoxTxt ul  {
  list-style-type: initial;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  text-indent:-20px;
}

#subBoxTxt li {
  list-style-position: outside;
  margin-left: 2em;
}


/*Styles for Klijenti, Klijenti-Page*/

.subRubricTlCl  {
  width: 93%;
  height: auto;
  margin: 2px 2% 10px 2%;
  padding: 8px 0 8px 3%;
  background-color: #cd271e;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  position: relative;
  float: left;
}

.subBoxCl {
  width: 45%;
  height: 125px;
  margin: 0 2.5% 14px 2.5%;
  padding: 0;
  font-size: 12px;
  text-align: center;
  background-color: #edeeee;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  float: left;
}

.subBoxClR {
  width: 45%;
  height: 125px;
  margin: 0 2.5% 14px 2.5%;
  padding: 0;
  font-size: 12px;
  text-align: center;
  background-color: #edeeee;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  float: left;
}

.clientImg  {
  width: 90%;
  height: auto;
  margin: 5% 5% 2% 5%;
  padding: 0;
  position: relative;
  float: left;
}

.clientIcn  {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.clientTl {
  width: 90%;
  height: auto;
  margin: 0 5% 5% 5%;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}


/*Styles for Moja-eKapija*/

.subNav2 {
  display: none;
}

.subNav2 a:hover {
  display: none;
}

.subNav2 a:active {
  display: none;
}

#navList .actNav2  {
  display: none;
}

.actNavMenu2  {
  background-color: #176eb2;
  color: #ffffff;
  font-weight: 700;
  display: block;
}

#meKBg  {
  width: 100%;
  height: auto;
  min-height: 500px;
  margin: -25px auto 0 auto;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
  background: #dcecfe; /* Old browsers */
  background: -moz-linear-gradient(top, #dcecfe 0%, #e7f1fe 53%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #dcecfe 0%,#e7f1fe 53%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dcecfe 0%,#e7f1fe 53%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcecfe', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.transpBg {
  background-color: transparent;
}

.subSecMeK {
  width: 100%;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecMeKF {
  width: 100%;
  height: auto;
  margin: 25px 0 25px 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecMeKM {
  display: none;
}

.subSecMeKRes {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecMeKBott {
  width: 100%;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecMTl  {
  width: 90%;
  height: auto;
  margin: 20px 5% 0 5%;
  padding: 0;
  text-align: left;
  font-size: 35px;
  font-weight: 400;
  color: #000000;
  line-height: 1.4;
  position: relative;
  float: left;
  -webkit-text-size-adjust: 82.25%;
}

.blueTl {
  color: #176eb2;
}

.setIcn {
  width: 14px;
  height: 14px;
  margin: 0 0 0 15px;
  padding: 0;
  vertical-align: 20px;
}

.subSecMTlBlt  {
  width: 90%;
  height: auto;
  margin: 25px 5% 20px 5%;
  padding: 0;
  font-size: 15px;
  position: relative;
  float: left;
}

.subSecMTxt, .subSecMTxt img {
  width: 90%;
  height: auto;
  margin: 15px 5% 15px 5%;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.4;
  position: relative;
  float: left;
}

.subSecMTxt img {
  width: 100%;
  height: auto;
}

.meKWthr {
  display: none;
}

.meKWthrRes {
  width: 100%;
  height: 66px;
  margin: 40px 0 0 -12.5%;
  padding: 0;
  display: block;
  position: relative;
  float: left;
  -webkit-transform:scale(0.65,0.65);
  -moz-transform:scale(0.65,0.65);
  -ms-transform:scale(0.65,0.65);
  -o-transform:scale(0.65,0.65);
  transform:scale(0.65,0.65);
}

.wthrIcn {
  width: 36px;
  height: auto;
  margin: 20px 10px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.degNo  {
  font-size: 36px;
  font-weight: 700;
  margin: 14px 10px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.supscrD {
  margin: 0 0 0 2px;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  vertical-align: 12px;
}

.cityName  {
  font-size: 30px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecMIcns  {
  width: 297px;
  height: auto;
  margin: 0 0 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

.mNavIcn {
  width: 89px;
  height: 89px;
  margin: 5px;
  padding: 0;
  position: relative;
  float: left;
}

.mNavIcnR {
  width: 89px;
  height: 89px;
  margin: 5px;
  padding: 0;
  position: relative;
  float: left;
}

.boxMeKNews {
  width: 96%;
  height: auto;
  margin: 0 1.5% 0 1.5%;
  padding: 0;
  border: 2px solid #cbd5db;
  border-radius: 9px;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.boxMeKNTl {
  width: 90%;
  height: 25px;
  margin: 0;
  padding: 20px 5% 20px 5%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  border: none;
  border-radius: 7px 7px 0 0;
  background-color: #f4f6f8;
  position: relative;
  float: left;
}

.boxMeKNTlRes {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 20px 5% 20px 5%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  border: none;
  border-radius: 7px 7px 0 0;
  background-color: #f4f6f8;
  position: relative;
  float: left;
}

.lineChart  {
  width: 24px;
  height: 18px;
  margin: 0 2% 0 0;
  padding: 0;
}

.TlMekRes {
  width: 100%;
  position: relative;
  float: left;
}

.MeKNTlItal {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #9b9d9e;
  margin: 0 0 0 20px;
  padding: 0;
  vertical-align: 2px;
}


.MeKNTlOrang {
  font-size: 20px;
  font-weight: 700;
  color: #ee9009;
  margin: 0 0 0 20px;
  padding: 0;
}

.rowMeKN {
  width: 92%;
  height: auto;
  margin: 4% 4% 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

.rowMeKNBlt {
  width: 100%;
  height: auto;
  margin: 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.rowMeKNBott {
  width: 100%;
  height: 20px;
  margin: 4% 0 0 0;
  padding: 5px 0 5px 0;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  border: none;
  border-radius: 0 0 7px 7px;
  background-color: #f4f6f8;
  position: relative;
  float: left;
}

.rowMeKNBottRes {
  width: 100%;
  height: 35px;
  margin: 0;
  padding: 5px 0 5px 0;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  border: none;
  border-radius: 0 0 7px 7px;
  background-color: #f4f6f8;
  position: relative;
  float: left;
}

.TagMekRes {
  width: 130px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 4px 15px 6px 15px;
  background-color: #176eb3;
  font-size: 14px;
  font-weight: 700;
  border-radius: 14px;
  color: #ffffff;
  position: relative;
  float: none;
}

.rowMeKT {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.rowMeKTHidd {
  display: none;
}

.rowMeKC {
  width: 100%;
  height: auto;
  margin: 4% 0 0 0;
  padding: 0 0 4% 0;
  border-bottom: 1px solid #f2f3f6;
  position: relative;
  float: left;
}

.rowMeKCBott {
  width: 100%;
  height: auto;
  margin: 4% 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.rowMeKImg {
  width: 40%;
  height: auto;
  margin: 0 4% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.rowMeKIcn {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.rowMeKImgRes {
  display: none;
}

.rowMeKIcnRes {
  display: none;
}

.rowMeKTxt {
  width: 56%;
  height: auto;
  margin: -1% 0 0 0;
  padding: 0;
  font-size: 14px;
  position: relative;
  float: left;
}

.rowMeKDate {
  width: 100%;
  height: auto;
  margin: 1% 4% 0 0;
  padding: 0;
  font-size: 13px;
  color: #9b9d9e;
  text-transform: none;
  position: relative;
  float: left;
}

.rowMeKDateC {
  width: 340px;
  height: auto;
  margin: 5px 20px 0 0;
  padding: 0;
  font-size: 13px;
  color: #9b9d9e;
  text-transform: none;
  position: relative;
  float: left;
}

.rowMeKTxtT {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 4% 0 4% 0;
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: 1px solid #f2f3f6;
  position: relative;
  float: left;
}

.rowMeKTxtTResB {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 4% 0 0 0;
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: none;
  position: relative;
  float: left;
}

.rowMeKTxtTF {
  width: 92%;
  height: auto;
  margin: 4% 4% 0 4%;
  padding: 0 0 4% 0;
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: 1px solid #f2f3f6;
  position: relative;
  float: left;
}

.rowMeKTxtTB {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 4% 0 0 0;
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.rowMeKTxtTBlt {
  width: 90%;
  height: auto;
  margin: 0 5% 0 5%;
  padding: 0;
  position: relative;
  float: left;
}

.fltTl {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  float: left;
}

.fltFld {
  width: 195px;
  height: 25px;
  margin: 0;
  padding: 0 0 0 5px;
  border-left: 2px solid #ececec;
  border-top: 2px solid #ececec;
  border-bottom: 2px solid #ececec;
  border-right: 0;
  color: #000000;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  position: relative;
  float: left;
}

input.fltFld:focus, select.fltFld:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border-left: 2px solid #176eb2;
  border-top: 2px solid #176eb2;
  border-bottom: 2px solid #176eb2;
  border-right: 0;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.fltBtn  {
  width: 13px;
  height: 15px;
  margin: 0;
  padding: 7px 8px;
  background: #176eb2;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  position: relative;
  float: left;
}

.fltBtnIcn  {
  width: 12px;
  height: 13px;
  margin: 0;
  padding: 0;
}

.clndFld  {
  width: 91%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 4%;
  background: #fff;
  border-radius: 7px;
  border: 2px solid #ececec;
  position: relative;
  float: left;
  z-index: 2;
}

.month  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  text-align: center;
  line-height: 1.0;
  position: relative;
  float: left;
}

.monthTl  {
  margin: 10px 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.0;
  color: #a4a4a4;
  text-transform: uppercase;
}

.days  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.dates  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.dayFld  {
  width: 14.285%;
  height: auto;
  margin: 0;
  padding: 4px 0;
  position: relative;
  float: left;
}

.rowMeKTxtFlt {
  width: 90%;
  height: auto;
  margin: 20px 5% 0 5%;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #f2f3f6;
  position: relative;
  float: left;
}

.rowMeKTxtFltBott {
  width: 90%;
  height: auto;
  margin: 20px 5% 0 5%;
  padding: 0;
  position: relative;
  float: left;
}

.fltTab  {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #176eb2;
  position: relative;
  float: left;
}

.fltNo  {
  width: 50%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  color: #7c7c7c;
  position: relative;
  float: left;
}

.fltDt  {
  width: 50%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  color: #7c7c7c;
  text-transform: none;
  text-align: right;
  position: relative;
  float: left;
}

.fltCont  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-style: italic;
  color: #7c7c7c;
  position: relative;
  float: left;
}

.fltContTl  {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  font-style: normal;
  text-transform: none;
  position: relative;
  float: left;
}

.fltContLng  {
  width: 35px;
  height: auto;
  margin: 0 0 0 10px;
  padding: 0;
  vertical-align: -5px;
}

.pagerFlt  {
  width: 100%;
  height: 20px;
  margin: 20px 0 0 0;
  padding: 5px 0 5px 0;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  text-align: center;
  border: none;
  border-radius: 0 0 7px 7px;
  background-color: #f4f6f8;
  position: relative;
  float: left;
}

ul.select-pageFlt  {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #4a4a4a;
}

.select-pageFlt li  {
  margin: 0;
  padding: 0 5px 0 5px;
  display: inline;
  border: none;
  -webkit-padding-start: 0.175em;
  -webkit-padding-end: 0.175em;
  -moz-padding-start: 0em;
}

.rowMeKTxtFn {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 2% 0 2% 0;
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.rowMeKTxtC {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 0;
  font-size: 16px;
  position: relative;
  float: left;
}

.rowMeKTlCB {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  color: #176eb2;
  position: relative;
  float: left;
}

.rowMeKsubTxt {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 13px;
  text-transform: none;
  position: relative;
  float: left;
}

.compTl {
  width: 236px;
  height: 55px;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  position: relative;
  float: left;
}

.employNo {
  width: 100px;
  height: 55px;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.riseProf {
  width: 80px;
  height: 55px;
  margin: 5px 10px 0 10px;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.profit {
  width: 100px;
  height: 55px;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.boxParTl {
  width: 100%;
  height: auto;
  margin: 5px 0 5px 0;
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #a8a8a8;
  position: relative;
  float: left;
}

.boxParTxt {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.down {
  color: #e20d35;
}

.up {
  color: #00a453;
}

.noInfo {
  color: #000000;
  text-align: center;
}

.arrowCmpIcn  {
  width: 18px;
  height: 15px;
  margin: 6px 10px 0 10%;
  padding: 0;
  position: relative;
  float: left;
}

.rowMeKTagN {
  margin: 0 70% 15px 4%;
  padding: 4px 15px 6px 15px;
  background-color: #ee9009;
  font-size: 14px;
  font-weight: 700;
  border-radius: 14px;
  color: #ffffff;
  position: relative;
  float: left;
}

.rowMeKTagT {
  margin: 0 70% 15px 4%;
  padding: 4px 15px 6px 15px;
  background-color: #07366e;
  font-size: 14px;
  font-weight: 700;
  border-radius: 14px;
  color: #ffffff;
  position: relative;
  float: left;
}

.rowMeKTagC {
  margin: 0 45% -5px 4%;
  padding: 4px 15px 6px 15px;
  background-color: #eb212e;
  font-size: 14px;
  font-weight: 700;
  border-radius: 14px;
  color: #ffffff;
  position: relative;
  float: left;
}

.subSecMeKBI {
  display: none;
}

.subSecMeKBI1 {
  display: none;
}

.subSecMeKBI2 {
  display: block;
  width: 96%;
  height: auto;
  margin: 15px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecMeKBIRes {
  display: block;
  width: 96%;
  height: auto;
  margin: 0 2% 25px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecMeKBIResBott {
  display: block;
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.boxMeKBI {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 2px solid #cbd5db;
  border-radius: 9px;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.boxMeKBITl {
  width: 96%;
  height: auto;
  margin: 0;
  padding: 4% 0 4% 4%;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  border: none;
  border-radius: 7px 7px 0 0;
  background-color: #239bf6;
  position: relative;
  float: left;
}

.rowMeKBIBott {
  width: 100%;
  height: 20px;
  margin: 20px 0 0 0;
  padding: 5px 0 5px 0;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  border: none;
  border-radius: 0 0 7px 7px;
  background-color: #239bf6;
  position: relative;
  float: left;
}

.MeKBITlItal {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #ffffff;
  margin: 0;
  padding: 0;
  vertical-align: 2px;
}

.rowMeKBI {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.rowMeKTxtBI {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 4% 0 4% 0;
  font-size: 16px;
  border-bottom: 1px solid #f2f3f6;
  position: relative;
  float: left;
}

.rowMeKTxtBIF {
  width: 92%;
  height: auto;
  margin: 4% 4% 0 4%;
  padding: 0 0 4% 0;
  font-size: 16px;
  border-bottom: 1px solid #f2f3f6;
  position: relative;
  float: left;
}

.rowMeKTxtBIB {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 4% 0 0 0;
  font-size: 16px;
  position: relative;
  float: left;
}

.rowMeKDateBI {
  width: 260px;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 13px;
  color: #9b9d9e;
  text-transform: none;
  position: relative;
  float: left;
}

.boxMeKSurTl {
  width: 96%;
  height: auto;
  margin: 0;
  padding: 4% 0 4% 4%;
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  border: none;
  border-radius: 7px 7px 0 0;
  background-color: #f4f6f8;
  position: relative;
  float: left;
}

.rowMeKSurBott {
  width: 100%;
  height: 20px;
  margin: 20px 0 0 0;
  padding: 5px 0 5px 0;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  text-align: center;
  border: none;
  border-radius: 0 0 7px 7px;
  background-color: #f4f6f8;
  position: relative;
  float: left;
}

.MeKSurTlItal {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #9b9d9e;
  margin: 0;
  padding: 0;
  vertical-align: 2px;
}

.boxMeKEvTl {
  width: 96%;
  height: auto;
  margin: 0;
  padding: 4% 0 4% 4%;
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  border: none;
  border-radius: 7px 7px 0 0;
  border-bottom: 1px solid #f2f3f6;
  position: relative;
  float: left;
}

.rowMeKDateEv {
  width: 22.5%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #9b9d9e;
  text-transform: none;
  position: relative;
  float: left;
}

.rowMeKTlEv {
  width: 77.5%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 14px;
  color: #000000;
  text-transform: none;
  position: relative;
  float: left;
}

.specEdit {
  width: 70%;
  height: auto;
  margin: 0 15% 30px 15%;
  padding: 0;
  position: relative;
  float: left;
}

.questMark {
  display: none;
}

.qMarkTxt {
  width: 92%;
  margin: 0 4% 0 4%;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  position: relative;
  float: left;
}

.qMarkTxtR {
  width: 92%;
  margin: 5px 4% 5px 4%;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  position: relative;
  float: left;
}

.qMarkTxtBF {
  width: 54%;
  margin: 10px 18% 0 18%;
  padding: 6px 15px 8px 15px;
  background-color: #176eb3;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  border-radius: 14px;
  color: #ffffff;
  bottom: 65%;
  position: relative;
  float: left;
}

.qMarkTxtB {
  width: 54%;
  height: auto;
  margin: 5px 18% 20px 18%;
  padding: 0 15px 0 15px;
  color: #176eb2;
  text-align: center;
  position: relative;
  float: left;
}


/*Styles for Moja-eKapija-Tenderi*/

.secmeKT {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecMeKT {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.meKWthrResT {
  width: 100%;
  height: auto;
  margin: 40px 0 0 0;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}

.meKWthrT {
  display: none;
}

.wthrIcnT {
  width: 20px;
  height: 21px;
  margin: 4px 10px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecMTlM  {
  width: 92%;
  height: auto;
  margin: 20px 4% 0 4%;
  padding: 0;
  text-align: left;
  font-size: 32px;
  font-weight: 400;
  color: #000000;
  line-height: 1.4;
  position: relative;
  float: left;
}

.subSecMTlT  {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  position: relative;
  float: left;
}

.subSecMTlTL  {
  width: 92%;
  height: auto;
  margin: 10px 4% 0 4%;
  padding: 0;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  position: relative;
  float: left;
}

.subSecMTlTR  {
  width: 92%;
  height: auto;
  margin: 10px 4% 0 4%;
  padding: 0;
  text-align: right;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  position: relative;
  float: right;
}

.subSecMContTR  {
  margin: 0;
  padding: 0;
}

.setIcnT {
  width: 14px;
  height: 14px;
  margin: -2px 0 0 10px;
  padding: 0;
  position: absolute;
  float: right;
}

.degNoT  {
  font-size: 18px;
  font-weight: 400;
  margin: 0 10px 0 0;
  padding: 0;
  position: relative;
  float: left;
  -webkit-margin-before: 0.1em;
}

.supscrDT {
  margin: 0 0 0 2px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  text-transform: uppercase;
  vertical-align: 6px;
}

.cityNameT  {
  font-size: 18px;
  font-weight: 400;
  margin: 3px 0 0 0;
  padding: 0;
  text-align: right;
  position: relative;
  float: left;
  -webkit-margin-before: 0.25em;
}

.subSecTFld {
  width: 100%;
  height: auto;
  margin: 10px 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecTFldH {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.boxMeKSearchT {
  width: 98.75%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 2px solid #cbd5db;
  border-radius: 9px;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.boxMeKSearchTlT {
  width: 92%;
  height: 25px;
  margin: 0;
  padding: 20px 4% 20px 4%;
  border: none;
  border-radius: 7px 7px 0 0;
  background-color: #f4f6f8;
  position: relative;
  float: left;
}

.boxMeKSearchTlT ul {
  list-style-type: none;
  text-align: left;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  display: inline;
  position: relative;
  float: left;
}

.boxMeKSearchTlT li {
  margin: 0 6% 0 6%;
  padding: 0;
  display: inline-block;
}

.langActT {
  text-decoration: underline;
  font-weight: 600;
}

.rowMeKNT {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  position: relative;
  float: left;
}

.rowMeKFormT  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  text-align: center;
  position: relative;
  float: left;
}

.searchMeKT {
  width: 97.5%;
  height: 35px;
  margin: 0;
  padding: 0;
  border-radius: 5px;
  border: 3px solid #176eb2;
  position: relative;
  float: left;
}

input.search-fieldT {
  width: 96%;
  height: 35px;
  margin: 0;
  padding: 0 2% 0 2%;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.6;
  text-align: left;
  border-radius: 3px;
  border: none;
  position: relative;
  float: left;
  -webkit-text-fill-color: rgba(0, 0, 0, 1.0);
  color: rgba(0, 0, 0, 1.0);
}

input.search-fieldT:focus, select.search-fieldT:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border-width: 0;
  border-radius: 3px;
  font-family: 'Open Sans', sans-serif;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.selectMeKTL {
  width: 70%;
  height: 35px;
  margin: 15px 0 0 0;
  padding: 0;
  border-radius: 5px 0 0 5px;
  border: 3px solid #176eb2;
  position: relative;
  float: left;
}

.selectMeKTR {
  width: 35%;
  height: 35px;
  margin: 15px 0 0 0;
  padding: 0;
  border-radius: 0;
  border-top: 3px solid #176eb2;
  border-bottom: 3px solid #176eb2;
  border-left: none;
  position: relative;
  float: left;
}

.dropDownMeKT {
  width: 100%;
  height: 35px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  outline: none;
  display: block;
}

select.dropDownMeKT  {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  padding: 0 5% 0 5%;
  width: 95%;
  height: 35px;
  font-size: 12px;
  font-weight: 400;
  color: #176eb2;
  text-align: center;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: transparent url(../images/caret-downT.svg) no-repeat;
  background-position: 100% 50%;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 8.5%;
}

select.dropDownMeKT:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: none;
  width: 95%;
  color: #176eb2;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select.dropDownMeKT option:checked {
  box-shadow: inset 20px 20px #176eb2;
}

.greyT {
  background: #ffffff;
  color: #176eb2;
  text-align: left;
}

.btnMeKT {
  width: 27.5%;
  height: auto;
  margin: 15px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.searchTBtn {
  width: 100%;
  height: 41px;
  margin: 0;
  padding: 0;
  background: #176eb2 url(../images/search-white.svg) no-repeat;
  background-position: 50% 50%;
  text-align: center;
  border: none;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  position: relative;
  float: left;
}

.filterT  {
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
}

.resetFltMekT {
  margin: 17px 7px 0 0;
  padding: 0;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  color: #176eb2;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  text-align: right;
  border: none;
  border-radius: 0;
  cursor: pointer;
  position: relative;
}

.subSecTFldTl {
  width: 92%;
  height: auto;
  margin: 0 4% 10px 4%;
  padding: 0;
  font-size: 24px;
  position: relative;
  float: left;
}

.subSecTFldTxt {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #78909c;
  position: relative;
  float: left;
}

.subSecTFldTxt1 {
  width: 85%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
}

.subSecTFldTxt2 {
  width: 87.5%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  text-align: left;
  position: relative;
  float: right;
}

.subSecTFldIcn  {
  width: 30px;
  height: auto;
  margin: 0 2.5% 0 0;
  padding: 0;
  vertical-align: -14px;
}

.boxMeKFavTlT {
  display: none;
}

.favTendTl  {
  width: 80px;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #78909c;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  float: left;
}

.tendTendTl  {
  display: none;
}

.dateStTendTl  {
  display: none;
}

.dateEdTendTl  {
  display: none;
}

.dateExpTendTl  {
  display: none;
}

.rowMeKFavT {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  border-bottom: 2px solid #e9e9e9;
  position: relative;
  float: left;
}

.rowMeKFavTS {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  border: none;
  border-radius: 7px 7px 0 0;
  position: relative;
  float: left;
}

.rowMeKFavTSN {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  border-bottom: 2px solid #e9e9e9;
  border-radius: 7px 7px 0 0;
  position: relative;
  float: left;
}

.rowMeKFavTBott {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  border-bottom: 0;
  border-radius: 0 0 7px 7px;
  position: relative;
  float: left;
}

.subRowMeKFav {
  display: none;
}

.subRowMeKFavRes  {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  float: left;
}

.subRowMeKFavResBott  {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.overlayTxt {
  width: 100%;
  height: auto;
  margin: 6px 0 0 0;
  padding: 0;
  top: 63.5%;
  text-align: right;
  position: absolute;
  float: left;
}

.overlaySubTxt  {
  width: 82%;
  height: auto;
  margin: 0 0 0 4%;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #4a4a4a;
  position: absolute;
  float: left;
}

.overlaySubImg  {
  width: 14%;
  height: auto;
  margin: -22px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #176eb2;
  position: relative;
  float: right;
}

.overReturn {
  margin: 0;
  padding: 0;
  vertical-align: 2px;
}

.delTendIcn  {
  width: 27px;
  height: auto;
  margin: 0;
  padding: 0;
  vertical-align: -8px;
}

.overlayTend {
  width: 100%;
  height: auto;
  margin: 0 0 -1px 0;
  padding: 0;
  top: 0;
  background: rgba(190,190,190,1.0);
  opacity: 0.3;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -webkit-opacity: 0.3;
  position: relative;
  float: left;
}

.favTendTxt  {
  display: none;
}

.favTendTxtRes  {
  width: 46%;
  height: auto;
  margin: 0 0 0 4%;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #78909c;
  text-align: left;
  position: relative;
  float: left;
}

.favTendTxtNRes  {
  width: 46%;
  height: auto;
  margin: 0 0 20px 4%;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #78909c;
  text-align: left;
  position: relative;
  float: left;
}

.favCheck  {
  font-weight: 700;
}

.favTendIcn  {
  width: 30px;
  height: auto;
  margin: 0 10px 0 0;
  padding: 0;
  vertical-align: -8px;
}

.tendTendTxt  {
  display: none;
}

.tendTendTxtRes  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  float: left;
}

.subRowMeK  {
  width: 92%;
  height: auto;
  margin: 20px 4% 20px 4%;
  padding: 0;
  text-align: left;
  position: relative;
  float: left;
}

.expTend  {
  width: 85.75%;
  height: auto;
  margin: 20px 4% 20px 4%;
  padding: 0 0 0 4%;
  font-size: 16px;
  text-transform: uppercase;
  border-left: 5px solid red;
  text-align: left;
  position: relative;
  float: left;
}

.newTend  {
  width: 92%;
  height: auto;
  margin: 20px 4% 20px 4%;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  float: left;
}

.tendTxtName {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 1.2;
  position: relative;
  float: left;
}

.tendTxtPurch {
  margin: 0 10px 0 0;
  padding: 0;
  line-height: 1.5;
  color: #a4a4a4;
  position: relative;
  float: left;
}

.tendTxtPurchName {
  margin: 0;
  padding: 0;
  line-height: 1.2;
  text-transform: none;
}

.dateStTendTxt  {
  display: none;
}

.dateStTendTxtRes  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  float: left;
}

.dateEdTendTxt  {
  display: none;
}

.dateEdTendTxtRes  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  float: left;
}

.dateExpTendTxt  {
  display: none;
}

.dateExpTendTxtRes  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  float: left;
}

.ovalTendIcn  {
  display: none;
}

.delTendImg {
  display: none;
}

.delTendImgRes {
  width: 46%;
  height: auto;
  margin: 0 4% 20px 0;
  padding: 0;
  text-align: right;
  position: relative;
  float: right;
}

.questTendIcn  {
  width: 18px;
  height: auto;
  margin: 5px 0 0 10px;
  padding: 0;
  position: relative;
  float: right;
}

.subSecTFldTlMy {
  width: 96%;
  height: auto;
  margin: 0 2% 10px 2%;
  padding: 0;
  font-size: 22px;
  position: relative;
  float: left;
}

.subSecTFldTxtDel {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #78909c;
  text-align: center;
  position: relative;
  float: left;
}

.displayFldTlMy {
  width: 45%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  color: #a4a4a4;
  text-align: left;
  position: relative;
  float: left;
}

.pageFldTlMy {
  width: 55%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  color: #a4a4a4;
  text-align: left;
  position: relative;
  float: right;
}

.displayFldMy  {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.displayFldMy1  {
  display: none;
}

.displayFldMy2  {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.displayFldMyCont {
  width: auto;
  display: block;
  text-align: right;
  position: relative;
  float: right;
}

.pageFldMy  {
  display: none;
}

.dropDownDisplayMy {
  width: auto;
  height: auto;
  margin: 0 15px 0 0;
  padding: 0;
  border-radius: 0;
  border: none;
  outline: none;
  display: block;
}

select.dropDownDisplayMy  {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  padding: 0 15px 0 5px;
  width: auto;
  height: auto;
  font-size: 14px;
  font-weight: 700;
  color: #176eb2;
  font-family: 'Open Sans', sans-serif;
  text-align: right;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: transparent url(../images/angle-down.svg) no-repeat;
  background-position: right;
  -webkit-padding-before: 0;
  -webkit-padding-after: 0;
  -webkit-padding-start: 15%;
}

select.dropDownDisplayMy:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: none;
  width: auto;
  padding: 0 15px 0 5px;
  color: #176eb2;
  -webkit-padding-before: 0;
  -webkit-padding-after: 0;
  -webkit-padding-start: 15%;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select.dropDownDisplayMy option:checked {
  box-shadow: inset 30px 30px #176eb2;
}

.pageNavFld  {
  margin: -3px 5px -6px 10px;
  padding: 0;
  position: relative;
  float: right;
}

.pageNavTendIcn {
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.caretTendIcn {
  width: 8px;
  height: auto;
  margin: 0 0 0 10px;
  padding: 0;
}


/*Styles for Moja-eKapija-Bez-Servisa*/

.bannMeKRowN {
  width: 300px;
  height: 250px;
  margin: 0 auto 0 auto;
  padding: 0;
  background-image: url(../images/baner-moji-narucioci-300-x-250.jpg);
  position: relative;
  float: none;
}

.bannMeKRowK {
  width: 300px;
  height: 250px;
  margin: 20px auto 0 auto;
  padding: 0;
  background-image: url(../images/baner-moja-konkurencija-300-x-250.jpg);
  position: relative;
  float: none;
}

.myNewsBox {
  width: 85%;
  height: auto;
  margin: 0;
  padding: 7.5%;
  border: 2px solid #cbd5db;
  border-radius: 9px;
  background-color: #78909c;
  position: relative;
  float: left;
}

.myNewsTl {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  position: relative;
  float: left;
}

.closeMyBox {
  width: 16px;
  height: auto;
  margin: -5px 0 0 25%;
  padding: 0;
  position: absolute;
  float: right;
}

.myNewsSubTl  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  opacity: 0.75;
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.2;
  color: rgba(233, 233, 233, 0.92);
  position: relative;
  float: left;
}

.myNewsFile {
  width: 90%;
  height: auto;
  margin: 25px 5% 0 5%;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: #ffffff;
  position: relative;
  float: left;
}

.myNewsFileSt {
  width: 90%;
  height: auto;
  margin: 25px 5% 0 5%;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.25;
  color: #ffffff;
  position: relative;
  float: left;
}

.fileContL  {
  width: 7.5%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.fileContR  {
  width: 92.5%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.fileMyBox  {
  width: 14px;
  height: 19px;
  margin: 5px 0 0 0;
  padding: 0;
}

.fileMyBoxBtn {
  width: 170px;
  height: 24px;
  margin: 5px auto 10px auto;
  padding: 8px 0 8px 0;
  border-radius: 9px;
  background-color: #176eb2;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  position: relative;
  float: none;
}

.noteMyBox  {
  width: 100%;
  height: auto;
  opacity: 0.7;
  font-size: 12px;
  line-height: 1.35;
  text-align: center;
  color: #ffffff;
  position: relative;
  float: left;
}


/*Styles for Moja-eKapija-Narucioci*/

.subSecMTlN  {
  display: none;
}

.subSecMTlMN  {
  width: 96%;
  height: auto;
  margin: 20px 2% 0 2%;
  padding: 0;
  text-align: left;
  font-size: 32px;
  font-weight: 400;
  color: #000000;
  line-height: 1.4;
  position: relative;
  float: left;
}

.subSecMTxtN  {
  width: 96%;
  height: auto;
  margin: 15px 2% 15px 2%;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.1;
  position: relative;
  float: left;
}

.subSecMTxtNBott  {
  width: 96%;
  height: auto;
  margin: 0 2% 15px 2%;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.1;
  position: relative;
  float: left;
}

.myPurchBox {
  width: 88.85%;
  height: auto;
  margin: 0 0 35px 0;
  padding: 10% 5% 10% 5%;
  border: 2px solid #cbd5db;
  border-radius: 9px;
  background-color: #78909c;
  position: relative;
  float: left;
}

.myNewsTlN {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  position: relative;
  float: left;
}

.myNewsSubTlN  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  opacity: 0.75;
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.2;
  color: rgba(233, 233, 233, 0.92);
  position: relative;
  float: left;
}

.myNewsQN {
  width: 90%;
  height: auto;
  margin: 30px 5% 30px 5%;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  color: #ffffff;
  position: relative;
  float: left;
}

.qnRow  {
  width: 100%;
  height: auto;
  margin: 0 0 15px 0;
  padding: 0;
  position: relative;
  float: left;
}

.myNewsFileN {
  width: 92%;
  height: auto;
  margin: 0 4% 5px 4%;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #ffffff;
  position: relative;
  float: left;
}

.fileMyBoxBtnN {
  width: 169px;
  height: 24px;
  margin: 5px auto 10px auto;
  padding: 8px 20px 8px 20px;
  border-radius: 9px;
  background-color: #176eb2;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  position: relative;
  float: none;
}

.plusBold {
  font-size: 35px;
  font-weight: 700;
  margin: -20px 5px 0 0;
  padding: 7px 0 0 0;
  position: relative;
  float: left;
}

.qMarkTxtN {
  width: 96%;
  height: auto;
  margin: 0 2% 5px 2%;
  padding: 0;
  font-size: 23px;
  font-weight: 700;
  text-align: center;
  position: relative;
  float: left;
}

.qMarkTxtRN {
  width: 96%;
  height: auto;
  margin: 0 2% 20px 2%;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  position: relative;
  float: left;
}

.qMarkTxtBFN {
  width: 75%;
  height: 24px;
  border-radius: 8px;
  background-color: transparent;
  border: 3px solid #176eb2;
  margin: 0 10% 20px 10%;
  padding: 5px 5% 5px 5%;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #176eb2;
  position: relative;
  float: left;
}

.qMarkTxtBSN {
  width: 75%;
  height: 24px;
  border-radius: 8px;
  background-color: transparent;
  border: 3px solid #176eb2;
  margin: 0 10% 0 10%;
  padding: 5px 5% 5px 5%;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #176eb2;
  position: relative;
  float: left;
}

.boxMeKNTlS {
  width: 96%;
  height: 45px;
  margin: 0;
  padding: 20px 0 20px 4%;
  font-size: 20px;
  font-weight: 500;
  border: none;
  border-radius: 7px 7px 0 0;
  background-color: #f4f6f8;
  position: relative;
  float: left;
}

.MeKNTlItalN {
  width: 76%;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #9b9d9e;
  margin: 0;
  padding: 0;
  vertical-align: 2px;
  position: relative;
  float: left;
}

.plusBtnN {
  width: 30px;
  height: 20px;
  margin: -20px 4% 0 0;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  background-color: #176eb2;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  position: absolute;
  float: right;
  right: 0;
}

.plusBoldN {
  font-size: 35px;
  font-weight: 700;
  margin: -23px 0 0 5px;
  padding: 7px 0 0 0;
  position: relative;
  float: left;
}

.tendPurchTxt  {
  width: 76%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0 0 0 4%;
  font-size: 24px;
  line-height: 1.0;
  text-align: left;
  position: relative;
  float: left;
}

.tendTxtNameN {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.tendPurchInfo  {
  width: 76%;
  height: auto;
  margin: 15px 0 20px 4%;
  padding: 0;
  line-height: 1.0;
  text-align: left;
  position: relative;
  float: left;
}

.delTendImgN {
  width: 16%;
  height: auto;
  margin: 25px 0 0 0;
  padding: 0;
  text-align: center;
  position: absolute;
  float: right;
  right: 0;
}

.newN, .newT, .newE {
  height: 16px;
  margin: 0 10px 10px 0;
  padding: 0;
  border-right: 3px solid #e9e9e9;
  position: relative;
  float: left;
}

.edInfo {
  height: 16px;
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
  float: left;
}

.noN  {
  margin: 0;
  padding: 1px 0 0 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.0;
  text-align: center;
  position: relative;
  float: left;
}

.detN  {
  display: none;
}

.detNRes  {
  display: block;
  margin: 0 10px 0 5px;
  padding: 2px 0 0 0;
  font-size: 14px;
  line-height: 0.85;
  color: #7c7c7c;
  position: relative;
  float: left;
}

.edN  {
  display: none;
}

.edNRes  {
  display: block;
  width: 100%;
  margin: 0 45% 0 0;
  padding: 0;
  font-size: 16px;
  line-height: 0.75;
  color: #7c7c7c;
  position: relative;
  float: left;
}

.rowMeKFavTB {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.rowMeKNBottN {
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 5px 0 5px 0;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  border: none;
  border-radius: 0 0 7px 7px;
  background-color: #f4f6f8;
  position: relative;
  float: left;
}

.tendTendTlN  {
  width: 100%;
  height: auto;
  margin: 0 0 0 20px;
  padding: 0;
  font-size: 14px;
  color: #78909c;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  float: left;
}

.dateExpTendTlN  {
  display: none;
}

.tendTendTxtN  {
  width: 100%;
  height: auto;
  margin: 20px 0 20px 0;
  padding: 0 20px 0 20px;
  font-size: 16px;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  float: left;
}

.expTendN  {
  width: 100%;
  height: auto;
  margin: 20px 0 20px 0;
  padding: 0 20px 0 15px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  border-left: 5px solid red;
  text-align: left;
  position: relative;
  float: left;
}

.newTendN  {
  width: 100%;
  height: auto;
  margin: 20px 0 20px 0;
  padding: 0 20px 0 20px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  float: left;
}

.tendTxtNameN, .tendTxtNameNT {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 1.2;
  position: relative;
  float: left;
}

.boxMeKNTlN {
  width: 96%;
  height: 20px;
  margin: 0;
  padding: 10px 0 10px 4%;
  border: none;
  border-radius: 7px 7px 0 0;
  background-color: #f4f6f8;
  position: relative;
  float: left;
}

.favTendTlN  {
  display: none;
}

.newsTendTlNRes {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #78909c;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  float: left;
}

.newsTxtN  {
  width: 92%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0 4% 0 4%;
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
  position: relative;
  float: left;
}

.dateNewsTxt  {
  width: auto;
  height: auto;
  margin: 10px 0 20px 4%;
  padding: 0;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  position: relative;
  float: left;
}

.merchNewsTl  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #78909c;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  float: left;
}

.valueNewsTl  {
  display: none;
}

.valueNewsRes  {
  display: block;
  width: auto;
  height: auto;
  margin: 5px 0 20px 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.25;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  float: left;
}

.merchTxtN  {
  width: 92%;
  height: auto;
  margin: 20px 0 20px 0;
  padding: 0 4% 0 4%;
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
  position: relative;
  float: left;
}

.valueNewsTxt  {
  display: none;
}

.currencyN  {
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  color: #939393;
}

.assignTl {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.0;
  color: #176eb2;
  text-align: left;
  position: relative;
  float: left;
}

.assignRow {
  display: none;
}

.assignRowRes {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  color: #176eb2;
  text-align: left;
  position: relative;
  float: left;
}

.typeN {
  margin: 0 10px 10px 0;
  padding: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.8;
  text-align: left;
  color: #a4a4a4;
  text-transform: uppercase;
}

.greyN {
  color: #a4a4a4;
}

.eventNTl  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 0 20px;
  font-size: 14px;
  color: #78909c;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  float: left;
}

.eventTxtN  {
  width: 92%;
  height: auto;
  margin: 20px 0 20px 0;
  padding: 0 4% 0 4%;
  font-size: 16px;
  text-align: left;
  position: relative;
  float: left;
}

.expTendEN  {
  width: 88%;
  height: auto;
  margin: 20px 0 20px 4%;
  padding: 0 4% 0 3%;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  border-left: 5px solid red;
  text-align: left;
  position: relative;
  float: left;
}

.eventTxtNameEN {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}


/*Styles for Investicije, Retrospektiva investicija*/

.tlTagM  {
  margin: 20px 20px 0 20px;
  padding: 4px 8px 4px 8px;
  background: rgba(255, 255, 255, 1.0);
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  left: 0;
  top: 0;
  opacity: 1;
  position: absolute;
  -webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.35);
  box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.35);
}

.tlSubSecMI {
  width: 86%;
  height: auto;
  margin: 0 3% 0 3%;
  padding: 20px 4% 20px 4%;
  background: rgba(255, 255, 255, 1.0);
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  line-height: 1.2;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 20px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  -webkit-padding-before: 20px;
  -webkit-padding-start: 4%;
  -webkit-padding-end: 4%;
  -webkit-text-size-adjust: 100%;
}

.tlSubSecMSI {
  width: 86%;
  height: 65px;
  margin: 0 3% 0 3%;
  padding: 0;
  background: rgba(255, 255, 255, 1.0);
  border: 0.0125rem solid #fff;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  line-height: 1.3;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 20px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  -webkit-text-size-adjust: 100%;
}


/*Styles for Investicije*/

.tlTagM  {
  margin: 20px 20px 0 20px;
  padding: 4px 8px 4px 8px;
  background: rgba(255, 255, 255, 1.0);
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  left: 0;
  top: 0;
  opacity: 1;
  position: absolute;
  -webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.35);
  box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.35);
}

.tlSubSecMI {
  width: 86%;
  height: auto;
  margin: 0 3% 0 3%;
  padding: 20px 4% 20px 4%;
  background: rgba(255, 255, 255, 1.0);
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  line-height: 1.2;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 20px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  -webkit-padding-before: 20px;
  -webkit-padding-start: 4%;
  -webkit-padding-end: 4%;
  -webkit-text-size-adjust: 100%;
}

.tlSubSecMSI {
  width: 86%;
  height: auto;
  margin: 0 3% 0 3%;
  padding: 20px 4% 20px 4%;
  background: rgba(255, 255, 255, 1.0);
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  line-height: 1.2;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 20px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  -webkit-padding-before: 10px;
  -webkit-padding-start: 4%;
  -webkit-padding-end: 4%;
  -webkit-text-size-adjust: 100%;
}

.retroLine  {
  display: none;
}

.retroTl  {
  margin: 0 2%;
  padding: 0;
  font-size: 32px;
  font-weight: 300;
  text-align: left;
  color: #000000;
}

.retroInfoTl  {
  width: 92%;
  height: auto;
  margin: 70px 4% 5px 4%;
  padding: 0;
  font-size: 16px;
  text-align: left;
  color: #000000;
  position: relative;
  float: left;
}

.retroInfoDate  {
  width: 180px;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 16px;
  text-align: left;
  color: #000000;
  left: 4%;
  position: absolute;
  float: left;
}

.calenIcn {
  width: 14px;
  height: auto;
  margin: 16px 6px 0 0;
  padding: 0;
  position: relative;
  float: left;
  -webkit-margin-end: 10px;
  -webkit-margin-start: 0;
}

.dropDownRetro {
  width: 85px;
  height: 34px;
  margin: 5px 0 0 0;
  padding: 0 0 5px 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #a4a4a4;
  text-align: left;
  font-size: 22px;
  font-weight: 700;
  color: #176eb2;
  outline: none;
  position: relative;
  float: left;
  -webkit-margin-before: 10px;
  -webkit-padding-after: 2px;
}

select.dropDownRetro  {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 85px;
  height: 34px;
  margin: 5px 0 0 0;
  padding: 0 0 5px 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #a4a4a4;
  text-align: left;
  font-size: 22px;
  font-weight: 700;
  color: #176eb2;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: url(/uploads/images/date-expand.svg) no-repeat;
  background-position: 75px 15px;
  -webkit-margin-before: 10px;
  -webkit-padding-after: 2px;
}

select.dropDownRetro:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #a4a4a4;
  color: #000000;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.retroBoxL  {
  width: 91.5%;
  height: auto;
  margin: 20px 4% 0 4%;
  padding: 0;
  border-radius: 7px;
  border: solid 0.25% #cdd4da;
  position: relative;
  float: left;
}

.retroBoxR  {
  width: 91.5%;
  height: auto;
  margin: 20px 4% 0 4%;
  padding: 0;
  border-radius: 7px;
  border: solid 0.25% #cdd4da;
  position: relative;
  float: left;
}

.retroBoxL:hover, .retroBoxR:hover  {
  box-shadow: none;
}

.rBoxTl  {
  width: 92%;
  height: 40px;
  margin: 0;
  padding: 10px 4%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #f5f6f8;
  border: none;
  font-size: 14px;
  text-align: left;
  color: #78909c;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.rBoxCont  {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  position: relative;
  float: left;
}

.rBoxImg  {
  width: 100%;
  height: auto;
  margin: 0 0 15px 0;
  padding: 0;
  position: relative;
  float: left;
}

.rBoxIcn  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.rBoxSubTl  {
  width: 82%;
  height: 39px;
  margin: 0;
  padding: 7px 14% 7px 4%;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #ffffff;
  background-color: #176eb2;
  bottom: 0;
  position: absolute;
  float: left;
}

.rBoxBtm  {
  width: 43px;
  height: auto;
  margin: 0;
  padding: 0;
  top: 8px;
  right: 8px;
  position: absolute;
  float: right;
}

.rBoxNo  {
  width: 43px;
  height: 39px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #176eb2;
  right: 8px;
  bottom: -2px;
  position: absolute;
  float: right;
}

.rBoxTxt  {
  width: 100%;
  height: 64px;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #ffffff;
  position: relative;
  float: left;
}

.rangTl  {
  line-height: 1.5;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  color: #176eb2;
}

.rangTxt  {
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
  color: #000000;
}


.retroBoxC  {
  width: 91.5%;
  height: auto;
  margin: 20px 4% 0 4%;
  padding: 0;
  border-radius: 7px;
  border: solid 0.25% #cdd4da;
  position: relative;
  float: left;
}

.retroBoxC:hover  {
  box-shadow: none;
}

.rBoxTlC  {
  width: 80%;
  height: 50px;
  margin: 0;
  padding: 15px 17% 15px 3%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #176eb2;
  border: none;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 1.25;
  position: relative;
  float: left;
}

.rBoxBtmC  {
  width: 43px;
  height: auto;
  margin: 0;
  padding: 0;
  top: 6px;
  right: 8px;
  position: absolute;
  float: right;
}

.rBoxNoC  {
  width: 43px;
  height: 39px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #176eb2;
  right: 8px;
  bottom: 25px;
  position: absolute;
  float: right;
}

.rBoxContC  {
  width: 92%;
  height: auto;
  margin: 0;
  padding: 4%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  position: relative;
  float: left;
}

.rBoxImgC  {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.rBoxIcnC  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.rBoxNoCat  {
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: left;
  color: #78909c;
  bottom: 10px;
  position: absolute;
  float: left;
}

.rBoxIcnNoC  {
  width: 12px;
  height: auto;
  margin: 6px 10px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.placeCont  {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

.place, .placeM  {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.placeBox  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  background-color: #f5f6f8;
  position: relative;
  float: left;
}

.placeBoxImg  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.placeBoxIcn  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.placeBoxTxt  {
  width: 92%;
  height: 45px;
  margin: 10px 4% 10px 4%;
  padding: 0;
  font-size: 14px;
  line-height: 1.29;
  text-align: left;
  color: #78909c;
  position: relative;
  float: left;
}

.placeNoCat  {
  width: 92%;
  height: 20px;
  margin: 0 4% 2% 4%;
  padding: 0;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  color: #78909c;
  position: relative;
  float: left;
}

.placeIcnNoCat  {
  width: 10px;
  height: auto;
  margin: 7px 5px 0 0;
  padding: 0;
  position: relative;
  float: left;
}


#mask {
  position:absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: rgba(0,0,0,0.75);
  display: none;
  width: 100%;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 3;
  padding: 0;
}

#boxes #popUp1 {
  width: 92%;
  height: auto;
  margin: 680px 0 0 0;
  padding: 0;
  border-radius: 7px;
  background: #ffffff;
}

#boxes #popUp4 {
  width: 92%;
  height: auto;
  margin: 680px 0 0 0;
  padding: 0;
  border-radius: 7px;
  background: #ffffff;
}

.cancIcn  {
  width: 13px;
  height: 14px;
  margin: -25px 0 0 0;
  padding: 0;
  display: block;
  border: none;
  outline: none;
  position: relative;
  float: right;
  z-index: 1;
}

.popHead  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  float: left;
}

.popHeadTlBox  {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  background: #176eb2;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  float: left;
}

.popHeadTlBoxLow  {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  background: rgba(205, 212, 218, 0.28);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  float: left;
}

.popHeadTlImg  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.placeNoImgP  {
  display: none;
}

.placeNoImgPRes  {
  display: block;
  width: 43px;
  height: 59px;
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
}

.popHeadTlTxt  {
  width: 75%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  color: #ffffff;
  position: absolute;
  float: left;
}

.popHeadTlTxtLow  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 500;
  text-align: left;
  color: #78909c;
  position: relative;
  float: left;
}

.placeNoImg  {
  width: 43px;
  height: 59px;
  margin: 0 20px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.placeTl  {
  display: none;
}

.placeTlLow  {
  font-size: 22px;
  font-weight: 700;
  text-align: left;
  color: #78909c;
}

.rBoxNoPop  {
  display: none;
}

.rBoxNoPopRes  {
  display: block;
  width: 92%;
  height: 20px;
  margin: 0 4% 0 4%;
  padding: 0;
  font-size: 14px;
  line-height: 1.25;
  text-align: left;
  color: #78909c;
  position: relative;
  float: left;
}

.rBoxNoPopLow  {
  display: none;
}

.popHeadImgBox  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-top-right-radius: 0;
  position: relative;
  float: left;
}

.popHImg  {
  width: 92%;
  height: auto;
  margin: 4% 4% 0 4%;
  padding: 0;
  border-top-right-radius: 0;
  overflow: hidden;
}

.popBody  {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  float: left;
}

.popBodyTl  {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
  text-align: left;
  color: #78909c;
  position: relative;
  float: left;
}

.popBodyLine  {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.popDate  {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
  text-align: left;
  color: #78909c;
  position: relative;
  float: left;
}

.popLink  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  text-align: left;
  color: #176eb2;
  position: relative;
  float: left;
}

.popLink:hover  {
  text-decoration: underline;
}

.popTagField  {
  width: 100%;
  height: auto;
  margin: 30px 0 -10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.popTagFieldTl {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
  text-align: left;
  color: #78909c;
  position: relative;
  float: left;
}

.popTags  {
  margin: 0 5px 10px 0;
  padding: 4px 12px 4px 12px;
  background: #e9e9e9;
  border-radius: 8px;
  font-size: 13px;
  text-align: center;
  color: #176eb2;
  position: relative;
  float: left;
}
/*Styles for Nekretnine, Nekretnine Page, Nekretnine SubPage*/

#navList .actNav3  {
  display: none;
}

.actNavMenu3  {
  background-color: #176eb3;
  color: #ffffff;
  font-weight: 700;
  display: block;
}

.subNav3 {
  display: none;
}

.subNav3 a:hover {
  display: none;
}

.subNav3 a:active {
  display: none;
}

.subAct {
  display: none;
}

.subAct a:hover {
  display: none;
}

.subSec3, .subSec4 {
  width: 100%;
  height: auto;
  margin: 15px auto 15px auto;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.tlSubSecFld1 {
  width: 98%;
  height: 24px;
  margin: 0 auto 10px auto;
  padding: 5px 0 0 2%;
  background-color: #f5f5f5;
  border-top: 2px solid #330065;
  border-bottom: 2px solid #bbb7b8;
  overflow: hidden;
  position: relative;
  float: none;
  -webkit-padding-before: 6.5px;
}

.tlSubSecFld2 {
  width: 98%;
  height: 24px;
  margin: 0 auto 10px auto;
  padding: 5px 0 0 2%;
  background-color: #f5f5f5;
  border-top: 2px solid #176eb3;
  border-bottom: 2px solid #bbb7b8;
  overflow: hidden;
  position: relative;
  float: none;
  -webkit-padding-before: 6.5px;
}

.tlSubSecFld3 {
  width: 98%;
  height: 24px;
  margin: 0 auto 10px auto;
  padding: 5px 0 0 2%;
  background-color: #f5f5f5;
  border-top: 2px solid #fe0000;
  border-bottom: 2px solid #bbb7b8;
  overflow: hidden;
  position: relative;
  float: none;
  -webkit-padding-before: 6.5px;
}

.tlSubSecFld4 {
  width: 98%;
  height: 24px;
  margin: 0 auto 10px auto;
  padding: 5px 0 0 2%;
  background-color: #f5f5f5;
  border-top: 2px solid #189a38;
  border-bottom: 2px solid #bbb7b8;
  overflow: hidden;
  position: relative;
  float: none;
  -webkit-padding-before: 6.5px;
}

.subSecFL {
  width: 96%;
  height: auto;
  margin: 5px 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecIcnF  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.subSecFLN {
  width: 96%;
  height: auto;
  margin: 5px 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecIcnFN  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

span.tlSubSecF {
  width: 94%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0.25rem;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

.tlSubSecFN {
  width: 92%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 2% 4% 4% 4%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 4px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-padding-before: 2%;
  -webkit-padding-start: 4%;
  -webkit-padding-end: 4%;
  -webkit-text-size-adjust: 100%;
}

div.subSecFL:hover .tlSubSecF {
  opacity: 1;
}

div.subSecFL:hover .tlSubSecFN {
  opacity: 1;
}

.subSecFR  {
  width: 96%;
  height: auto;
  margin: 5px 2% 20px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.rowSecFR  {
  width: 95.75%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0 0 0 3%;
  border-left: 4px solid #176eb3;
  position: relative;
  float: left;
}

.rowSecFRBott  {
  width: 95.75%;
  height: auto;
  margin: 0;
  padding: 0 0 0 3%;
  border-left: 4px solid #176eb3;
  position: relative;
  float: left;
}

.tlRowSecF  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  overflow: hidden;
  position: relative;
  float: left;
}

.dateRowSecF  {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 13px;
  color: #6c6c6c;
  font-weight: 400;
  line-height: 1.0;
  position: relative;
  float: left;
}

.subRubricTl  {
  width: 93%;
  height: 26px;
  margin: 0 2% 10px 2%;
  padding: 7px 0 0 3%;
  background-color: #176eb3;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  position: relative;
  float: left;
}

.subRubricTlP  {
  width: 93%;
  height: 55px;
  margin: 0 2% 10px 2%;
  padding: 25px 0 0 3%;
  background-color: #176eb3;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  float: left;
}

.subRubricTxt  {
  width: 65%;
  height: auto;
  margin: 0 0.5% 0 2%;
  padding: 0;
  font-size: 14px;
  letter-spacing: -1px;
  position: relative;
  float: left;
}

.subRubricImg  {
  width: 110px;
  height: auto;
  margin: 0 2% 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.subRubricIcn  {
  width: 110px;
  height: 37px;
  margin: 0;
  padding: 0;
}

.subRubTlIcn  {
  width: auto;
  height: 20px;
  margin: 0 3% 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.subRubTlIcnP  {
  width: auto;
  height: 20px;
  margin: 3px 20px 0 30px;
  padding: 0;
  position: relative;
  float: left;
}

.rowRubric  {
  width: 90.75%;
  height: auto;
  margin: 0 2% 20px 2%;
  padding: 0 0 0 4%;
  border-left: 4px solid #176eb3;
  position: relative;
  float: left;
}

.rowRubricBott  {
  width: 90.75%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0 0 0 4%;
  border-left: 4px solid #176eb3;
  position: relative;
  float: left;
}

.rowRubricP  {
  width: 96%;
  height: auto;
  margin: 0 2% 20px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.rowRubricBottP  {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.tlRowRubric  {
  width: 100%;
  height: auto;
  margin: -4px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
  float: left;
}

.subTlRowRub  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  overflow: hidden;
  position: relative;
  float: left;
}

.subTlRowRubP  {
  height: auto;
  margin: 0 2px 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  overflow: hidden;
  position: relative;
  float: left;
}

.subTlRowRubD  {
  height: auto;
  margin: 0 2px 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  overflow: hidden;
  position: relative;
  float: left;
}

.dateRowRubric  {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 12px;
  color: #6c6c6c;
  font-weight: 400;
  line-height: 1.0;
  position: relative;
  float: left;
}


/*Styles for Firme, FirmePage, FirmePageSearch*/

#navList .actNav5  {
  display: none;
}

.actNavMenu5  {
  background-color: #cd271e;
  color: #ffffff;
  font-weight: 700;
  display: block;
}

.subNav5 {
  display: none;
}

.subNav5 a:hover {
  display: none;
}

.subNav5 a:active {
  display: none;
}

.eventsDateF, .eventsDateF1 {
  width: 96%;
  height: 60px;
  margin: 10px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.regionF  {
  width: 96%;
  height: auto;
  margin: 10px 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.radButtonsF  {
  width: 86%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.radButtonsF label  {
  display: block;
  cursor: pointer;
  position: relative;
  width: 59.5%;
  padding: 4px 0 4px 55.5%;
  margin: 0 0 10px 0;
  border-radius: 7px;
  border: 2px solid #e6e4e5;
  background: #e6e4e5;
  font-size: 13px;
  font-weight: 400;
  color: #767475;
  float: left;
  -webkit-padding-start: 55.5%;
  -webkit-padding-before: 0.4em;
  letter-spacing: -0.0625em;
  -moz-padding-start: 55.5%;
}

input[type=radio] {
  display: none;
}

.radButtonsF label:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: #ffffff;
  position: absolute;
  left: 40%;
  bottom: 4px;
  border: 2px solid #cccccc;
  border-radius: 3px;
  box-shadow: none;
}

input[type=radio]:checked + label:before {
  border: 2px solid #cccccc;
  border-radius: 3px;
  box-shadow: none;
  width: 14px;
  height: 14px;
  bottom: 4px;
  background: #ffffff url(../images/checkArrow.png) no-repeat center;
}

.firmLogo {
  width: 100%;
  height: auto;
  margin: 15px 0 0 0;
  padding: 0;
  text-align: center;
  overflow: hidden;
  position: relative;
  float: left;
}

.firmIcn {
  max-width: 130px;
  max-height: 35px;
  margin: 0;
  padding: 0;
}

.firmTl {
  width: 92%;
  height: auto;
  margin: 15px 4% 0 4%;
  padding: 0 10px 0 10px;
  font-size: 15px;
  text-align: center;
  position: relative;
  float: left;
}

.firmLink {
  width: 90%;
  height: 55px;
  margin: 10px 0 0 0;
  padding: 3% 5% 3% 5%;
  font-size: 13px;
  font-style: italic;
  color: #176eb2;
  background: #fafafa;
  text-align: left;
  position: relative;
  float: left;
}

.subFieldEventF {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  background: #f4f4f4;
  position: relative;
  float: left;
}

.firmTlT {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 10px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  float: left;
}

.firmLTlT {
  margin: 0 0 0 1%;
  padding: 0;
}

h3 {
  width: 96%;
  height: auto;
  margin: 15px 2% 0 2%;
  padding: 0 0 15px 0;
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  position: relative;
  float: left;
}

.logInField  {
  width: 92%;
  height: auto;
  margin: 0 0 -11px 0;
  padding: 4%;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  background: #176eb2;
  position: relative;
  float: left;
}

.profTl {
  vertical-align: -5px;
}

.profileIcn {
  width: 16px;
  height: 16px;
  margin: 7px 15px 0 0;
  padding: 0;
  float: left;
}

.profHTl {
  margin: 0 0 0 -5px;
  padding: 0;
}

.profileHIcn {
  width: 16px;
  height: 16px;
  margin: 5px 5px 0 -9px;
  padding: 0;
  float: right;
}

#logOut {
  display: none;
}

#logOutR {
  display: none;
}

.logOutBtn  {
  display: none;
}

.profileLogoIcn {
  width: 100px;
  height: 31px;
  margin: 0;
  padding: 0;
  float: right;
}

.logInR {
  display: none;
}

.profHTlR {
  display: none;
}

.profileHIcnR {
  display: none;
}


.firmSLogo {
  width: 100%;
  height: auto;
  margin: 15px 0 0 0;
  padding: 0;
  text-align: center;
  overflow: hidden;
  position: relative;
  float: left;
}

.firmTlS {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 5px 0 5px 0;
  font-size: 15px;
  text-align: left;
  position: relative;
  float: left;
}

.activity {
  font-size: 13px;
  color: #a7a7a7;
}


/*Styles for FirmePageEdit*/

.editProfTl {
  width: 96%;
  height: auto;
  margin: 5px 2% 0 2%;
  padding: 10px 0 10px 0;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  float: left;
}

.logInFieldE  {
  width: 92%;
  height: auto;
  margin: 11px 0 -11px 0;
  padding: 10px 4% 10px 4%;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  background: #176eb2;
  position: relative;
  float: left;
}

.searchFormEditProfSt  {
  width: 96%;
  height: auto;
  margin: 6% 2% 0 2%;
  padding: 38px 0 0 0;
  background-color: #f6f6f6;
  position: relative;
  float: left;
}

.searchFormEditProf  {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 38px 0 0 0;
  background-color: #f6f6f6;
  position: relative;
  float: left;
}

.searchFormEditProfF  {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 42px 0 20px 0;
  background-color: #f6f6f6;
  position: relative;
  float: left;
}

.formProfTl {
  width: 92%;
  height: auto;
  margin: 0 4% 20px 4%;
  padding: 0 0 5px 0;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #e3e1e1;
  position: relative;
  float: left;
}

.profilEditTl  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.profilEditTl1  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.profilEditTl2  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.profilEditTl3  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.profilEditTl4  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.profilEditTl5  {
  width: 330px;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.profilEditTl6  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.profilEditTl7  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.editProfFieldSt  {
  width: 96%;
  height: 100px;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.editProfFieldSt1  {
  width: 96%;
  height: 60px;
  margin: 0 2% 15px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.editProfFieldSt2  {
  width: 96%;
  height: 60px;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.editProfFieldSt3  {
  width: 47%;
  height: 60px;
  margin: 0 1% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.editProfFieldSt4  {
  width: 47%;
  height: 60px;
  margin: 0 2% 0 1%;
  padding: 0;
  position: relative;
  float: left;
}

.editProfField  {
  width: 96%;
  height: 60px;
  margin: 10px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.editProfFieldTxt  {
  width: 96%;
  height: 115px;
  margin: 10px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.editProfFieldTxtD  {
  width: 96%;
  height: 115px;
  max-height: 695px;
  margin: 10px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.editProfField1, .editProfField8  {
  width: 62%;
  height: 60px;
  margin: 10px 1% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.editProfField2  {
  width: 32%;
  height: 60px;
  margin: 10px 2% 0 1%;
  padding: 0;
  position: relative;
  float: left;
}

.editProfField3  {
  width: 160px;
  height: 60px;
  margin: 10px 10px 0 20px;
  padding: 0;
  position: relative;
  float: left;
}

.editProfField4  {
  width: 410px;
  height: 60px;
  margin: 10px 20px 0 10px;
  padding: 0;
  position: relative;
  float: left;
}

.editProfField5  {
  width: 64%;
  height: 60px;
  margin: 10px 1% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.editProfField6  {
  width: 100px;
  height: 60px;
  margin: 20px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.editProfField7  {
  width: 56%;
  height: 60px;
  margin: 20px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.secEditProfil {
  width: 100%;
  height: auto;
  margin: 5px 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.secEditProfil1 {
  width: 100%;
  height: auto;
  margin: 5px 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.secEditProfil2 {
  width: 100%;
  height: auto;
  margin: 5px 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.secEditProfil3 {
  width: 100%;
  height: auto;
  margin: 5px 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.secEditProfil4 {
  width: 100%;
  height: auto;
  margin: 5px 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.secEditProfil5 {
  width: 100%;
  height: auto;
  margin: 5px 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.secEditProfil6 {
  width: 100%;
  height: auto;
  margin: 5px 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.secEditProfil7 {
  width: 100%;
  height: auto;
  margin: 5px 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.nameEditProfil, .nameEditProfilCheck {
  width: 84vw;
  height: 70px;
  margin: 0;
  padding: 0 5px 0 5px;
  position: relative;
  float: left;
}

textarea.nameEditProfil {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  resize: vertical;
  overflow: auto;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

textarea.nameEditProfil:focus, select.nameEditProfil:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

textarea.nameEditProfilCheck {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #0360ad;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff;
  resize: vertical;
  overflow: auto;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

textarea.nameEditProfilCheck:focus, select.nameEditProfilCheck:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  -moz-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}


.addressEditProfil, .addressEditProfilCheck {
  width: 84vw;
  height: 30px;
  margin: 0;
  padding: 0 5px 0 5px;
  position: relative;
  float: left;
}

input.addressEditProfil {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

input.addressEditProfil:focus, select.addressEditProfil:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.addressEditProfilCheck {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #0360ad;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

input.addressEditProfilCheck:focus, select.addressEditProfilCheck:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  -moz-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}


.nameSEditProfil, .nameSEditProfilCheck {
  width: 84vw;
  height: 30px;
  margin: 0;
  padding: 0 5px 0 5px;
  position: relative;
  float: left;
}

input.nameSEditProfil {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

input.nameSEditProfil:focus, select.nameSEditProfil:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.nameSEditProfilCheck {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #0360ad;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

input.nameSEditProfilCheck:focus, select.nameSEditProfilCheck:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  -moz-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}


.cityEditProfil, .cityEditProfilCheck {
  width: 52vw;
  height: 30px;
  margin: 0;
  padding: 0 5px 0 5px;
  position: relative;
  float: left;
}

input.cityEditProfil {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

input.cityEditProfil:focus, select.cityEditProfil:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.cityEditProfilCheck {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #0360ad;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

input.cityEditProfilCheck:focus, select.cityEditProfilCheck:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  -moz-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}


.postEditProfil, .postEditProfilCheck {
  width: 70px;
  height: 30px;
  margin: 0 260px 0 0;
  padding: 0 5px 0 5px;
  position: relative;
  float: left;
}

input.postEditProfil {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

input.postEditProfil:focus, select.postEditProfil:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.postEditProfilCheck {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #0360ad;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

input.postEditProfilCheck:focus, select.postEditProfilCheck:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  -moz-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}


.precursorEditProfil, .precursorEditProfilCheck {
  width: 84vw;
  height: 65px;
  max-height: 65px;
  margin: 0;
  padding: 0 5px 0 5px;
  position: relative;
  float: left;
}

textarea.precursorEditProfil {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  resize: vertical;
  overflow: auto;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

textarea.precursorEditProfil:focus, select.precursorEditProfil:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

textarea.precursorEditProfilCheck {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #0360ad;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff;
  resize: vertical;
  overflow: auto;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

textarea.precursorEditProfilCheck:focus, select.precursorEditProfilCheck:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  -moz-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}


.phoneEditProfil, .phoneEditProfilCheck {
  width: 38vw;
  height: 30px;
  margin: 0;
  padding: 0 5px 0 5px;
  position: relative;
  float: left;
}

input.phoneEditProfil {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

input.phoneEditProfil:focus, select.phoneEditProfil:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.phoneEditProfilCheck {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #0360ad;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

input.phoneEditProfilCheck:focus, select.phoneEditProfilCheck:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  -moz-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.dropDownF {
  width: 250px;
  height: 30px;
  margin: 0 3px 0 0;
  padding: 4px 5px 4px 5px;
  background: #ffffff;
  border-radius: 7px;
  border: 2px solid #ececec;
  font-size: 13px;
  font-weight: 400;
  color: #767475;
  outline: none;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -webkit-margin-end: 2px;
}

select.dropDownF  {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #ececec;
  padding: 4px 28px 4px 2px;
  width: 250px;
  height: 30px;
  color: #767475;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #ffffff url(../images/dropDownArrow.png) no-repeat;
  background-position: 230px 12px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

.dropDownFCheck {
  width: 250px;
  height: 30px;
  margin: 0 3px 0 0;
  padding: 4px 5px 4px 5px;
  background: #ffffff;
  border-radius: 7px;
  border: 2px solid #0360ad;
  font-size: 13px;
  font-weight: 400;
  color: #767475;
  outline: none;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -webkit-margin-end: 2px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select.dropDownFCheck  {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #0360ad;
  padding: 4px 28px 4px 2px;
  width: 250px;
  height: 30px;
  color: #767475;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #ffffff url(../images/dropDownArrow.png) no-repeat;
  background-position: 230px 12px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.datePickEdit {
  width: 105px;
  height: 25.5px;
  border: 2px solid #ececec;
  color: #000000;
  background: #ffffff url(../images/calenIcn.png) no-repeat;
  background-position: 89px 7px;
}

input.datePickEdit:focus, select.datePickEdit:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.datePickEditCheck {
  width: 105px;
  height: 25.5px;
  border: 2px solid #0360ad;
  color: #000000;
  background: #ffffff url(../images/calenIcn.png) no-repeat;
  background-position: 89px 7px;
}

input.datePickEditCheck:focus, select.datePickEditCheck:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.mainEditProfil, .mainEditProfilCheck {
  width: 100px;
  height: 30px;
  margin: 0;
  padding: 0 5px 0 5px;
  position: relative;
  float: left;
}

input.mainEditProfil {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

input.mainEditProfil:focus, select.mainEditProfil:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.mainEditProfilCheck {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #0360ad;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

input.mainEditProfilCheck:focus, select.mainEditProfilCheck:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  -moz-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}


.descriptEditProfil, .descriptEditProfilCheck {
  width: 100%;
  height: 65px;
  max-height: 650px;
  margin: 0;
  padding: 0 5px 0 5px;
  position: relative;
  float: left;
}

textarea.descriptEditProfil {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  resize: vertical;
  overflow: auto;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

textarea.descriptEditProfil:focus, select.descriptEditProfil:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

textarea.descriptEditProfilCheck {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #0360ad;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff;
  resize: vertical;
  overflow: auto;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
}

textarea.descriptEditProfilCheck:focus, select.descriptEditProfilCheck:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  -moz-box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-shadow: 0px 0px 5px 3px rgba(23,110,178,0.5);
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.buttonsProfile {
  width: 96%;
  height: 30px;
  margin: 0 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
  -webkit-margin-start: 2%;
  -moz-margin-start: 2%;
}

.saveBtn {
  width: 40.75vw;
  height: 30px;
  margin: 0;
  padding: 0;
  background: #176eb3;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 7px;
  cursor: pointer;
  position: relative;
  float: left;
}

.exitBtn {
  width: 40.75vw;
  height: 30px;
  margin: 0 0 0 12px;
  padding: 0;
  background: #a9a7a8;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 7px;
  cursor: pointer;
  position: relative;
  float: left;
}


/*Styles for FirmePageBasic, FirmePageBasicLog*/

li.langTxt  {
  margin: 0;
  padding: 0 4px 0 0;
  line-height: 4px;
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  border: none;
  display: inline;
}

li.langTl  {
  font-weight: 400;
  text-decoration: underline;
}

.subFirmL {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subFirmR {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subFImg {
  width: 168px;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align: left;
  overflow: hidden;
  position: relative;
  float: left;
}

.subFIcn {
  max-width: 168px;
  max-height: 50px;
  margin: 0;
  padding: 0;
}

.subFTl {
  width: 96%;
  height: auto;
  margin: 0;
  padding: 0 2% 20px 2%;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  float: left;
}

.subFirmTabAct  {
  display: none;
}

.subFirmTabF  {
  display: none;
}

.subFirmTab  {
  display: none;
}

.subFirmTabFR {
  width: 96%;
  height: 43px;
  margin: 0 2% 0 2%;
  padding: 6% 0 0 0;
  font-size: 16px;
  color: #000000;
  text-align: center;
  border-top: 1px solid #edecec;
  border-bottom: 1px solid #edecec;
  display: block;
  position: relative;
  float: left;
}

.subFirmTabActR {
  width: 94%;
  height: 96%;
  margin: -7% 1% 0 1%;
  padding: 10% 2% 12% 2%;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  background: url(../images/tabFBgRW.png) no-repeat 50% 50%;
  display: block;
  position: relative;
  float: left;
  z-index: 1;
}

.subFirmTabR  {
  width: 96%;
  height: 43px;
  margin: 0 2% 0 2%;
  padding: 4% 0 0 0;
  font-size: 16px;
  color: #000000;
  text-align: center;
  border-bottom: 1px solid #edecec;
  display: block;
  position: relative;
  float: left;
}

.subFRBox {
  width: 93.5%;
  height: auto;
  min-height: 20px;
  margin: -10% 1% 0 1%;
  padding: 7% 2% 2% 2%;
  border: 1px solid #176eb2;
  position: relative;
  float: left;
}

.upperCase {
  text-transform: uppercase;
}

.subFRTlTab  {
  width: 95.25%;
  height: auto;
  margin: 0 0 8px 2%;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #b8b8b8;
  position: relative;
  float: left;
}

#subFRTlRTab  {
  width: 95.25%;
  height: auto;
  margin: 0 2% 8px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subFRTlTabP  {
  width: 100%;
  height: auto;
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #b8b8b8;
  position: relative;
  float: left;
}

.subFRTlLLnkP  {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  color: #176eb2;
  text-decoration: underline;
  position: relative;
  float: left;
}

.subFRTlTabL  {
  width: 47.625%;
  height: auto;
  margin: 0 0 8px 2%;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #b8b8b8;
  letter-spacing: -0.25px;
  position: relative;
  float: left;
  clear: both;
}

.subFRTlTabR  {
  width: 47.625%;
  height: auto;
  margin: 0 2% 8px 0;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #b8b8b8;
  letter-spacing: -0.25px;
  position: relative;
  float: left;
}

.subFRTl  {
  width: 95.25%;
  height: auto;
  margin: 0 2% 23px 2%;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  position: relative;
  float: left;
}

.subFRTlLLnk  {
  width: 47.625%;
  height: auto;
  margin: 0 0 23px 2%;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #176eb2;
  text-decoration: underline;
  position: relative;
  float: left;
}

.subFRTlLLnk1  {
  width: 95.25%;
  height: auto;
  margin: 0 2% 23px 2%;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #176eb2;
  text-decoration: underline;
  position: relative;
  float: left;
}

.subFRTlLLnkB  {
  width: 95.25%;
  height: auto;
  margin: 0 0 23px 2%;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #176eb2;
  text-decoration: underline;
  position: relative;
  float: left;
}

.subFRTlRLnk  {
  width: 47.625%;
  height: auto;
  margin: 0 2% 23px 0;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  color: #d8d8d8;
  text-align: right;
  position: relative;
  float: left;
}

.subFRTlRLnkP  {
  width: 47.625%;
  height: auto;
  margin: -41px 0 23px 0;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  color: #d8d8d8;
  background: #ffffff;
  text-align: right;
  position: relative;
  float: right;
}

.subFRTlL  {
  width: 47.625%;
  height: auto;
  margin: 0 0 23px 2%;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  position: relative;
  float: left;
}

.subFRTlR  {
  width: 47.625%;
  height: auto;
  margin: 0 2% 23px 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  position: relative;
  float: left;
}

.subFDiv  {
  width: 95.25%;
  height: 1px;
  margin: 0 2% 23px 2%;
  padding: 0;
  background: #edecec;
  position: relative;
  float: left;
}

.subFRImgFld {
  width: 95.25%;
  height: auto;
  margin: 0 2% 10px 2%;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.subFRImg {
  width: 34%;
  height: auto;
  margin: 0 4% 16px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.subFRIcn {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.subFRTxt {
  width: 59.25%;
  height: auto;
  margin: 0 2% 23px 0;
  padding: 3px 0 3px 0;
  overflow: hidden;
}

.bonFRIcn {
  width: 120px;
  height: 42px;
  margin: 0;
  padding: 0;
}

.subFRTlRLnkB  {
  width: 47.625%;
  height: auto;
  margin: 10px 2% 10px 0;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  color: #d8d8d8;
  text-align: right;
  position: relative;
  float: left;
}

.subFRFldBx {
  width: 96%;
  height: auto;
  margin: 20px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subFRFldTl {
  width: 92%;
  height: 20px;
  margin: 0 2% 0 2%;
  padding: 10px 2% 10px 2%;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  background: #176eb2;
  position: relative;
  float: left;
}

.plusFld  {
  margin: 2px 0 0 0;
  padding: 0;
  position: absolute;
  float: right;
}

.plusBtn  {
  margin: 0 30px 0 -40px;
  padding: 0;
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  position: relative;
  float: right;
}

.minusBtn  {
  margin: -3px 30px 0 -40px;
  padding: 0;
  font-size: 26px;
  font-weight: 500;
  color: #ffffff;
  position: relative;
  float: right;
}

#subFRFldBxT, #subFRFldBxT1, #subFRFldBxT2, #subFRFldBxT3 {
  width: 96%;
  height: auto;
  margin: -40px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
  z-index: 1;
}

.subFRFld {
  width: 85.575%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 5%;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  background: #ffffff;
  text-transform: none;
  text-align: left;
  border: 1px solid #176eb2;
  position: relative;
  float: left;
  z-index: 1;
}

.photoFTl {
  width: 96%;
  height: 16px;
  margin: 20px 4% 15px 4%;
  padding: 10px 0 10px 0;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  background: #edecec;
  text-transform: none;
  text-align: center;
  border-top: 2px solid #176eb2;
  border-bottom: 2px solid #176eb2;
  position: relative;
  float: left;
}

.phTl {
  line-height: 1.8;
}

.imgFldFr  {
  width: 300px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.subSecIcnEFr  {
  width: 300px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.subFRFld2 {
  width: 96%;
  height: auto;
  margin: 10px 4% 10px 4%;
  padding: 0;
  font-size: 14px;
  color: #5e5e5e;
  position: relative;
  float: none;
}

.subFRFld3 {
  width: 96%;
  height: auto;
  margin: 10px 4% 10px 4%;
  padding: 0;
  font-size: 14px;
  color: #5e5e5e;
  position: relative;
  float: left;
}

.photoMoreFTl {
  width: 96%;
  height: 18px;
  margin: 10px 4% 0 4%;
  padding: 4px 0 4px 0;
  font-size: 13px;
  font-weight: 600;
  color: #176eb2;
  background: #edecec;
  text-transform: none;
  text-decoration: underline;
  text-align: center;
  border-top: 2px solid #176eb2;
  border-bottom: 2px solid #176eb2;
  position: relative;
  float: none;
}

.subSecRFldGFr {
  width: 96%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.greyMask {
  width: 104%;
  height: 802px;
  margin: -24px 0 -2% -2%;
  background: #f4f4f4 url(../images/greyMaskBg585.png);
  background-size: 365px 802px;
  background-repeat: no-repeat;
  background-position: left;
  padding: 0;
  position: relative;
  float: left;
}

.maskForm {
  width: 96%;
  height: auto;
  margin: 60px 2% 0 2%;
  padding: 0;
  top: 0;
  position: absolute;
  float: left;
}

.maskFormTl, .maskFormTlogin {
  width: 96%;
  height: auto;
  margin: 0 2% 35px 2%;
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  float: left;
}

.maskFormTxt {
  width: 96%;
  height: auto;
  margin: 0 2% 8px 2%;
  padding: 0;
  font-size: 17px;
  font-weight: 400;
  position: relative;
  float: left;
}

.maskFormFld  {
  text-align: left;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.maskInpFld {
  width: 96%;
  height: 35px;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

input.maskInpFld {
  margin: 8px 2% 8px 2%;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #676767;
  box-sizing: border-box;
  border: 2px solid #808080;
  border-radius: 7px;
  cursor: text;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
}

.maskFormSubTxt {
  width: 96%;
  height: auto;
  margin: 8px 2% 0 2%;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  float: left;
}

.maskFormLnk  {
  font-size: 14px;
  font-weight: 600;
  color: #176eb2;
  text-transform: uppercase;
}


/*Styles for FirmePageNews, FirmePageNewsLog, FirmePageTenders, FirmePageSuppliers*/

.searchF {
  width: 160px;
  text-align: left;
  margin: 0 2% 10px 17.13%;
  padding: 0;
  line-height: 30px;
  position: relative;
  float: right;
}

.searchF-field {
  width: 160px;
  height: 24px;
  font-size: 13px;
  margin: 0;
  padding: 0 5px 0 5px;
  position: relative;
  float: left;
}

input.searchF-field {
  margin: 0;
  padding: 0;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 2px solid #6f6f6f;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.searchF-field:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 2px solid #6f6f6f;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.firmNewsNum  {
  width: 96%;
  height: auto;
  margin: 0 2% 20px 2%;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  position: relative;
  float: left;
}

.firmNews  {
  width: 96%;
  height: auto;
  min-height: 0;
  margin: 0 2% 20px 2%;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  position: relative;
  float: left;
}

.latestNews  {
  width: 96%;
  height: auto;
  min-height: 0;
  margin: 0 2% 20px 2%;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  position: relative;
  float: left;
}

.pagerF  {
  width: 260px;
  margin: 0 auto 15px auto;
  padding: 0;
  text-align: center;
  position: relative;
  float: none;
}

ul.select-pageFL  {
  width: 35%;
  list-style-type: none;
  margin: 0 5px 0 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #4a4a4a;
  position: relative;
  float: left;
}

ul.select-pageFR  {
  width: 47.5%;
  list-style-type: none;
  margin: 0 0 0 5px;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #4a4a4a;
  position: relative;
  float: left;
}

.select-pageFL li  {
  margin: 0;
  padding: 0 0.15em 0 0.15em;
  display: inline;
  border: none;
  -webkit-padding-start: 0.075em;
  -webkit-padding-end: 0.075em;
  -moz-padding-start: 0em;
}

.select-pageFR li  {
  margin: 0;
  padding: 0 0.15em 0 0.15em;
  display: inline;
  border: none;
  -webkit-padding-start: 0.075em;
  -webkit-padding-end: 0.075em;
  -moz-padding-start: 0em;
}

.ulDots {
  width: 12.75%;
  margin: 0 0 15px 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

.tenderTxt  {
  width: 96%;
  height: auto;
  min-height: 0;
  margin: 0 2% 20px 2%;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  line-height: 1.4;
  position: relative;
  float: left;
}

.tenderTl  {
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  text-transform: uppercase;
}

.supplTl  {
  margin: 0 0 0 10px;
  padding: 0;
  font-size: 15px;
  font-weight: 400;
  color: #176eb2;
  line-height: 1.2;
  text-decoration: underline;
}

.winTendTl  {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.0;
}

.winTendTlB  {
  margin: 0 0 0 10px;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #176eb2;
  line-height: 1.2;
  text-decoration: underline;
}

.supplTxt {
  margin: 5px 0 -10px 0;
  padding: 0;
}

.pagerFSp  {
  width: 100%;
  margin: 0 auto 15px auto;
  padding: 0;
  text-align: center;
  position: relative;
  float: none;
}

ul.select-pageSp  {
  width: 260px;
  list-style-type: none;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #4a4a4a;
}

.select-pageSp li  {
  margin: 0;
  padding: 0 3px 0 3px;
  display: inline;
  border: none;
  -webkit-padding-start: 0.1em;
  -webkit-padding-end: 0.1em;
  -moz-padding-start: 0em;
}

.greyMaskB {
  width: 104%;
  height: 802px;
  margin: -9% 0 -2% -2%;
  background: #f4f4f4;
  background-size: 365px 802px;
  background-repeat: no-repeat;
  background-position: left;
  padding: 0;
  position: relative;
  float: left;
}

.refTxt {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  position: relative;
  float: left;
}

.openJobTlB  {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #176eb2;
  line-height: 1.2;
  vertical-align: 5px;
}

.openJobTxt {
  margin: 0;
  padding: 0;
}


/*Styles for FirmePageFinances, FirmePageFinancesLog*/

.printPage {
  width: 36%;
  height: auto;
  text-align: left;
  margin: -18px 2% 0 0;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: right;
}

.printTxt {
  margin: 0 27px 0 0;
  padding: 0;
  text-align: right;
  color: #3c7eb8;
  text-decoration: underline;
}

.printImg {
  width: 22px;
  height: auto;
  margin: -18px 0 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.printIcn {
  width: 22px;
  height: 20px;
  margin: 0;
  padding: 0;
}

.subFnRBox {
  width: 93.5%;
  height: auto;
  margin: -10% 1% 0 1%;
  padding: 7% 2% 2% 2%;
  border: 1px solid #176eb2;
  position: relative;
  float: left;
}

.financeImg {
  width: 70%;
  height: auto;
  margin: 0 15% 20px 15%;
  padding: 0;
  position: relative;
  float: left;
}

.financeIcn {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.subFnDiv  {
  width: 95.25%;
  height: 1px;
  margin: 20px 2% 20px 2%;
  padding: 0;
  background: #edecec;
  position: relative;
  float: left;
}

.finRowF {
  width: 96%;
  height: 25px;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.finRow {
  width: 96%;
  height: 50px;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.finRwYTL  {
  width: 70%;
  height: 25px;
  margin: 0 0 0 30%;
  padding: 0;
  position: relative;
  float: left;
}

.finFldY01Tl  {
  width: 100%;
  height: 25px;
  margin: 0;
  padding: 0;
  font-size: 13px;
  text-align: center;
  position: relative;
  float: left;
}

.finFldY02Tl  {
  width: 50%;
  height: 25px;
  margin: 0;
  padding: 0;
  font-size: 13px;
  text-align: center;
  position: relative;
  float: left;
}

.finFldY03Tl, .finFldY03aTl  {
  width: 33.333%;
  height: 25px;
  margin: 0;
  padding: 0;
  font-size: 13px;
  text-align: center;
  position: relative;
  float: left;
}

.finRwTL  {
  width: 30%;
  height: 35px;
  margin: 0;
  padding: 15px 0 0 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.finRwTL1  {
  width: 30%;
  height: 45px;
  margin: 0;
  padding: 5px 0 0 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.finRwYG  {
  width: 70%;
  height: 35px;
  margin: 0;
  padding: 15px 0 0 0;
  font-size: 14px;
  font-weight: 600;
  background: #edecec;
  position: relative;
  float: left;
}

.finRwYW  {
  width: 70%;
  height: 35px;
  margin: 0;
  padding: 15px 0 0 0;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  float: left;
}

.finFldY01  {
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

.finFldY02  {
  width: 50%;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

.finFldY03  {
  width: 33.333%;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

.finUpdtRow {
  width: 92%;
  height: auto;
  margin: 0 4% 20px 4%;
  padding: 0;
  font-size: 13px;
  color: #3c7eb8;
  text-align: center;
  text-decoration: underline;
  position: relative;
  float: left;
}

.greyMaskF {
  width: 104%;
  height: 1874px;
  margin: -30px 0 -2% -2%;
  background: #f4f4f4 url(../images/greyMaskBgF585.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left;
  padding: 0;
  position: relative;
  float: left;
}


/*Styles for FirmePagePersons*/

.personTl  {
  width: 60%;
  height: auto;
  margin: 0 20% 20px 20%;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  color: #000000;
  line-height: 1.4;
  position: relative;
  float: left;
}

.personTxt  {
  width: 90%;
  height: auto;
  margin: 0 5% 20px 5%;
  padding: 0;
  position: relative;
  float: left;
}

.personImgL {
  width: 267px;
  height: 278px;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  position: relative;
  float: none;
}

.personImgR {
  width: 267px;
  height: 278px;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  position: relative;
  float: none;
}

.personIcn {
  width: auto;
  height: 200px;
  margin: 0;
  padding: 0;
}

.tlTagF  {
  margin: 20px 0 0 0;
  padding: 10px 12px 10px 12px;
  background: rgba(23, 110, 178, 1.0);
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  display: block;
  left: -2px;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
  box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
}

.personImgTl {
  width: 100%;
  height: 58px;
  margin: 0 0 10px 2px;
  padding: 0;
  font-size: 13px;
  text-align: left;
  overflow: hidden;
  position: relative;
  float: left;
}

.personImgTl1 {
  width: 100%;
  height: 58px;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 13px;
  text-align: left;
  overflow: hidden;
  position: relative;
  float: left;
}


/*Styles for FirmePageNewManagePos*/

.tabs {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.tabs ul  {
  list-style-type: none;
  height: auto;
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.0;
  display: inline;
  position: relative;
  float: none;
}

.tabs li {
  display: inline-block;
}

.actTab {
  margin: 0;
  padding: 15px 30px 15px 30px;
  text-align: center;
  font-weight: 600;
  color: #000000;
  background: #f4f4f4;
}

.liTab  {
  margin: 0;
  padding: 15px 30px 15px 30px;
  text-align: center;
  color: #000000;
  background: #ffffff;
}

#tabBox1, #tabBox2  {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.tabFld {
  width: 94%;
  height: auto;
  margin: 0 0 1px 0;
  padding: 20px 3% 20px 3%;
  background: #f4f4f4;
  position: relative;
  float: left;
}

.tabFldL {
  width: 60%;
  height: auto;
  margin: 0 0 1px 0;
  padding: 0;
  font-size: 14px;
  color: #666666;
  background: #f4f4f4;
  position: relative;
  float: left;
}

.tabFldR {
  width: 40%;
  height: auto;
  margin: 0 0 1px 0;
  padding: 0;
  font-size: 14px;
  color: #666666;
  background: #f4f4f4;
  text-align: right;
  position: relative;
  float: left;
}


/*Styles for FirmePageGallery*/

.firmGNum  {
  width: 96%;
  height: auto;
  margin: 0 2% 20px 2%;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  position: relative;
  float: left;
}

.firmGallery  {
  width: 96%;
  height: auto;
  margin: 0 2% 35px 2%;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  position: relative;
  float: left;
}

.firmGImg {
  width: 260px;
  height: 195px;
  margin: 0 auto 10px auto;
  padding: 0;
  position: relative;
  float: none;
}

.firmGIcn {
  width: 260px;
  height: 195px;
  margin: 0;
  padding: 0;
}

.firmGTl {
  width: 260px;
  margin: 0 auto 5px auto;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  position: relative;
  float: none;
}

.firmGTxt {
  width: 260px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  font-size: 13px;
  line-height: 1.4;
  position: relative;
  float: none;
}


/*Styles for Ljudi*/

#navList .actNav6  {
  display: none;
}

.actNavMenu6  {
  background-color: #238322;
  color: #ffffff;
  font-weight: 700;
  display: block;
}

.subNav6 {
  display: none;
}

.subNav6 a:hover {
  display: none;
}

.subNav6 a:active {
  display: none;
}

.subSecM {
  width: 100%;
  height: auto;
  margin: 5px auto 0 auto;
  padding: 0;
  position: relative;
  float: left;
}

.subSecMIcn  {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.tlSubSecM {
  width: 86%;
  height: auto;
  margin: 0 3% 0 3%;
  padding: 20px 4% 20px 4%;
  background: rgba(255, 255, 255, 1.0);
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  line-height: 1.4;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 20px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  -webkit-padding-before: 10px;
  -webkit-padding-start: 4%;
  -webkit-padding-end: 4%;
  -webkit-text-size-adjust: 100%;
}

div.subSecM:hover .tlSubSecM {
  opacity: 1;
}

.hTl  {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.7;
}

.subSecSM  {
  width: 96%;
  height: auto;
  margin: 20px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecDM  {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFld03 {
  width: 100%;
  height: auto;
  margin: 0 auto 20px auto;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFld04 {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFld05 {
  width: 100%;
  height: auto;
  margin: 0 auto 20px auto;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFld06 {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: left;
}

.imgSubSecSM {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecSMIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.tlSubSecSM {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.4;
  position: relative;
  float: left;
}

.subSecML {
  width: 100%;
  height: auto;
  margin: 5px auto 20px auto;
  padding: 0;
  position: relative;
  float: left;
}

.subSecMR {
  width: 100%;
  height: auto;
  margin: 5px auto 20px auto;
  padding: 0;
  position: relative;
  float: left;
}

.subSecMSIcn  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.tlSubSecMS {
  width: 86%;
  height: 65px;
  margin: 0 3% 0 3%;
  padding: 0;
  background: rgba(255, 255, 255, 1.0);
  border: 0.85rem solid #fff;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  line-height: 1.3;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 20px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);
  -webkit-text-size-adjust: 100%;
}

div.subSecMS:hover .tlSubSecMS {
  opacity: 1;
}

.hSTl  {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.imgSubSecDM {
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecDMIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.tlSubSecDM {
  width: 46%;
  height: auto;
  margin: -7px 0 0 4%;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.3;
  position: relative;
  float: left;
  -webkit-text-size-adjust: 100%;
}

.subRubricTlS  {
  width: 92%;
  height: auto;
  margin: 0 0 10px 2%;
  padding: 0 0 0 4%;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #000000;
  position: relative;
  float: left;
}

.subSecRFld6 {
  width: 96%;
  height: auto;
  margin: 0 2% 20px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFld7 {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.imgFldP {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecIcnMP  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.tlSubSecMP {
  width: 92%;
  height: auto;
  margin: 0;
  padding: 14px 4% 14px 4%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-padding-before: 10px;
  -webkit-padding-start: 4%;
  -webkit-padding-end: 4%;
  -webkit-text-size-adjust: 100%;
}

.tlItalicB {
  font-style: italic;
  font-weight: 600;
}


/*Styles for Dogadjaji*/

#navList .actNav7  {
  display: none;
}

.actNavMenu7  {
  background-color: #1473b7;
  color: #ffffff;
  font-weight: 700;
  display: block;
}

.subNav7 {
  display: none;
}

.subNav7 a:hover {
  display: none;
}

.subNav7 a:active {
  display: none;
}

.searchFormEvent  {
  width: 100%;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 10px 0 10px 0;
  background-color: #f6f6f6;
  position: relative;
  float: left;
}

.searchFormEvent1  {
  width: 100%;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 10px 0 10px 0;
  background-color: #f6f6f6;
  position: relative;
  float: left;
}

.searchForm  {
  width: 96%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: none;
}

.words  {
  width: 96%;
  height: auto;
  margin: 10px 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.words1  {
  width: 96%;
  height: auto;
  margin: 10px 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.eventsType  {
  width: 96%;
  height: 60px;
  margin: 10px 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.eventsType1  {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.eventTlL, .eventTlL1, .eventTlR  {
  width: 100%;
  height: auto;
  margin: 0 auto 5px auto;
  padding: 0;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.secSearchEvent, .secSearchEvent1, .secSearchEvent2 {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.searchEvent {
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.search-fieldEvent, .search-fieldEvent1 {
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 5px 0 5px;
  position: relative;
  float: left;
}

.search-fieldEvent2 {
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 5px 0 5px;
  position: relative;
  float: left;
}

.searchInfo {
  width: 100%;
  height: 30px;
  margin: 5px 0 0 0;
  padding: 0;
  text-indent: 2px;
  font-size: 12px;
  color: #bbb7b8;
  position: relative;
  float: left;
  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;
}

.searchInfo > a:hover {
  font-size: 12px;
  color: #000;
  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;
}

input.search-fieldEvent, input.search-fieldEvent1 {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff;
  background-position: 98% 5px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
}

input.search-fieldEvent2 {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff;
  background-position: 98% 5px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
}

input.search-fieldEvent:focus, input.search-fieldEvent1:focus, select.search-fieldEvent:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  background: #ffffff;
  background-position: 98% 5px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.search-fieldEvent2:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  background: #ffffff;
  background-position: 98% 5px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.dropDownL {
  width: 48.85%;
  height: 30px;
  margin: 5px 2px 0 0;
  padding: 1px 5px 3px 5px;
  background: #e6e4e5;
  border-radius: 7px;
  border: 2px solid #e6e4e5;
  font-size: 13px;
  font-weight: 400;
  color: #767475;
  outline: none;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-margin-end: 0.15em;
}

.dropDownR {
  width: 48.85%;
  height: 30px;
  margin: 5px 0 0 2px;
  padding: 1px 5px 3px 5px;
  background: #e6e4e5;
  border-radius: 7px;
  border: 2px solid #e6e4e5;
  font-size: 13px;
  font-weight: 400;
  color: #767475;
  outline: none;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-margin-start: 0.15em;
}

select.dropDownL, select.dropDownR  {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #e6e4e5;
  padding: 1px 25px 3px 5px;
  width: 48.85%;
  height: 30px;
  color: #767475;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #e6e4e5 url(../images/dropDownArrow.png) no-repeat;
  background-position: 97.5% 12px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
}

select:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: 2px solid #0360ad;
  color: #000000;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.region  {
  width: 96%;
  height: 60px;
  margin: 10px 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.radButtons  {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.radButtons label  {
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 22.5%;
  padding: 4px 4.5% 4px 4.5%;
  margin: 0;
  border-radius: 7px;
  border: 2px solid #e6e4e5;
  background: #e6e4e5;
  font-size: 13px;
  font-weight: 400;
  color: #767475;
  text-align: center;
  -webkit-padding-start: 4.5%;
  -webkit-padding-before: 0.5em;
  letter-spacing: -0.0625em;
  -moz-padding-start: 4.5%;
}

input[type=radio] {
  display: none;
}

.radButtons label:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: #ffffff;
  position: absolute;
  left: 7%;
  bottom: 4px;
  border: 2px solid #cccccc;
  border-radius: 3px;
  box-shadow: none;
}

input[type=radio]:checked + label:before {
  border: 2px solid #cccccc;
  border-radius: 3px;
  box-shadow: none;
  width: 14px;
  height: 14px;
  bottom: 4px;
  background: #ffffff url(../images/checkArrow.png) no-repeat center;
}

.eventsDate {
  width: 96%;
  height: 60px;
  margin: 10px 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.calendar {
  width: 100%;
  height: 30px;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: left;
}

.dateL  {
  width: 5%;
  margin: 10px 3% 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  float: left;
  -webkit-padding-before: 0.25em;
  -webkit-margin-end: 3%;
  -webkit-margin-after: 1.5em;
}

.dateR  {
  width: 5%;
  margin: 10px 3.85% 0 3%;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  float: left;
  -webkit-padding-before: 0.2em;
  -webkit-margin-start: 3.85%;
  -webkit-margin-end: 3%;
  -webkit-margin-after: 1.5em;
}

.datepicker-here  {
  margin: 0;
  padding: 0 0 0 5px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 400;
  text-indent: 5px;
  position: relative;
  float: left;
  -webkit-padding-before: 0.1em;
  -webkit-padding-start: 0.1em;
  -moz-padding-start: 0.1em;
}

.datePickEvent {
  width: 38.5%;
  height: 25.5px;
  margin: 5px 0 0 0;
  padding: 0;
  border: 2px solid #ececec;
  color: #000000;
  background: #ffffff url(../images/calenIcn.png) no-repeat;
  background-position: 96% 7px;
}

input.datepicker-here:focus, select.datepicker-here:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.filters {
  width: 96%;
  height: 30px;
  margin: 20px 2% 16px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.resetFlt {
  width: 48%;
  height: 30px;
  margin: 0;
  padding: 0;
  background: #a9a7a8;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  border: 2px solid #a9a7a8;
  border-radius: 7px;
  cursor: pointer;
  position: relative;
  float: left;
}

.aplyFlt {
  width: 48%;
  height: 30px;
  margin: 0 0 0 3.75%;
  padding: 0;
  background: #176eb3;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  border: 1px solid #176eb3;
  border-radius: 7px;
  cursor: pointer;
  position: relative;
  float: left;
}

.searchFlt {
  width: 140px;
  height: 30px;
  margin: 0 0 0 2%;
  padding: 0;
  background: #176eb3;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  border: 1px solid #176eb3;
  border-radius: 7px;
  cursor: pointer;
  position: relative;
  float: left;
}

button:hover  {
  text-decoration: underline;
}

button:focus {
  outline: none;
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.subFieldEvent {
  width: 96%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.divideLin  {
  width: 100%;
  height: 1px;
  margin: 15px auto 15px auto;
  padding: 0;
  background: #cccccc;
  position: relative;
  float: none;
}

.dateFldEv  {
  width: 20%;
  height: auto;
  margin: 0 2% 0 0;
  padding: 0;
  position: relative;
  float: left;
  -webkit-margin-end: 2%;
}

.dateFldEvTl  {
  width: 100%;
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 13px;
  color: #5a5a5a;
  font-weight: 400;
  position: relative;
  float: left;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.progress {
  width: 50px;
  height: 16px;
  margin: 5px 0 0 0;
  padding: 2px 5px 0 5px;
  background: #e6e4e5;
  border-radius: 7px;
  border: 1px solid #e6e4e5;
  font-size: 10px;
  font-weight: 700;
  color: #5a5a5a;
  text-align: center;
  text-transform: uppercase;
  outline: none;
  position: relative;
  float: left;
}

.descriptFldEv  {
  width: 78%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #5a5a5a;
  position: relative;
  float: left;
}


/*Styles for Dogadaji Page*/

.eventFldDet  {
  width: 96%;
  height: auto;
  margin: 20px auto 20px auto;
  padding: 0;
  position: relative;
  float: none;
}


/*Styles for Tematski-bilteni*/

#navList .actNav8  {
  display: none;
}

.actNavMenu8  {
  background-color: #238322;
  color: #ffffff;
  font-weight: 700;
  display: block;
}

.subNav8 {
  display: none;
}

.subNav8 a:hover {
  display: none;
}

.subNav8 a:active {
  display: none;
}

.hTlTB  {
  font-size: 20px;
  font-weight: 700;
  color: #238322;
  line-height: 1.9;
}

.underline  {
  text-decoration: underline;
}

.subSec7 {
  display: none;
}

.subSec7a {
  width: 96%;
  height: auto;
  margin: 0 2% 20px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.subSec7Res {
  width: 96%;
  height: auto;
  margin: 0 2% 20px 2%;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}

.subSec7:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
  box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
}

.subSec7a:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.subSec7Res:hover {
 -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
  box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
}

.tlTagTB  {
  margin: 5% 0 0 0;
  padding: 10px 20px 10px 20px;
  background: rgba(23, 110, 178, 1.0);
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-margin-before: 5%;
}

.subBoxImgTB  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.subBoxIcnTB  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.subBoxImgTBRes  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
  display: block;
}

.subBoxIcnTBRes  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
}

.subBoxImgL  {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.subBoxImgR  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.subBoxImgL:hover, .subBoxImgR:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
  box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
}

.subBoxIcnTBS  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}


/*Styles for Specijalna-izdanja*/

#navList .actNav11  {
  display: none;
}

.actNavMenu11  {
  background-color: #253b73;
  color: #ffffff;
  font-weight: 700;
  display: block;
}

.subNav11 {
  display: none;
}

.subNav11 a:hover {
  display: none;
}

.subNav11 a:active {
  display: none;
}

#navList .actNav13  {
  display: none;
}

.actNavMenu13  {
  background-color: #F89A1F;
  color: #ffffff;
  font-weight: 700;
  display: block;
}

.subNav13 {
  display: none;
}

.subNav13 a:hover {
  display: none;
}

.subNav13 a:active {
  display: none;
}

.hTlSE  {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.9;
}

.subSec8 {
  display: none;
}

.subSec8Res {
  width: 96%;
  height: auto;
  margin: 0 2% 20px 2%;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}

.subSec8:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
  box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
}

.subSec8Res:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
  box-shadow: 0px 0px 0px 0px rgba(255,255,255,1.0);
}

.subBoxImgSE  {
  display: none;
}

.subBoxIcnSE  {
  display: none;
}

.subBoxImgSERes  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
  display: block;
}

.subBoxIcnSERes  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
}


/*Styles for Vest-Page, Izveštaj-Page*/

.subSec9 {
  width: 96%;
  height: auto;
  margin: 0 2% 15px 2%;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.subFieldNws {
  width: 96%;
  height: auto;
  margin: 0 2% 10px 2%;
  padding: 0;
  font-size: 14px;
  text-align: justify;
  position: relative;
  float: left;
}

.subFieldNws a, .subSec9 a, .tenderSubDoc a {
  color: #176eb2;
}

.subFieldNws p {
  margin: 0 0 10px 0
}

.docLinks {
  width: 90%;
  height: auto;
  margin: 20px 0;
  padding: 3.5% 5%;
  background: #e5e5e5;
  position: relative;
  float: left;
}

.sourceN  {
  width: 96%;
  height: auto;
  margin: 0 2% 10px 2%;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  color: #a6a6a6;
  text-align: left;
  position: relative;
  float: left;
}

.netNShare  {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.netN  {
  width: 75%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  text-align: right;
  position: relative;
  float: right;
}

.netIcnShr {
  width: auto;
  height: 25px;
  margin: 0;
  padding: 0;
}

.netIcnShrL {
  width: 15px;
  height: auto;
  margin: 5px 5px 5px 0;
  padding: 0;
  position: relative;
  float: left;
}

.netIconsN  {
  width: 25%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  text-align: right;
  position: relative;
  float: left;
}

#sharemenu  {
  width: 220px;
  height: auto;
  margin: 30px 0 0 0;
  padding: 0;
  top: 0;
  border-radius: 5px;
  background: #fff;
  display: block;
  position: absolute;
  float: none;
  right: 0;
  z-index: 2;
  -webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.25);
  box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.25);
}

ul.shareList  {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  z-index: 2;
}

.shareList li {
  width: 90%;
  height: 25px;
  margin: 0;
  padding: 0 5%;
  line-height: 1.75;
  text-align: left;
}

.shareList li a {
  color: #000;
}

.sharemenu {
  margin: 0;
  padding: 0;
}

.shareLnTop  {
  color: #fff;
  background: #7c7c7c;
  border-radius: 5px 5px 0 0;
}

.shrCls  {
  margin: -10px 0 0 0;
  padding: 0;
  font-size: 24px;
  font-weight: 700;
  position: relative;
  float: right;
}

.blueLink {
  color: #176eb2;
}

.langPageNR  {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  border: 0;
  position: relative;
  float: left;
  top: 0;
}

.langPageNR ul {
  list-style-type: none;
  text-align: left;
  margin: 10px auto 10px auto;
  padding: 0;
  font-size: 13px;
  display: inline;
  position: relative;
  float: none;
}

.langPageNR li {
  margin: 0;
  padding: 0 0 0 4px;
  line-height: 4px;
  color: #3c7eb8;
  font-weight: 700;
  border-left: 1px solid #000000;
  display: inline;
}

.langPageNR .li-d {
  margin: 0;
  padding: 0 0 2px 0;
  border-left: none;
  display: inline;
}

.photoGallery {
  width: 96%;
  height: auto;
  margin: 0 2% 20px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.galleryTl  {
  width: 96%;
  height: auto;
  margin: 0;
  padding: 7px 2% 7px 2%;
  background: #176eb2;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  position: relative;
  float: left;
}

.galleryL  {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.gallOvrL {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: rgba(23, 110, 178, 0);
  position: absolute;
  top: 0;
}

.gallOvrL:hover {
  display: none;
}

.photoL {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.galleryR {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.gallOvrR {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: rgba(23, 110, 178, 0);
  position: absolute;
  top: 0;
}

.gallOvrR:hover {
  display: none;
}

.gallRowT {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.gallRowB {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.photoR {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.imgFldNR  {
  width: 300px;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.subSecRFld2NR, .subSecRFld2NR_news {
  width: 300px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: none;
}

.subSecRFld3NR, .subSecRFld3NR_news {
  width: 300px;
  height: auto;
  margin: 15px auto 15px auto;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: none;
}

.subSecIcnNws {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.tlSubSecNws {
  width: 92%;
  height: auto;
  margin: 0;
  padding: 3% 4% 4% 4%;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  line-height: 1.5;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  -webkit-padding-before: 3%;
  -webkit-padding-start: 6%;
  -webkit-padding-end: 6%;
}

.searchFldNR {
  width: 96%;
  height: 45px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

input.searchFldNR {
  margin: 0;
  padding: 1px 0 3px 2%;
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 1px solid #a4a3a3;
  border-radius: 7px;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
}

input.searchFldNR:focus, select.searchFldNR:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 1px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.subFieldComm {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #e6e4e4;
  font-size: 14px;
  position: relative;
  float: left;
}

.commTl  {
  width: auto;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  float: left;
}

.commDate  {
  width: auto;
  height: auto;
  margin: 5px 0 15px 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #a2a2a2;
  position: relative;
  float: right;
}

.commTxt  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  float: left;
}

.commSubTl  {
  width: 96%;
  height: auto;
  margin: 15px 2% 0 2%;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #a2a2a2;
  position: relative;
  float: left;
}

.allComm  {
  width: 96%;
  height: auto;
  margin: 0 2% 0 2%;
  padding: 0;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #176eb2;
  position: relative;
  float: left;
}

.gallOvrNws {
  display: none;
  visibility: hidden;
}

.gallOvrNws:hover {
  display: none;
  visibility: hidden;
}

.gallOvrNwsP {
  display: none;
  visibility: hidden;
}

.gallOvrNwsP:hover {
  display: none;
  visibility: hidden;
}

.newsFldImg, .newsFldImgP {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.newsPageImg  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.bottomTagNws  {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  color: #a6a6a6;
}


/*Styles for Pretraga-Page*/

.subNavS {
  display: none;
}

.headingTopS {
  width: 100%;
  height: auto;
  margin: 1% 0 0 0;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.wordsS, .wordsT  {
  width: 96%;
  height: auto;
  margin: 10px 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.wordsST  {
  width: 96%;
  height: auto;
  margin: 10px 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.eventsTypeS, .eventsTypeST, .eventsTypeSN {
  width: 96%;
  height: 60px;
  margin: 10px 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.eventTlLS, .eventTlRS, .eventTlLST, .eventTlRST  {
  width: 100%;
  height: auto;
  margin: 0 auto 5px auto;
  padding: 0;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.secSearchEventS {
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.secSearchEventST {
  width: 100%;
  height: 30px;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.searchEventS, .searchEventST {
  width: 100%;
  height: 30px;
  text-align: left;
  margin: 0;
  padding: 0;
  position: absolute;
  float: left;
}

.searchEventSNoteRes, .searchEventSNoteRes2 {
  display: block;
  width: 94%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 3%;
  background: #e6e4e5;
  border-radius: 7px;
  font-size: 13px;
  font-style: italic;
  position: relative;
  float: left;
}

.searchEventSNoteRes1 {
  display: block;
  width: 92%;
  height: auto;
  margin: 10px 2% 0 2%;
  padding: 2%;
  background: #e6e4e5;
  border-radius: 7px;
  font-size: 13px;
  font-style: italic;
  position: relative;
  float: left;
}

.searchEventSNote, .searchEventSNote1, .searchEventSNote2 {
  display: none;
}

.strongBlue  {
  font-weight: 600;
  color: #176eb3;
}

.search-fieldEventS, .search-fieldEventST, .search-fieldTender {
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

input.search-fieldEventS,input.search-fieldTender {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff;
  background-position: 98% 5px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
}

select.search-fieldEventS:focus,select.search-fieldTender:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  background: #ffffff;
  background-position: 98% 5px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.search-fieldEventST {
  margin: 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff url(../images/searchButtonGlobal0.png) no-repeat;
  background-position: 98% 5px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
}

select.search-fieldEventST:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  background: #ffffff url(../images/searchButtonGlobal0.png) no-repeat;
  background-position: 98% 5px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.dropDownS, .dropDownST {
  width: 100%;
  height: 30px;
  margin: 5px 2px 0 0;
  padding: 1px 5px 3px 5px;
  background: #e6e4e5;
  border-radius: 7px;
  border: 2px solid #e6e4e5;
  font-size: 13px;
  font-weight: 400;
  color: #767475;
  outline: none;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-margin-end: 0.15em;
}

select.dropDownS, select.dropDownST  {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #e6e4e5;
  padding: 1px 25px 3px 5px;
  width: 100%;
  height: 30px;
  color: #767475;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #e6e4e5 url(../images/dropDownArrow.png) no-repeat;
  background-position: 97.5% 12px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
}

#searchList ul {
  display: none;
}

#searchList li {
  display: none;
}

#searchListMenu {
  width: 96%;
  height: auto;
  margin: 5px 2% 15px 2%;
  padding: 0;
  text-align: center;
  display: block;
  position: relative;
  float: left;
}

.dropDownSS {
  width: 96%;
  height: 30px;
  margin: 0 auto 0 auto;
  padding: 0;
  border-radius: 7px;
  border: none;
  outline: none;
  display: block;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
}

select.dropDownSS  {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: none;
  padding: 0;
  width: 96%;
  height: 30px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #176eb2 url(../images/dropDownArrowW.png) no-repeat;
  background-position: 95% 14px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 3%;
}

select.dropDownSS:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: none;
  color: #ffffff;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select.dropDownG option:checked {
  box-shadow: inset 20px 20px #ce271f;
}

li.blueLinkUln {
  color: #176eb2;
  font-weight: 600;
  border-bottom: 4px solid #176eb2;
}

.searcThumb {
  width: 48%;
  height: auto;
  margin: 0 1% 2% 1%;
  padding: 0;
  position: relative;
  float: left;
}

.searcThumbR {
  width: 48%;
  height: auto;
  margin: 0 1% 2% 1%;
  padding: 0;
  position: relative;
  float: left;
}

.subFieldSearch {
  width: 92%;
  height: auto;
  margin: 0 4% 10px 4%;
  padding: 0;
  position: relative;
  float: left;
}

.searchTl  {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  float: left;
}

.searchDate  {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  position: relative;
  float: left;
}


/*Styles for TenderiSearch, TenderiUgovori, TenderiPage, TenderiPageWinners*/

#navList .actNav12  {
  display: none;
}

.actNavMenu12  {
  background-color: #cd271e;
  color: #ffffff;
  font-weight: 700;
  display: block;
}

.subNav12 {
  display: none;
}

.subNav12 a:hover {
  display: none;
}

.subNav12 a:active {
  text-decoration: underline;
}

.tenderTlBox  {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

.tenderTl {
  width: 50%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 19px;
  font-weight: 700;
  text-transform: none;
  position: relative;
  float: left;
}

.tenderTBtn {
  min-width: 100px;
  height: 22px;
  margin: 10px 0 0 0;
  padding: 0 2px;
  color: #ffffff;
  font-size: 11px;
  background: #176eb2;
  border-radius: 5px;
  position: relative;
  float: right;
}

.plusBtnTend  {
  margin: 0 2px 0 5px;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  vertical-align: -2px;
}

.mTendLnk {
  width: 100%;
  height: auto;
  margin: 10px 0 10px 0;
  padding: 0;
  font-size: 14px;
  position: relative;
  float: left;
}

.mTendLnkB {
  font-size: 14px;
  color: #176eb2;
  font-weight: 700;
}

.typeTL, .typeTTL  {
  width: 47%;
  height: 60px;
  margin: 15px 1% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.typeTR, .typeTTR  {
  width: 47%;
  height: 60px;
  margin: 15px 2% 0 1%;
  padding: 0;
  text-align: right;
  position: relative;
  float: right;
}

.eventTlT  {
  width: 100%;
  height: auto;
  margin: 0 auto 5px auto;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.dropDownT, .typeTTR .dropDownT {
  width: 100%;
  height: 30px;
  margin: 5px 0 0 0;
  padding: 4px 5px 4px 5px;
  background: #e6e4e5;
  border-radius: 7px;
  border: 2px solid #e6e4e5;
  font-size: 13px;
  font-weight: 400;
  color: #767475;
  outline: none;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-margin-end: 2px;
}

select.dropDownT, .typeTTR select.dropDownT  {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #e6e4e5;
  padding: 4px 25px 4px 5px;
  width: 100%;
  height: 30px;
  color: #767475;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #e6e4e5 url(../images/dropDownArrow.png) no-repeat;
  background-position: 95% 12px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
}

.eventsDateT {
  width: 96%;
  height: 60px;
  margin: 15px 2% 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.filtersST {
  width: 96%;
  height: 30px;
  margin: 20px 2% 20px 2%;
  padding: 0;
  position: relative;
  float: left;
  -webkit-margin-start: 0;
  -moz-margin-start: 0;
}

.resetFltT {
  width: 48%;
  height: 30px;
  margin: 0 0 20px 2%;
  padding: 0;
  background: #a9a7a8;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  border: 2px solid #a9a7a8;
  border-radius: 7px;
  cursor: pointer;
  position: relative;
  float: left;
  -webkit-margin-before: 5px;
}

.aplyFltT {
  width: 48%;
  height: 30px;
  margin: 0 0 20px 2%;
  padding: 0;
  background: #176eb3;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  border: 1px solid #176eb3;
  border-radius: 7px;
  cursor: pointer;
  position: relative;
  float: right;
  -webkit-margin-before: 5px;
}

.filtersT {
  width: 96%;
  height: 30px;
  margin: 20px 2% 20px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.tenderSubTl  {
  width: 92%;
  height: auto;
  margin: 8px 4% 20px 4%;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
  position: relative;
  float: left;
}

.tenderSubTlT  {
  width: 92%;
  height: auto;
  margin: 16px 4% 20px 4%;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
  position: relative;
  float: left;
}

.tenderSubFilt  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
  background: #cd271e;
  position: relative;
  float: left;
}

.filtL  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 3px 0;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  position: relative;
  float: left;
}

.filtR  {
  margin: 3px 4% 0 0;
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  float: right;
}

.filtPas  {
  opacity: 0.75;
}

.filtAct  {
  opacity: 1.0;
}

.caret  {
  width: 7px;
  height: 9px;
  margin: 0 0 0 10px;
  padding: 0;
  vertical-align: -1px;
}

.subFieldTender {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  float: left;
}

.subFieldTender2 {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 40px 0 20px 0;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  float: left;
}

.subRowTender {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.subRowTenderBott {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.subRowTenderBottW {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.tenderU, .tenderURow {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.tenderType {
  width: 65px;
  height: auto;
  margin: 5px 0 10px 4%;
  padding: 0;
  font-size: 11px;
  font-weight: 600;
  color: #b6b6b6;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.tenderTypeU {
  width: 95px;
  height: auto;
  margin: 0 0 10px 4%;
  padding: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 2.0;
  color: #b6b6b6;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.tenderTlFld  {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

.tenderTlFldU  {
  width: 92%;
  height: auto;
  margin: 0 4% 10px 4%;
  padding: 0;
  position: relative;
  float: left;
}

.tenderFTl {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  color: #176eb2;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.tenderFTlU {
  font-size: 16px;
  font-weight: 700;
  color: #176eb2;
  text-transform: none;
}

.tenderFSubTxt {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  color: #949494;
  position: relative;
  float: left;
}

.tenderFSubTxtU {
  width: 100%;
  height: auto;
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  color: #949494;
  position: relative;
  float: left;
}

.dot  {
  width: 4px;
  height: 4px;
  margin: 0 10px 0 10px;
  padding: 0;
  vertical-align: 2px;
}

.tenderDate {
  display: none;
}

.tenderDateR, .tenderDateRU {
  display: block;
  width: 115px;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 11px;
  color: #aaaaaa;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  float: right;
}

.tenderDateU {
  display: none;
}

.dateTend {
  margin: 0 0 0 5px;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}

.merch  {
  width: 44px;
  height: 14px;
  margin: 16px 0 0 4%;
  padding: 0;
  color: #3fb34f;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  border: 3px solid #3fb34f;
  border-radius: 4px;
  position: relative;
  float: left;
}

.dateExp  {
  display: none;
}

.dateExp1  {
  display: block;
  width: 42%;
  height: auto;
  margin: 16px 4% 0 4%;
  padding: 0;
  color: #a1a1a1;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
  position: relative;
  float: right;
}

.dateExpRes  {
  display: block;
  width: 92%;
  height: auto;
  margin: 0 4% 16px 4%;
  padding: 0;
  color: #a1a1a1;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.tenderSubInfo  {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  border-top: 1px solid #e6e6e6;
  position: relative;
  float: left;
}

.tenderSubInfoTxt  {
  width: 100%;
  height: auto;
  margin: 15px 0 15px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  color: #5c5a5a;
  font-style: italic;
  position: relative;
  float: left;
}

.tenderTypeI {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  color: #949494;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.tenderFirm {
  max-width: 92%;
  margin: 0 0 15px 0;
  padding: 2% 4%;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  background: #176eb2;
  border-radius: 5px;
  position: relative;
  float: left;
}

.tenderSource {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  color: #176eb2;
  position: relative;
  float: left;
}

.tenderDateI {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  color: #949494;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.netNShareT  {
  width: 100%;
  height: auto;
  margin: 20px 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.tenderSubDoc {
  width: 86%;
  height: auto;
  margin: 0 4% 25px 4%;
  padding: 6% 0 6% 6%;
  background: #f7f9f9;
  position: relative;
  float: left;
}

.tenderSubDoc img {
  max-width: 93%;
  height: auto;
  margin: 4% 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.tenderSubDocTl {
  margin: 0 6% 20px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  float: left;
}

.tenderSubDocTlW {
  width: 98%;
  height: auto;
  margin: 0 2% 20px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  float: left;
}

.tenderSubDocFilt  {
  display: none;
}

.filtD  {
  display: none;
}

.tenderSubLn {
  width: 100%;
  height: 2px;
  margin: 0;
  padding: 0px;
  background: #90a4ae;
  position: relative;
  float: left;
}

.tenderSubDocRow {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #ededed;
  position: relative;
  float: left;
}

.tenderSubDocRow:hover {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #ededed;
  background: #f7f9f9;
  position: relative;
  float: left;
}

.tenderSubDocRowW {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px 0 0 0;
  position: relative;
  float: left;
}

.tenderSubDocRowW:hover {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px 0 0 0;
  background: #f7f9f9;
  position: relative;
  float: left;
}

.tenderDocSubTl {
  width: 94%;
  height: auto;
  margin: 0 6% 0 0;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  color: #176eb2;
  position: relative;
  float: left;
}

.tenderDocSubTlComp {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  color: #176eb2;
  position: relative;
  float: left;
}

.tenderDocSubTlD {
  width: 88%;
  height: auto;
  margin: 0 6% 0 0;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  color: #176eb2;
  position: relative;
  float: left;
}

.tenderDocSubDate {
  width: 94%;
  height: auto;
  margin: 10px 6% 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  color: #5c5a5a;
  text-align: left;
  position: relative;
  float: left;
}

.downLImg {
  width: 2%;
  height: auto;
  margin: 2px 4% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.downLIcn {
  width: 12px;
  height: 10px;
  margin: 0;
  padding: 0;
}

.subFieldT {
  width: 94%;
  height: auto;
  margin: 10px 6% 0 0;
  padding: 0;
  font-size: 14px;
  position: relative;
  float: left;
}

.allCommT  {
  width: 100%;
  height: auto;
  margin: 0 0 -10px 0;
  padding: 0;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #176eb2;
  position: relative;
  float: left;
}

.tenderTlItal {
  width: 100%;
  height: auto;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #9b9d9e;
  margin: 0;
  padding: 0;
  vertical-align: 2px;
  position: relative;
  float: left;
}

.subRowTenderComp {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.subRowTenderCompBott {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.compDate  {
  display: none;
}

.compDateRes  {
  display: block;
  width: 50%;
  height: auto;
  font-size: 13px;
  font-weight: 400;
  color: #949494;
  margin: 2px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.tenderDocSubPrice {
  width: 44%;
  height: auto;
  margin: 0 6% 0 0;
  padding: 0;
  font-size: 11px;
  font-weight: 400;
  color: #aaaaaa;
  text-transform: uppercase;
  text-align: right;
  position: relative;
  float: right;
}

.tenderTypeIC {
  width: 94%;
  height: auto;
  margin: 0 6% 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  color: #949494;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.tenderDocCompTxt {
  margin: 0 0 0 5px;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  text-transform: none;
}

.tenderSubCount {
  width: 40%;
  height: auto;
  margin: -20px 0 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.countFld {
  width: 25%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  color: #aaaaaa;
  text-align: center;
  position: relative;
  float: left;
}

.tenderSubAreaRow {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #ededed;
  position: relative;
  float: left;
}

.tenderSubAreaRowBott {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px 0 0 0;
  position: relative;
  float: left;
}

.tenderAreaSubTl {
  width: 56%;
  height: auto;
  margin: 0 4% 0 0;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  color: #176eb2;
  position: relative;
  float: left;
}

.tenderAreaSubTlW {
  width: 74%;
  height: auto;
  margin: 0 4% 0 0;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  color: #176eb2;
  position: relative;
  float: left;
}

.tenderAreaNum {
  width: 10%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  color: #176eb2;
  text-align: center;
  position: relative;
  float: left;
}

.tenderTlType {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

.tenderTypeITl {
  margin: 5px 10px 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  color: #949494;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.currency {
  font-size: 10px;
  font-weight: 700;
  color: #b3b3b3;
  text-transform: uppercase;
  vertical-align: 3px;
}

.tenderSubInfoW  {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  float: left;
}

.tenderSubInfoTxtW  {
  width: 630px;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  color: #5c5a5a;
  font-style: italic;
  position: relative;
  float: left;
}

.tenderTypeIW {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  color: #949494;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.tenderTlLnk  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 400;
  font-style: italic;
  color: #176eb2;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.tenderTypeIWSub {
  margin: 5px 10px 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  color: #949494;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.tenderTypeICW {
  width: 70%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  color: #949494;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.dateTendW {
  margin: 0 0 0 5px;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
}

.tenderSubCountW {
  width: 20%;
  height: auto;
  margin: -15px 2% 5px 0;
  padding: 0;
  position: relative;
  float: right;
}

.countFldW {
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  color: #aaaaaa;
  text-align: center;
  position: relative;
  float: left;
}


/*Styles for Naslovna.eng*/

.subSecHE {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  float: left;
}

.subSecIcnHE  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.tlTagHE  {
  margin: 20px 0 0 20px;
  padding: 2px 8px 2px 8px;
  background: rgba(255, 255, 255, 1.0);
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  left: 0;
  top: 0;
  opacity: 1;
  position: absolute;
}

span.tlSubSecHE {
  width: 92%;
  height: auto;
  margin: 0;
  padding: 5% 4% 5% 4%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 1%;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

div.subSecHE:hover span.tlSubSecHE {
  opacity: 1;
}

.tenderSubFiltE  {
  width: 92%;
  height: 22px;
  margin: 10px 4% 10px 4%;
  padding: 4px 0 4px 0;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  text-align: center;
  color: #ffffff;
  background: #cd271e;
  position: relative;
  float: left;
}

.subFieldHE {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.subRowHE {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

.fieldRowLE {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.2;
  position: relative;
  float: left;
}

.fieldRowRE {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.2;
  position: relative;
  float: left;
}

.fldTxtHE  {
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: 700;
  position: relative;
  float: left;
}

.subFldDateHE  {
  width: 100%;
  height: auto;
  margin: 2px 0 10px 0;
  padding: 0;
  font-size: 12px;
  color: #666666;
  font-weight: 400;
  line-height: 1.0;
  position: relative;
  float: left;
}

.subSecRFldNEL {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.subSecRFldNER {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.subSecIcnNE  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

span.tlSubSecNE {
  width: 94%;
  height: auto;
  margin: 0;
  padding: 3%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  cursor: pointer;
  display: block;
  left: 0;
  bottom: 1%;
  opacity: 1;
  overflow: hidden;
  position: absolute;
}

div.subSecIcnNE:hover span.tlSubSecNE {
  opacity: 1;
}

.subSecRFldNELS {
  width: 92%;
  height: auto;
  margin: 0 4% 10px 4%;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.subSecRFldNERS {
  width: 92%;
  height: auto;
  margin: 0 4% 10px 4%;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.subSecIcnNES  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.subSecTlE  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  line-height: 1.2;
  position: relative;
  float: left;
}

.subSecTxtE  {
  width: 100%;
  height: auto;
  margin: 10px 0 10px 0;
  padding: 0;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #6c6c6c;
  line-height: 1.1;
  position: relative;
  float: left;
}



.brand_left, .brand_right, .bannBrandL, .bannBrandR  {
  display: none;
}

.imageSearch {
  height: 90px;
  overflow: hidden;
}

/*Styles for Registracija*/

#register-form .control-label {
  font-weight: bold;
}

.textInput {
  width: 100%;
  height: 35px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.textAreaInput {
  width: 100%;
  height: 65px;
  max-height: 650px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

input.textInput {
  margin: 8px 0 8px 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #676767;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: text;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
}

input.textInput:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select.textInput {
  margin: 8px 0 8px 0;
  padding: 1px 5px 3px 5px;
  font-size: 13px;
  font-weight: 400;
  color: #676767;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff url(../images/dropDownArrow.png) no-repeat;
  background-position: 97.5% 13px;
  font-family: 'Open Sans', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.textInput:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff url(../images/dropDownArrow.png) no-repeat;
  background-position: 97.5% 13px;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea.textAreaInput {
  margin: 8px 0 8px 0;
  padding: 5px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
  border: 2px solid #ececec;
  border-radius: 7px;
  cursor: text;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  resize: vertical;
  overflow: auto;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

textarea.textAreaInput:focus, select.textAreaInput:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  border: 2px solid #0360ad;
  border-radius: 7px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -webkit-padding-start: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* add red asterisk to required form fields */
div.required label:after {
    content: " *";
    color: #e13431;
}

.domterButtons, .registrationTerritoryButtons {
  width: 96%;
  height: auto;
  margin: 8px 2% 8px 2%;
  padding: 0;
  position: relative;
  float: left;
}

.domterButtons label  {
  cursor: pointer;
  position: relative;
  width: 19.85%;
  padding: 4px 3.25% 4px 8.15%;
  margin: 0;
  border-radius: 7px;
  border: 2px solid #e6e4e5;
  background: #e6e4e5;
  font-size: 13px;
  font-weight: 400;
  color: #767475;
  -webkit-padding-start: 8%;
  -webkit-padding-before: 0.45em;
  letter-spacing: -0.0625em;
  -moz-padding-start: 8%;
  -webkit-text-size-adjust: 85%;
}

.domterButtons label:before {
  content: "";
  width: 14px;
  height: 14px;
  background: #ffffff;
  position: absolute;
  left: 3px;
  bottom: 4px;
  border: 2px solid #cccccc;
  border-radius: 3px;
  box-shadow: none;
}

.domterButtonsTitle  {
  width: 96%;
  height: auto;
  margin: 8px 2% 8px 2%;
  padding: 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.registrationTerritoryCheckbox label {
  display: block;
  white-space: nowrap;
}

.registrationTerritoryCheckbox input, .inlineCheckbox input {
  vertical-align: middle;
}

.registrationTerritoryCheckbox label span, .inlineCheckbox label span {
  vertical-align: middle;
}

.inlineCheckbox * {
  display: inline;
}

.inlineCheckbox label {
  margin-right: 5px;
}

hr.territorySeparator {
  max-width: 100%;
  margin: 5px auto;
  border-width: 4px;
  border-color: #383838;

  border: 0;
  border-top: 1px solid #383838;
}

.regSubHeading {
  width: 96%;
  height: auto;
  font-size: 16px;
  margin: 5px 2%;
  position: relative;
  float: left;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert a {
  color: #7676ff;
  font-weight: bold;
  text-decoration: underline;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}


/*Styles for LogIn, LogOut*/

.logForm  {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 5% 2% 5% 2%;
  background-color: #d9d9d9;
  position: relative;
  float: left;
}

.logInBtn, .logOBtn {
  width: 50%;
  height: 30px;
  margin: 0 25% 0 25%;
  padding: 0;
  background: #176eb3;
  font-size: 13px;
  line-height: 1.0;
  font-weight: 600;
  color: #ffffff;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  border: 1px solid #176eb3;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  float: none;
  -webkit-margin-before: 5px;
}

.logInTxt1  {
  display: none;
  text-indent: 0px;
}

.logInTxt2  {
  display: none;
  text-indent: 0px;
}

.logInTxt3  {
  width: 96%;
  height: auto;
  margin: 0;
  padding: 2%;
  font-size: 13px;
  line-height: 1.5;
  position: relative;
  float: left;
}

.logInTxt4  {
  width: 96%;
  height: auto;
  margin: 0;
  padding: 2%;
  font-size: 13px;
  line-height: 1.5;
  position: relative;
  float: left;
}

.logInTxt5, .logInTxt5a, .logInTxt5b  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 2%;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  float: left;
}

.logTl  {
  font-size: 16px;
  line-height: 1.0;
}

.registBtn {
  width: 50%;
  height: 30px;
  margin: 0 25% 0 25%;
  padding: 0;
  background: #d9d9d9;
  font-size: 13px;
  line-height: 1.0;
  font-weight: 600;
  color: #176eb3;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  border: 2px solid #176eb3;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  float: none;
  -webkit-margin-before: 5px;
}

.inputFld  {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.logInFld {
  width: 48%;
  height: 26px;
  margin: 0 25% 0 25%;
  padding: 0 0 0 2%;
  background: #fff;
  font-size: 13px;
  line-height: 1.0;
  font-weight: 400;
  color: #000;
  text-transform: none;
  text-decoration: none;
  text-align: left;
  border: 2px solid #176eb3;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  float: none;
  -webkit-margin-before: 5px;
}

input.logInFld::placeholder {
  text-align: center;
}

a.subSecRFldGLink {
  color: #ffffff;
}


.rowMeKNTag {
  width: 92%;
  height: auto;
  margin: 15px 4% 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

.tagInactive  {
  margin: 0 10px 10px 0;
  padding: 2px 15px;
  color: #176eb3;
  border: 2px solid #176eb3;
  border-radius: 12px;
  font-size: 13px;
  position: relative;
  float: left;
}

.tagActive  {
  margin: 0 10px 10px 0;
  padding: 2px 15px;
  color: #fff;
  border: 2px solid #176eb3;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  background-color: #176eb3;
  position: relative;
  float: left;
}

.search-form-full-row-hint {
  width: 93.5%;
  height: auto;
  margin: 10px 15px 5px 8px;
  position: relative;
  float: left;
  background-color: #e5e5e5;
  padding: 10px 5px;

  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px solid #000000;
}
.video-responsive {
  width: 100%;
  height: auto;
  margin: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
}
.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position:absolute;
}

.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: 600;
}

.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: 18px;
  height: 15px;
  margin: 0 10px 0 0;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}

.backBtnTxt {
  margin: -2px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}


/*Styles for Teaser*/

.teaser {
  width: 92%;
  height: auto;
  margin: 25px 4%;
  padding: 0;
  position: relative;
  float: left;
}

.teaserCont {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  z-index: 1;
}

.teaserTl {
  width: 90%;
  height: auto;
  margin: 0.75em 5%;
  padding: 0;
  color: #fff;
  font-size: 1.0em;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  position: relative;
  float: left;
}

.teaserLn {
  width: 85%;
  height: auto;
  margin: 0 15% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.teaserLn img {
  display: block;
  outline: none;
  border: none;
}

.teaserLnIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.teaserTxt {
  width: 90%;
  height: auto;
  margin: 0.5em 5% 0 5%;
  padding: 0;
  color: #fff;
  font-size: 0.85em;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
}

.teaserBtn {
  width: 35%;
  height: auto;
  margin: 1.25em 32.5%;
  padding: 5px 10px;
  color: #ff7f00;
  font-size: 0.75em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
  background: #fff;
  position: relative;
  float: left;
}

.teaserMockup {
  width: 50%;
  height: auto;
  margin: 1.0em 25%;
  padding: 0;
  position: relative;
  float: left;
}

.teaserMockup img {
  display: block;
  outline: none;
  border: none;
}

.teaserMockupIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.teaserTxtB {
  width: 80%;
  height: auto;
  margin: 0 10%;
  padding: 0;
  font-size: 1.1em;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
}

.teaserImg {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  float: left;
}

.teaserImg img {
  display: block;
  outline: none;
  border: none;
}

.teaserIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.tlSubSecFldM  {
  width: 94%;
  height: 24px;
  margin: 20px 2% 10px 2%;
  padding: 5px 0 0 2%;
  background-color: #f5f5f5;
  border-top: 2px solid #1064af;
  border-bottom: 2px solid #bbb7b8;
  overflow: hidden;
  position: relative;
  float: left;
  -webkit-padding-before: 6.5px;
}

.serviceFld {
  width: 100%;
  height: auto;
  margin: 15px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.serviceNo {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #b8b8b8;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.serviceImg {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.serviceImg img {
  display: block;
  outline: none;
  border: none;
}

.serviceIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.serviceCont {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.serviceTxt {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  overflow: hidden;
  position: relative;
  float: left;
}

.tagsFld {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.tagsS  {
  margin: 0 5px 0 0;
  padding: 2px 5px 2px 5px;
  background: #d6d6d6;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #6e6e6e;
  position: relative;
  float: left;
}

#googleMap {
  width: 96%;
  height: 250px;
  margin: 5px 2% 10px 2%;
  padding: 0;
  position: relative;
  float: left;
}

}
