/* Please ❤ this if you like it! */


@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@300;400;500;600;700;800&display=swap');

/* #Primary
================================================== */

@media (min-width: 576px) {
    .container {
      max-width: 570px;
    }
  }
  
  @media (min-width: 768px) {
    .container {
      max-width: 760px;
    }
  }
  
  @media (min-width: 992px) {
    .container {
      max-width: 990px;
    }
  }
  
  @media (min-width: 1200px) {
    .container {
      max-width: 1326px;
    }
  }

body{
  font: normal normal normal 17px/26px Mukta;
	line-height: 24px;
	
}
/*
::selection {
	color: #fff;
	background-color: #ED1C24;
}
::-moz-selection {
	color: #fff;
	background-color: #ED1C24;
}
*/

/* TYPOGRAFY*/

/*
@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), 
         url('webfont.woff2') format('woff2'), 
         url('webfont.woff') format('woff'), 
         url('webfont.ttf')  format('truetype'), 
         url('webfont.svg#svgFontName') format('svg'); 
  }
*/


a:hover{
  text-decoration: none;
}

@font-face {
    font-family: 'CooperLight';
    src: url('../fonts/CooperHewitt-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CooperHewitt-Light.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/CooperHewitt-Light.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/CooperHewitt-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'CooperMedium';
    src: url('../fonts/CooperHewitt-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CooperHewitt-Medium.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/CooperHewitt-Medium.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/CooperHewitt-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
  }


  @font-face {
    font-family: 'CooperSemiBold';
    src: url('../fonts/CooperHewitt-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CooperHewitt-Semibold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/CooperHewitt-Semibold.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/CooperHewitt-Semibold.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'CooperBold';
    src: url('../fonts/CooperHewitt-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CooperHewitt-Bold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/CooperHewitt-Bold.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/CooperHewitt-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
  }
  
  a{
    color: #045A9E;
  }

  a:hover{
    color: #045A9E;
  }

  h1{
    text-align: left;
    font: normal normal bold 64px/72px Mukta;
    letter-spacing: 0px;
    color: #081E30;
    text-transform: uppercase;
  }

  h2{
    text-align: left;
font: normal normal bold 32px/40px Mukta;
letter-spacing: 0px;
color: #081E30;
  }

  h3{
    text-align: left;
font: normal normal bold 24px/32px Mukta;
letter-spacing: 0px;
color: #081E30;
  }

  h4{
    text-align: left;
font: normal normal bold 20px/30px Mukta;
letter-spacing: 0px;
color: #081E30;
  }

  h5{
    text-align: left;
font: normal normal bold 17px/26px Mukta;
letter-spacing: 0px;
color: #081E30;
  }

  h6{
    text-align: left;
font: normal normal bold 15px/24px Mukta;
letter-spacing: 0px;
color: #081E30;
  }


  h1.cooper{
    text-align: left;
font: normal normal bold 64px/72px 'CooperBold' !important;
letter-spacing: 0px;
color: #081E30;
text-transform: uppercase;
  }
  h2.cooper{
    text-align: left;
    font: normal normal bold 48px/56px 'CooperBold' !important;
letter-spacing: 0px;
color: #081E30;
text-transform: uppercase;
  }
  h3.cooper{
    text-align: left;
    font: normal normal bold 32px/40px 'CooperBold' !important;
letter-spacing: 0px;
color: #081E30;
text-transform: uppercase;
  }
  h4.cooper{
    text-align: left;
    font: normal normal bold 28px/40px 'CooperBold' !important; 
letter-spacing: 0.77px;
color: #081E30;
text-transform: uppercase;
  }
  h5.cooper{
    text-align: left;
font: normal normal bold 24px/36px 'CooperBold' !important;
letter-spacing: 0.67px;
color: #081E30;
text-transform: uppercase;
  }
  h6.cooper{
    text-align: left;
font: normal normal bold 20px/32px 'CooperBold' !important;
letter-spacing: 0.58px;
color: #081E30;
text-transform: uppercase;
  }

  .width-100{
    width: 100%;
  }

input{
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  border: 1px solid #DEE1E3 !important;
height: 44px !important;
border-radius: 0px !important;
}

select{
  position: relative;
  width: 380px;
  max-width: 380px;
  background: #FFFFFF 0% 0% no-repeat padding-box !important;  
border: 1px solid #DEE1E3 !important;  
border-radius: 2px !important;  
height: 44px !important;  
-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   padding-left: 16px;
}

.custom-s{
  position: relative;
  float: left;
}

.custom-s span{
  position: absolute;
  background: url('../img/angle-down-select.svg') no-repeat;
  width: 6px;
  height: 4px;
  right: 20px;
  top: 20px;
  pointer-events:none;
}

.light{
  font-weight: normal;
}

.blockquote{
  margin-top: 100px;
  position: relative;
}

.blockquote::before{
  content: '';
  position: absolute;
  top: -40px;
  left: calc(50% - 44px);
  width: 48px;
height: 32px;
background: url('../img/quote.svg') no-repeat;
}

blockquote{
  margin-top: 100px;
  position: relative;
}

blockquote::before{
  content: '';
  position: absolute;
  top: -40px;
  left: calc( 50% - 44px ) !important;
  width: 48px;
height: 32px;
background: url('../img/quote.svg') no-repeat;
}

blockquote h4{
  color: #081E30;
font: normal normal normal 20px/30px Mukta;
text-align: center;
padding-top: 20px;
position: relative;
}

blockquote h4::before {
  left: calc(50% - 16px) !important;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 32px;
  height: 4px;
  background: #081E30;
}
blockquote h5{
  text-align: center;
}
blockquote h6{
  font: normal normal bold 17px/26px Mukta;
letter-spacing: 0px;
color: #081E30;
text-align: center;
}


.form-control:focus{
  box-shadow: none !important;
}

.text-upper{
  text-transform: uppercase;
}
/* buttons */

.back-btn{
  float: left;
  position: relative;
}

.back-btn i{
  float: left;
  position: relative;
  margin-right: 15px;
  margin-top: 7px;
}

.back-btn span{
  float: left;
  position: relative;
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
}


.tzs-btn-b{
  padding: 12px 20px 12px 15px;
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  background: transparent;
}

.tzs-btn-b i{
  margin-right: 15px;
}

.tzs-btn-no-border{
  border: 0px;
  padding: 12px 20px 12px 15px;
  border-radius: 2px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  background: transparent;
  color: #045A9E;
}

.tzs-btn-no-border i{
  margin-right: 15px;
}


.tzs-btn-b.borderB:hover{
  text-decoration: none;
  background: #045A9E 0% 0% no-repeat padding-box;
border: 1px solid #045A9E;
color: #FFF;

}

.borderB{
  border: 1px solid #045A9E;
}

.colorB{
  color: #045A9E;
}

.colorW{
  color: #FFF !important;
}

.tzs-btn-b.colorW:hover{
  background: #FFF;
  color: #045A9E !important;
}

.tzs-btn-b.colorW:hover i{
  background: url('../img/arrow-right-green.svg') no-repeat !important;
}

.grid-item.listevents .allevents a:hover{
  background: #FFF;
  color: #045A9E !important;
}

.grid-item.listevents .allevents a:hover i{
  background: url('../img/arrow-right-green.svg') no-repeat !important;
}

.no-border{
  border: 0px;
}

/* ICONS*/
.tzs-icon-file-b{
  display: inline-block;
  background: url('../img/file-download-alt.svg') no-repeat;
  width: 18px;
height: 20px;
}
.tzs-icon-back{
  display: inline-block;
  background: url('../img/arrow-left-back.svg') no-repeat;
  width: 24px;
height: 12px;
}

.tzs-icon-back-blue{
  display: inline-block;
  background: url('../img/arrow-left-blue.svg') no-repeat;
  width: 24px;
height: 12px;
}

.tback-btn{
  cursor: pointer;
}

.tzs-icon-arrow-d-g{
  background: url('../img/arrow-down-green.svg') no-repeat;
  display: inline-block;
  width: 12px;
  height: 12px;
}

.tzs-icon-search{
  background: url('../img/search.svg') no-repeat;
  display: inline-block;
  width: 20px;
height: 20px;
}


.tzs-icon-arrow-r-b{
  background: url('../img/arrow-right-blue.svg') no-repeat;
  display: inline-block;
  width: 24px;
height: 12px;
}

.tzs-icon-shopping-cart{
  background: url('../img/shopping-cart.svg') no-repeat;
  display: inline-block;
  width: 24px;
height: 24px;
float: left;
}


.tzs-icon-arrow-r-w{
  background: url('../img/arrow-right-white.svg') no-repeat;
  display: inline-block;
  width: 24px;
height: 12px;
}

.tzs-icon-arrow-r-g{
  background: url('../img/arrow-right-green.svg') no-repeat;
  display: inline-block;
  width: 24px;
height: 12px;
}

.tzs-icon-save{
  background: url('../img/save.svg') no-repeat;
  display: inline-block;
  width: 16px;
height: 16px;
}

.tzs-icon-calendar{
  background: url('../img/calender-white.svg') no-repeat;
  display: inline-block;
  width: 20px;
height: 20px;
}

.tzs-icon-calendar-g{
  background: url('../img/calender-green.svg') no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.tzs-icon-grb{
  background: url('../img/tzs_grb.svg') no-repeat;
  display: inline-block;
  width: 34px;
height: 29px;
}

.tzs-icon-location-g{
  background: url('../img/map-marker-green.svg') no-repeat;
  display: inline-block;
  width: 13px;
  height: 16px;
}

.btn-add-vode{
  background: url('../img/thumbs-up.svg') no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
}

/* Colors: */
:root {
--unnamed-color-425360: #425360;
--unnamed-color-ffffff: #FFFFFF;
--unnamed-color-203343: #203343;
--unnamed-color-f3f4f5: #F3F4F5;
--unnamed-color-081e30: #081E30;
--unnamed-color-838e97: #838E97;
--unnamed-color-b7bdc3: #B7BDC3;
--unnamed-color-dee1e3: #DEE1E3;
--unnamed-color-045a9e: #045A9E;
--unnamed-color-74c063: #74C063;
--unnamed-color-00b1ef: #00B1EF;

/* Font/text values */
--unnamed-font-family-mukta: 'Mukta', sans-serif;
--unnamed-font-family-cooper-hewitt: 'CooperBold';
--unnamed-font-style-normal: normal;
--unnamed-font-weight-bold: bold;
--unnamed-font-weight-normal: normal;
--unnamed-font-size-17: 17px;
--unnamed-font-size-24: 24px;
--unnamed-font-size-28: 28px;
--unnamed-font-size-32: 32px;
--unnamed-font-size-48: 48px;
--unnamed-font-size-64: 64px;
--unnamed-character-spacing-0: 0px;
--unnamed-character-spacing-0-58: 0.58px;
--unnamed-character-spacing-0-67: 0.67px;
--unnamed-character-spacing-0-77: 0.77px;
--unnamed-line-spacing-26: 26px;
--unnamed-line-spacing-32: 32px;
--unnamed-line-spacing-36: 36px;
--unnamed-line-spacing-40: 40px;
--unnamed-line-spacing-56: 56px;
--unnamed-line-spacing-72: 72px;
--unnamed-text-transform-uppercase: uppercase;
}

/* Character Styles */
.unnamed-character-style-1 {
font-family: var(--unnamed-font-family-cooper-hewitt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-24);
line-height: var(--unnamed-line-spacing-32);
letter-spacing: var(--unnamed-character-spacing-0-58);
color: var(--unnamed-color-ffffff);
text-transform: var(--unnamed-text-transform-uppercase);
}
.unnamed-character-style-2 {
font-family: var(--unnamed-font-family-mukta);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-32);
line-height: var(--unnamed-line-spacing-40);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-081e30);
}
.unnamed-character-style-3 {
font-family: var(--unnamed-font-family-mukta);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-17);
line-height: var(--unnamed-line-spacing-26);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-425360);
}
.unnamed-character-style-4 {
font-family: var(--unnamed-font-family-mukta);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-24);
line-height: var(--unnamed-line-spacing-32);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-081e30);
}
.unnamed-character-style-5 {
font-family: var(--unnamed-font-family-cooper-hewitt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-32);
line-height: var(--unnamed-line-spacing-40);
letter-spacing: var(--unnamed-character-spacing-0-77);
color: var(--unnamed-color-081e30);
text-transform: var(--unnamed-text-transform-uppercase);
}
.unnamed-character-style-6 {
font-family: var(--unnamed-font-family-cooper-hewitt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-48);
line-height: var(--unnamed-line-spacing-56);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
text-transform: var(--unnamed-text-transform-uppercase);
}
.unnamed-character-style-7 {
font-family: var(--unnamed-font-family-cooper-hewitt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-64);
line-height: var(--unnamed-line-spacing-72);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-081e30);
text-transform: var(--unnamed-text-transform-uppercase);
}
.unnamed-character-style-8 {
font-family: var(--unnamed-font-family-cooper-hewitt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-28);
line-height: var(--unnamed-line-spacing-36);
letter-spacing: var(--unnamed-character-spacing-0-67);
color: var(--unnamed-color-ffffff);
text-transform: var(--unnamed-text-transform-uppercase);
}


/* #Navigation
================================================== */

/* sidebar navigation style 2 */
.left-nav-on .sidebar-part2 .sidebar-middle .sidebar-middle-menu .nav {overflow-x: hidden; display: block;}
.left-nav-sidebar {padding-left: 90px;transition: all 0.3s ease 0s;}
.left-nav {position: fixed; top: 87px; width: auto; left:0; height: 100%; background-color: #081E30; z-index: 99999; transition: all 0.3s ease 0s} 
.sidebar-part2 {padding: 0 0 0 60px; width: 560px; height: 100%; position: fixed; background-color: #081E30; z-index: -1; left: -560px;}
.left-nav-on .sidebar-part2 {left: 0;}
/*.sidebar-part2:before {width: 100%; height: 1px; background-color: #dfdfdf; content: ""; position: absolute;bottom: 75px; left: 0; display: inline-block}*/
.sidebar-part2 .sidebar-middle {padding: 180px 0; height: 100%;}
.sidebar-part2 .sidebar-middle-menu {display: table-cell; height: 100%; width: 100%; vertical-align: middle}
.bottom-menu-icon { width:90px; padding: 22px 30px; text-align: center;}
.sidebar-part2 nav.navbar.bootsnav ul > li > a { display: block; padding: 0; color: #FFF;  margin: 0; position: relative; text-align: left;
  font: normal normal bold 28px/36px 'CooperBold';
  letter-spacing: 0.67px;
  color: #FFFFFFA3;
  text-transform: uppercase;
  opacity: 1;
text-decoration: none; }
.sidebar-part2 nav.navbar.bootsnav ul > li > a > .fas {font-size: 25px; top: 10px; position: absolute; right: 18px;}
.sidebar-part2 nav.navbar.bootsnav ul > li > .second-level > li > a > .fas {font-size: 14px; line-height: 30px;}
.sidebar-part2 ul > li {margin: 0; float: none; padding: 15px 0; width: 100%; position:initial;}
.sidebar-part2 ul li a:hover {background-color: inherit;}
.sidebar-part2 nav.navbar.bootsnav {border-bottom: 0; position: inherit;}
.sidebar-part2 .right-bg {position: fixed; height: 100%; left:0; top: 0; background-color: #fff; width: 90px;}
.sidebar-part2 .right-bg:before { background-color: #dfdfdf;bottom: 75px;content: ""; display: inline-block; height: 1px; left: 0; position: absolute; width: 100%;}
.sidebar-part2 .right-bg img{position: absolute; top: 50%; left: 37px; transform: translateY(-100px); -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px);}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li a {font-size: 14px; line-height: 20px; width: 100%; padding: 15px 0; border-bottom: 1px solid #f0f0f0; color: #939393; font-weight: 500;}
.sidebar-part2 nav.navbar.bootsnav ul li.dropdown > a, .sidebar-nav-style-1 .navbar-left-sidebar li.dropdown > a {padding-right: 40px;}
.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover { background: inherit }
.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a:hover { border-bottom: 0; }
.sidebar-part2 nav.navbar.bootsnav ul li ul li a > i{vertical-align: middle; margin-right: 5px; }
.sidebar-part2 nav.navbar.bootsnav ul li ul li a:hover{color:#FFF}
.sidebar-part2 nav.navbar.bootsnav ul li ul li {margin: 0; padding:0 30px; margin-bottom:28px; width: 100%; word-break: normal;}
.sidebar-part2 nav.navbar.bootsnav ul li ul li.dropdown {border-left: 0;}

.sidebar-part2 nav.navbar.bootsnav ul > li > a:hover{
  color: #FFF;
}

.sidebar-part2 nav.navbar.bootsnav ul > li.dropdown.on > a:before{
  content: '';
  position: absolute;
  height: 4px;
  width: 32px;
  background: #FFF;
  left: 0px;
  top: 12px;
}

.sidebar-part2 nav.navbar.bootsnav ul > li.dropdown.on > a{
  padding-left: 45px;
}

.sidebar-part2 nav.navbar.bootsnav ul li ul li a {text-align: left;
  font: normal normal normal 20px/30px Mukta;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: none;
  opacity: 1; text-decoration: none !important;}
  .sidebar-part2 nav.navbar.bootsnav ul li ul li a:hover{
    text-decoration: none !important;
  }

  .sidebar-part2 nav.navbar.bootsnav ul li ul li:first-child a{
    margin-top: 5px;
    padding-top: 10px;
  }

  .sidebar-part2 nav.navbar.bootsnav ul li ul li:first-child a:before{
    content: '';
    position: absolute;
    top: -10px;
    height: 4px;
    width: 32px;
    background: #FFF;
  }


.sidebar-part2 .dropdown ul.second-level, .sidebar-part2 .dropdown ul.third-level {}

.sidebar-part2 .dropdown ul.second-level {left: 530px; opacity: 0 !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.sidebar-part2 .dropdown.on ul.second-level {opacity:1 !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.sidebar-part2 .dropdown ul.second-level .dropdown ul.third-level {left:650px; opacity: 0 !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.sidebar-part2 .dropdown ul.second-level .dropdown.on ul.third-level {opacity:1 !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}

.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu {box-shadow: none; height: 100%; position: fixed; top: 85px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;  width: auto; padding: 180px 0; background: #081E30;}

.bottom-menu-icon a {font-size: 24px; width: 23px; height: 18px; display: inline-block; position: relative;}
.sidebar-part2 nav.navbar.bootsnav ul.second-level li.active > a, .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active ul li.active  > a {color: #ff214f}

.sidebar-part2 .navbar-collapse.collapse {overflow-y: auto !important;}

.nav-icon span {display: block; position: absolute; height: 2px; width: 23px; background: #232323; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.nav-icon:hover span, .nav-icon.active span { background-color: red }
.nav-icon span:nth-child(1) { top: 0px;}
.nav-icon span:nth-child(2),.nav-icon span:nth-child(3) { top: 8px;}
.nav-icon span:nth-child(4) { top: 16px;}
.nav-icon.active span:nth-child(1) { top: 8px; width: 0%; left: 50%;}
.nav-icon.active span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.nav-icon.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.nav-icon.active span:nth-child(4) {top: 8px; width: 0%; left: 50%;}

nav.navbar.brand-center ul.nav > li > a {padding:26px; margin: 0;}
header.sticky nav.navbar.brand-center ul.nav > li > a {padding: 20px; margin: 0 20px;}

.sidebar-middle ::-webkit-scrollbar, .sidebar-nav-style-1 ::-webkit-scrollbar {-webkit-appearance: none;width: 4px;height: 4px;}
.sidebar-middle ::-webkit-scrollbar-thumb, .sidebar-nav-style-1 ::-webkit-scrollbar-thumb {background-color: #9e9f9f;}
.navbar-collapse, .sub-menu {-webkit-overflow-scrolling:auto; -moz--webkit-overflow-scrolling:auto; -ms--webkit-overflow-scrolling:auto; -o--webkit-overflow-scrolling:auto;}
.left-menu-inner { overflow-y: auto; overflow-x: hidden; }
.nav.navbar-left-sidebar > li > ul li a {display: block; font-weight: 500;}

/* navigation widget */
.menu-wrap .widget {display: inline-block; width: 100%}

/* new-menu page */
.menu-new a:after {background: #ff214f none repeat scroll 0 0; color: #fff; font-size: 9px; margin-left: 8px; padding: 1px 5px 0 5px; line-height: 14px; position: absolute; content: "New"; margin-top: 5px; text-transform: uppercase; }
.nav.navbar-left-sidebar .menu-new a:after {margin-top: 0;}
.sidebar-part2 .menu-new a:after {margin-top: 3px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    nav .accordion-menu { position: static; }
    .left-nav .sidebar-part2 .navbar-expand-lg .navbar-nav { flex-direction: column; }
}



.sidebar-part2 .sidebar-middle {
    padding: 88px 0 20px;
}

header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown > a, .sidebar-nav-style-1 .navbar-left-sidebar li.dropdown > a {
    word-break: break-word;
}

.sidebar-part2 .right-bg img{
    left: 19px;
right: 26px;
top: 41%;
}

.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
    padding: 105px 0;
}

.main{
   margin-top: 183px;
   float: left;
   width: 100%;
   height: 100%;
   position: relative;
   margin-bottom: 200px;
}

.main-nav{
  background: #FFF;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  height: 88px;
  border-bottom: 1px solid #DEE1E3;

  position: fixed;
  float: left;
  width: 100%;
  background: #FFF;
  z-index: 9999;
}

.main-nav .menu-btn{
  background: var(--unnamed-color-045a9e) 0% 0% no-repeat padding-box;
  height: 88px;
  width: 88px;
  position: absolute;
  left: 0px;
  top: 0px;
  /*padding: 32px 24px;*/
  padding: 10px 8px;
}

.left-nav-on .main-nav .menu-btn{
  background: var(--unnamed-color-74c063) 0% 0% no-repeat padding-box;
}

.main-nav .menu-btn .meniSpan{
  position: absolute;
  top: 35px;
  right: -53px;
  font: normal normal bold 20px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
z-index: 100;
}

.main-nav .menu-btn .meniSpan.closeMeni{
  right: -104px;
}

.main-nav .menu-socials-search {
  position: absolute;
  right: 0px;
  top: 0px;
}

.main-nav .menu-socials-search .search{
  float: left;
  border-left: 1px solid #DEE1E3;
  border-right: 1px solid #DEE1E3;
  margin-right: 20px;
}
.main-nav .menu-socials-search .search{
  padding: 34px 32px;
}

.main-nav .menu-socials-search ul.h-socials{
float: left;
padding-left: 0px;
list-style-type: none;
margin-right: 24px;
margin-top: 33px;
}

.main-nav .menu-socials-search ul.h-socials li{
  float: left;
  margin-right: 10px;
}

.main-nav .menu-socials-search ul.h-socials li a{
 
}

.site-selector {
  position: fixed;
  width: 100%;
  z-index: 9999;
  border-bottom: thin solid white;
}

.site-selector .sites {
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-selector .sites .site {
  text-align: center;
  font-weight: bold;
  width: 100%;
  font-size: 13px;
  padding: 5px 0;
  color: white;
  background-color: #b1b1b1;
}

.site-selector .sites .site a {
  color: white;
}

.site-selector .sites .site.selected {
  background-color: #045A9E;
}

.logo {
  align-items: center;
  gap: 25px;
}

.logo span{
  background: url('../img/tzs_logo.svg') no-repeat;
  width: 348px;
  height: 58px;
  display: inline-block;
}

.logo .logo-wrapper {
  position: relative;
}

.logo .logo-wrapper::before {
  content: " ";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #045A9E;
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
}

.logo .logo-img-mobile {
  max-width: 100%;
}

.homeSlider{
  float: left;
  width: 100%;
  position: relative;
  margin-top: 88px;
}

.homeSlider .slider-paggination-home{
  float: left;
  max-width: 88px;
  width: 100%;
  position: relative;
  height: 100%;
}

.homeSlider .slider-cpagination{
  position: absolute;
  bottom: 0px;
  width: 32px;
  left: 25px;
}

.homeSlider .slider{
  float: left;
  width: calc(100% - 88px);
  max-height: 500px;
  position: relative;
  overflow: hidden;
}

.homeSlider .slider img{
  height: 500px;
  object-fit: cover;
}

.homeSlider .sliderBg{
   height: 500px;
   background-size:cover !important;
   background-position:center !important;
   position: relative;
   z-index: 1;
}

.homeSlider .swiper-slide h4{
  color: #FFF;
}

.homeSlider .swiper-slide h2{
  color: #FFF;
  font: normal normal bold 40px/50px 'CooperBold' !important;
}

.homeSlider .swiper-slide a{
  color: #FFF;
}

.swiper-custom-prev, .swiper-custom-next{
  width: 32px;
  height: 32px;
  border: 1px solid #DEE1E3;
  border-radius: 50%;
  position: relative;
  float: left;
}

.swiper-custom-prev:after{
  content: '';
  background: url('../img/swiper-left.svg') no-repeat;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 12px;
height: 12px;
}

.swiper-custom-next:after{
  content: '';
  background: url('../img/swiper-right.svg') no-repeat;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 12px;
height: 12px;
}

.swiper-current-page{
  width: 24px;
height: 24px;
border: 1px solid #045A9E;
border-radius: 50%;
padding-left: 8px;
padding-top: 0px;
font-size: 12px;
margin-left: 3px;
margin-top: 16px;
margin-bottom: 16px;
float: left;
}

.swiper-move-dots{
  float: left;
width: 10px;
margin-left: 10px;
margin-bottom: 11px;
}

.swiper-all-dots{
  float: left;
width: 10px;
margin-left: 10px;
margin-bottom: 11px;
}

.swiper-progress-bar{
  float: left;
  width: 1px;
  margin-left:14px;
  height: 112px;
  background: #DEE1E3;
  margin-bottom: 10px;
  position: relative;
}

.swiper-progress-bar span{
  content: '';
  width: 1px;
  background: #045A9E;
  position: absolute;
  left: 0px;
}

.swiper-all-dots span, .swiper-move-dots span{
  float: left;
  width: 8px;
height: 8px;
background: #DEE1E3 0% 0% no-repeat padding-box;
margin-bottom: 5px;
border-radius: 50%;
}

/* SWIPER GALLERY */
.slider-paggination-gallery{
  float: left;
  width: 100%;
  position: relative;
  height: 100%;
  text-align: center;
}

.slider-gpagination{
  margin: 0 auto;
display: inline-block;
}

.swiper-gallery-prev, .swiper-gallery-next{
  width: 32px;
  height: 32px;
  border: 1px solid #DEE1E3;
  border-radius: 50%;
  position: relative;
  float: left;
}

.swiper-gallery-prev:after{
  content: '';
  background: url('../img/swiper-right-white.svg') no-repeat;
  position: relative;
  width: 12px;
height: 12px;
position: absolute;
top: 10px;
left: 10px;
}

.swiper-gallery-next:after{
  content: '';
  background: url('../img/swiper-left-white.svg') no-repeat;
  width: 12px;
height: 12px;
position: absolute;
top: 10px;
left: 10px;
}

.swiper-gallery-current-page{
  width: 24px;
height: 24px;
border: 1px solid #FFF;
border-radius: 50%;
padding-left: 2px;
padding-top: 0px;
font-size: 12px;
margin-left: 12px;
float: left;
color: #FFF;
margin-top: 4px;
}

.swiper-gallery-move-dots{
  float: left;
margin-left: 10px;
margin-top: 13px;
}

.swiper-gallery-all-dots{
  float: left;
margin-left: 10px;
margin-top: 13px;
margin-right: 10px;
}

.swiper-gallery-progress-bar{
  float: left;
  height: 1px;
  margin-left:20px;
  width: 112px;
  background: #FFFFFF66;
  margin-top: 17px;
  position: relative;
}

.swiper-gallery-progress-bar span{
  content: '';
  width: 1px;
  background: #FFF;
  position: absolute;
  left: 0px;
}

.swiper-gallery-all-dots span, .swiper-gallery-move-dots span{
  display: inline-block;
  width: 8px;
height: 8px;
background: #FFFFFFA3 0% 0% no-repeat padding-box;
margin-bottom: 5px;
border-radius: 50%;
margin-right: 5px;
}
/**/

/**
SWIPER PROJECT
**/
.slider-paggination-project{
  float: left;
  width: 100%;
  position: relative;
  height: 100%;
  text-align: center;
}

.slider-ppagination{
  margin: 0 auto;
display: inline-block;
}

.swiper-project-prev, .swiper-project-next{
  width: 32px;
  height: 32px;
  border: 1px solid #DEE1E3;
  border-radius: 50%;
  position: relative;
  float: left;
}

.swiper-project-prev:after{
  content: '';
  background: url('../img/swiper-right-white.svg') no-repeat;
  position: relative;
  width: 12px;
height: 12px;
position: absolute;
top: 10px;
left: 10px;
}

.swiper-project-next:after{
  content: '';
  background: url('../img/swiper-left-white.svg') no-repeat;
  width: 12px;
height: 12px;
position: absolute;
top: 10px;
left: 10px;
}

.swiper-project-current-page{
  width: 24px;
height: 24px;
border: 1px solid #FFF;
border-radius: 50%;
padding-left: 2px;
padding-top: 0px;
font-size: 12px;
margin-left: 12px;
float: left;
color: #FFF;
margin-top: 4px;
}

.swiper-project-move-dots{
  float: left;
margin-left: 10px;
margin-top: 13px;
}

.swiper-project-all-dots{
  float: left;
margin-left: 10px;
margin-top: 13px;
margin-right: 10px;
}

.swiper-project-progress-bar{
  float: left;
  height: 1px;
  margin-left:20px;
  width: 112px;
  background: #FFFFFF66;
  margin-top: 17px;
  position: relative;
}

.swiper-project-progress-bar span{
  content: '';
  width: 1px;
  background: #FFF;
  position: absolute;
  left: 0px;
}

.swiper-project-all-dots span, .swiper-project-move-dots span{
  display: inline-block;
  width: 8px;
height: 8px;
background: #FFFFFFA3 0% 0% no-repeat padding-box;
margin-bottom: 5px;
border-radius: 50%;
margin-right: 5px;
}
/**/
.homeList{
  float: left;
  width: 100%;
  position: relative;
  margin-top: 65px;
}



.listGrid{
  float: left;
  width: 100%;
  position: relative;
}

.homeList .grid, .novice .results .grid {
  display: grid;
  grid-gap: 23px;
  grid-template-columns: repeat(auto-fill, minmax(408px,408px));
  grid-auto-rows: 28px;
  border-bottom: 1px solid #DEE1E3;
  padding-bottom: 32px;
}

/*
.grid-item {
  background-color: #ffffff;
  width: 400px;
  max-width: 400px;
  position: relative;
}
*/

.grid-item  .content{
  float: left;
  width: 100%;
}

.grid-item.news{
  border: 1px solid #DEE1E3;
}

.grid-item.news h6{
  margin-top: 15px;
  padding-top: 0px;
  font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
float: left;
width: 100%;
}

.grid-item.news h4{
  text-align: left;
font: normal normal bold 24px/32px Mukta;
letter-spacing: 0px;
color: #081E30;
float: left;
width: 100%;
}

.grid-item.news .desc{
  float: left;
width: 100%;
padding: 10px 25px 5px 25px;
}

.grid-item.news .more{
  position: relative;
  float: left;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.grid-item.news .more .date{
  float: left;
  text-align: left;
font: normal normal normal 15px/24px Mukta;
letter-spacing: 0px;
color: #838E97;
text-transform: uppercase;
}

.grid-item.news .more .btn-more{
  float: right;
}

.grid .photothumb{
  width: 100%;
}

.homeWanderings{
  border-top: 1px solid var(--unnamed-color-dee1e3);
  padding-top: 32px;
}

/*
.desc img{
  width: 50%;
  margin: 0 10px 10px 0;
  float: left;
}
*/

.dropdown-menu{
  border: 0px;
}

.grid-item.potepanja .content{
  height: 478px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
padding: 24px;
}

.grid-item.potepanja .content:after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #0000007A 0% 0% no-repeat padding-box;
  z-index: -1;
}

.grid-item.potepanja .content .category{
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
}
.grid-item.potepanja .content .category h6{
  color: #fff;
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #FFFFFF;
float: left;
width: 100%;
}

.grid-item.potepanja .content .name{
  float: left;
  width: 100%;
  text-align: left;
font: normal normal bold 24px/32px Mukta;
letter-spacing: 0px;
color: #FFFFFF;
}

.grid-item.potepanja .content .name h4{
  color:#FFF;
  font: normal normal bold 24px/32px Mukta;
}

.grid-item.potepanja .content .more{
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
  width: calc(100% - 48px);
}

.grid-item.potepanja .content .more .date{
  float: left;
  text-align: left;
font: normal normal normal 15px/24px Mukta;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 0.72;
}

.grid-item.potepanja .content .more .btn-more{
  float: right;
}

h6.bt{
  padding-top: 15px;
  position: relative;
}

h6.bt:before{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 32px;
height: 4px;
background: #FFF;
}

.bt20{
  padding-top: 20px;
  position: relative;
}

.btb:before{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 32px;
height: 4px;
background: #081E30;
}

.btb.text-center::before{
  left: calc(50% - 16px);
}

.btw:before{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 32px;
height: 4px;
background: #FFF;
}

.btg:before{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 32px;
height: 1px;
background: #DEE1E3;  
}

.btgr:before{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 32px;
height: 1px;
background: #74C063;
}

.grid-item.listevents{
  min-height: 905px;
}

.grid-item.listevents .content{
  padding: 24px;
  background: #045A9E 0% 0% no-repeat padding-box;
border: 1px solid #045A9E;
position: relative;
float: left;
width: 100%;
}

.grid-item.listevents .heading span{
  float: left;
  width: 100%;
  position: relative;
}

.grid-item.listevents .heading span
{
  font: normal normal bold 32px/40px 'CooperBold';
letter-spacing: 0.77px;
color: #FFFFFF;
}

.grid-item.listevents .heading span:first-child{
  padding-top: 20px;
  font: normal normal bold 32px/40px 'CooperBold';
letter-spacing: 0.77px;
color: #FFFFFFA3;
text-transform: uppercase;
}

.grid-item.listevents .heading span:first-child:before{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 32px;
height: 4px;
background: #FFF;
}

.grid-item.listevents .heading{
  float: left;
  position: relative;
  width: 100%;
}

.grid-item.listevents .events{
  float: left;
  position: relative;
  width: 100%;
  margin-top: 45px;
}

.grid-item.listevents .events .event{
  float: left;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #FFFFFFA3;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.grid-item.listevents .events .event .icon{
    padding: 14px 14px 8px 14px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 8px;
float: left;
width: 48px;
height: 48px;
}

.grid-item.listevents .events .event .desc{
  float: left;
  position: relative;
  margin-left: 24px;
  width: calc(100% - 72px);
  padding:0px;
}

.grid-item.listevents .events .event .desc h4, .grid-item.listevents .events .event .desc h4 a{
  text-align: left;
font: normal normal bold 24px/32px Mukta;
letter-spacing: 0px;
color: #FFFFFF;
float: left;
width: 100%;
position: relative;
/*min-height: 96px;*/
}

.grid-item.listevents .events .event .desc p{
  float: left;
  position: relative;
  width: 100%;
}

.grid-item.listevents .events .event .desc p span{
  float: left;
  margin-right: 12px;
  margin-top: 4px;
}

.grid-item.listevents .events .event .desc p
{
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 10px;
}

.grid-item.listevents .events .event .desc p.date
{
  text-transform: uppercase;
}

.grid-item.listevents .allevents{
  float: left;
  position: relative;
  width: 100%;
  margin-top: 35px;
  margin-bottom: 25px;
}

.grid-item.listevents .allevents a
{
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #FFFFFF;
text-decoration: none;
}
.grid-item.listevents .allevents a i{
  margin-right: 10px;
}

/* PRESIDENT */
.grid-item.president .content{
  height: 478px;
  float: left;
  width: 100%;
  overflow: hidden;

position: relative;
z-index: 1;
padding: 24px;
background: #081E30 0% 0% no-repeat padding-box;
background-image: url('../img/hevka.png') no-repeat;
}

.grid-item.president .content:after{
  content: '';
  background: url('../img/vzorec.svg');
  width: 100%;
height: 286px;
position: absolute;
bottom: 0px;
left: 0px;
z-index: -1;
}

.grid-item.president .content .category{
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
}
.grid-item.president .content .category h6{
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #74C063;
float: left;
width: 100%;
}

.grid-item.president .content .name{
  float: left;
  width: 100%;
  text-align: left;
font: normal normal bold 24px/32px Mukta;
letter-spacing: 0px;
color: #FFFFFF;
}

.grid-item.president .content .name h4{
  color:#FFF;
  font: normal normal bold 24px/32px Mukta;
}

.grid-item.president .content .more{
  float: left;
  width: 100%;
  margin-top: 20px;
}

.grid-item.president .content .more .date{
  float: left;
  text-align: left;
  font: normal normal normal 15px/24px Mukta;
  letter-spacing: 0px;
  color: #B7BDC3;
  text-transform: uppercase;
}

.grid-item.president .content .more .btn-more{
  float: right;
}

.grid-item.president .content .img{
  float: right;
  width: 100%;
  margin-top: 36px;
  margin-right: -24px;
}

.homeList .buttons{
  float: left;
  width: 100%; 
  margin-top: 32px;
  margin-bottom: 30px;
  border-top: 1px solid var(--unnamed-color-dee1e3);
  padding-top: 32px;
}

.homeList .buttons{
  
}

.homeList .buttons a{
  border: 1px solid #045A9E;
border-radius: 2px;
margin-right: 32px;
padding: 12px 24px 12px 15px;
}

.homeProjects{
  float: left;
  width: 100%;
  position: relative;
  margin-top: 50px;
}

.homeProjects a{
  display: block;
  width: 100%;
  height: 100%;
}

.homeProjects h1{
  float: left;
  width: 100%;
  position: relative;

  font: normal normal bold 64px/72px 'CooperBold';
letter-spacing: 0px;
color: #081E30;
text-transform: uppercase;
}

.homeProjects p{
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
float: left;
width: 100%;
margin-top: 20px;
}

.homeProjects .buttons{
  float: left;
  width: 100%;
  margin-top: 20px;
}

.homeProjects .projectslist{
   width: 63%;
   height: 100%;
   position: absolute;
   right: 0px;
   top: 0px;
  background: #045A9E url('../img/bg-projects.svg') no-repeat;
  padding-top: 24px;
  padding-left: 24px;
  padding-bottom: 24px;
  min-height: 600px;
  overflow: hidden;
}

.homeProjects .heading{
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #FFFFFFA3;
float: left;
width: 100%;
}

.homeProjects .projectSliderContainer{
  float: left;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 100px;
}

.homeProjects .projectSliderContainer .project{
  width: 300px;
  height: 220px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 8px 16px 32px #00000029;
border: 1px solid #F3F4F5;
}

.homeProjects .swiper-container {
  width: 100%;
  height: 220px;
  margin: 20px auto;
}

.homeProjects .swiper-slide {
  background: #fff;
  /* Center slide text vertically */
 /* display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; */
  padding: 16px 24px;

}

.homeProjects .swiper-slide .pLogo{
  float:left;
  width: 100%;
}

.homeProjects .swiper-slide .pTitle{
  float:left;
  width: 100%;
  text-align: left;
font: normal normal bold 24px/32px Mukta;
letter-spacing: 0px;
color: #081E30;
margin-top: 20px;
}

.homeProjects .swiper-slide .pMore{
  float:left;
  width: 100%;
  margin-top: 20px;
}

.homeProjects .swiper-slide .pMore .date{
  float: left;
  text-align: left;
font: normal normal normal 15px/24px Mukta;
letter-spacing: 0px;
color: #838E97;
text-transform: uppercase;
}

.homeProjects .swiper-slide .pMore .btn-more{
  float: right;
}

.homeTuristic{
  float: left;
  width: 100%;
  position: relative;
  max-height: 400px;
  height: 400px;
  margin-top: 300px;
}

.heroElement {
  position: relative;
  float: left;
  width: 100%;
}

.hero-image {
  background-image: url("../img/hero-bg.jpg");
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.mt-m-280{
  margin-top: -320px;
}

.mt-128{
  margin-top: 128px;
}

.mt-64{
  margin-top: 64px;
}

.mt-48{
  margin-top: 48px;
}

.mt-32{
  margin-top: 32px;
}

.mt-24{
  margin-top: 24px;
}

.mt-96{
  margin-top: 48px;
}

.mt-80{
  margin-top: 80px;
}

.mr-24{
    margin-right: 24px;
}


.pb-200{
  padding-bottom: 200px;
}

.mb-200{
  margin-bottom: 200px;
}

.padd-top-228{
  padding-top: 228px;
}

.homeTuristic .turisticContainer{
  padding: 64px 46px;
  float: left;
  position: relative;
  width: 100%;
 
}

.homeTuristic .turisticContainer .wrapper{
  padding: 64px;
  float: left;
  position: relative;
  width: 100%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DEE1E3;
}

.homeTuristic .turisticContainer h3{
  float: left;
  position: relative;
  width: 100%;
  text-transform: uppercase;
}

.homeTuristic .turisticContainer h3 span{
  float: left;
  position: relative;
  width: 100%;
  font: normal normal bold 32px/40px 'CooperBold';
letter-spacing: 0.77px;
color: #081E30;
}

.homeTuristic .turisticContainer h3 span:first-child{
  font: normal normal bold 32px/40px 'CooperBold';
letter-spacing: 0.77px;
color: #081E30A3;
}

.homeTuristic .turisticContainer p{
  float: left;
  position: relative;
  width: 100%;
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
margin-top: 25px;
}

.homeTuristic .turisticContainer a{
  float: left;
  margin-top: 32px;
}

.advertise{
  float: left;
  width: 100%;
  margin-top: 550px;
  margin-bottom: 50px;
}

.advertise .wrapper{
  float: left;
  position: relative;
  width: 100%;
}

.publications{
  float: left;
  width: 100%;
  position: relative;
  margin-top: 120px;
  margin-bottom: 100px;
}

.publications h1{
  text-align: left;
font: normal normal bold 64px/72px 'CooperBold';
letter-spacing: 0px;
color: #081E30;
text-transform: uppercase;
}

.mt-64{
  margin-top: 64px;
}

.mt-50{
  margin-top: 50px;
}

.publications .wrapper{
  float: left;
  width: 100%;
  position: relative;
}

.publications .wrapper .imageL{
  float: left;
  position: relative;
  max-width: 246px;
}

.publications .wrapper .image{
  float: left;
  position: relative;
  width: 100%;
}

.publications .wrapper .desc{
  float: left;
  width: calc(100% - 246px);
  position: relative;
  margin-top: 147px;
  padding: 10px 25px 5px 25px;
}

.publications .wrapper .desc.full{
  float: left;
  width: 100%;
  position: relative;
  margin-top: 32px;
}

.publications .wrapper .desc h3{
  text-align: left;
font: normal normal bold 32px/40px 'CooperBold';
letter-spacing: 0.77px;
color: #081E30;
text-transform: uppercase;
float: left;
width: 100%;
position: relative;
}

.publications .wrapper .desc p{
  float: left;
width: 100%;
position: relative;
text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
margin-top: 10px;
}


.publications .wrapper .desc a{
  float: left;
  margin-right: 15px;
  margin-top: 20px;
}

.bgBlue{
 
  background: #003571 url('../img/card-mask.svg') no-repeat;
}
.bgGreen{
  background: #0D7510 url('../img/newsletter-mask.svg') no-repeat;
}



footer{
  float: left;
  width: 100%;
  position: relative;
}

footer .sectionConnections{
  float: left;
  width: 100%;
  position: relative;
  background: #203343 0% 0% no-repeat padding-box;
  padding-top: 120px;
}

.homeMembership.membership{
  float: left;
  width: 100%;
  position: relative;
  margin-top: 0px;
  z-index: 10;
  margin-bottom: -120px;
}

.homeMembership.membership .wrapper{
  float: left;
  width: 100%;
}

.homeMembership.membership .wrapper .desc{
  float: left;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.homeMembership.membership .wrapper .desc h4, .homeMembership.membership .wrapper .desc h4 span{
  float: left;
  width: 100%;
  position: relative;
  font: normal normal bold 28px/36px 'CooperBold';
letter-spacing: 0.67px;
text-transform: uppercase;
color:#FFF;
}

.homeMembership.membership .wrapper .desc h4 span{
  text-align: left;
font: normal normal bold 28px/36px 'CooperBold';
letter-spacing: 0.67px;
color: #FFFFFF;
text-transform: uppercase;
}

.homeMembership.membership .wrapper .desc h4 span:first-child{
  text-align: left;
  font: normal normal bold 28px/36px 'CooperBold';
  letter-spacing: 0.67px;
  color: #FFFFFFA3;
}
footer .sectionConnections .conn{
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
}

footer .sectionConnections .conn h6{
  float: left;
  width: 100%;
  position: relative;
  text-align: left;
font: normal normal bold 20px/30px 'CooperBold';
letter-spacing: 0.48px;
color: #FFFFFF;
text-transform: uppercase;
}

footer .sectionConnections .conn img{
  float: left;
  margin-top: 25px;
}

footer .sectionConnections .conn ul, footer .sectionSubfooter ul{
  float: left;
  width: 100%;
  position: relative;
  list-style-type: none;
  padding-left:0px;
  margin-top: 15px;
}

footer .sectionConnections .conn ul li, footer .sectionSubfooter ul li{
  float: left;
  width: 100%;
  padding-left: 20px;
  position: relative;
  margin-bottom: 6px;
}

footer .sectionConnections .conn ul li:before, footer .sectionSubfooter ul li:before{
  content: '';
  position: absolute;
  left: 0px;
  background: url('../img/angle-right.svg');
  width: 6px;
height: 10px;
top: 7px;
}

footer .sectionConnections .conn ul li a, footer .sectionSubfooter ul li a{
  text-align: left;
font: normal normal normal 17px/24px Mukta;
letter-spacing: 0px;
color: #DEE1E3;
float: left;
text-decoration: none;
}

footer .sectionSubfooter{
  float: left;
  width: 100%;
  position: relative;
  background: #081E30 0% 0% no-repeat padding-box;
  padding-top: 88px;
  padding-bottom: 95px;
}

footer .sectionSubfooter h6{
  float: left;
  width: 100%;
  position: relative;
  text-transform: uppercase;
  font: normal normal bold 20px/30px 'CooperBold';
letter-spacing: 0.48px;
color: #FFFFFF;
text-transform: uppercase;

}

footer .sectionSubfooter ul li.location, footer .sectionSubfooter ul li.phone, footer .sectionSubfooter ul li.email{
  padding-left: 30px;
  padding-top: 1px;
}

footer .sectionSubfooter ul li.location:before{
  content: '';
  position: absolute;
  left: 0px;
  background: url('../img/location-white.svg');
  width: 13px;
  height: 16px;
top: 7px;
}

footer .sectionSubfooter ul li.phone:before{
  content: '';
  position: absolute;
  left: 0px;
  background: url('../img/phone-white.svg');
  width: 16px;
  height: 16px;
  top: 7px;
}


footer .sectionSubfooter ul li.email:before{
  content: '';
  position: absolute;
  left: 0px;
  background: url('../img/envelope-white.svg');
  width: 16px;
  height: 13px;
  top: 7px;
}

footer .sectionSubfooter ul li.location{
  margin-bottom: 25px;
}

footer .sectionSubfooter p{
  text-align: left;
  font: normal normal bold 17px/26px Mukta;
  letter-spacing: 0px;
  color: #FFFFFF;
}

footer .sectionSubfooter ul.socials-f {
  margin-top: 0px;
}

footer .sectionSubfooter ul.socials-f li{
  float: left;
  width: unset;
  padding-left: 0px;
  margin-right: 10px;
}
footer .sectionSubfooter ul.socials-f li:before{
  content: unset;
}

footer .sectionCopyright{
  padding-top: 16px;
  padding-bottom: 16px;
  float: left;
  width: 100%;
  position: relative;
  background: #203343 0% 0% no-repeat padding-box;
}

footer .sectionCopyright a.foot-link{
  text-align: left;
  font: normal normal normal 17px/26px Mukta;
  letter-spacing: 0px;
  color: #B7BDC3;
}

footer .sectionCopyright a.tzs-btn-b:hover{
    color:#fff;
}

footer .sectionCopyright span{
  text-align: right;
  font: normal normal normal 17px/26px Mukta;
  letter-spacing: 0px;
  color: #B7BDC3;
  padding-top: 12px;
  float: left;
  width: 100%;
}

footer .sectionCopyright a{
  margin-right: 20px;
  text-decoration: none;
}

.search .header h4{
  text-align: center;
font: normal normal normal 20px/32px Mukta;
letter-spacing: 0px;
color: #045A9E;
margin-bottom: 15px;
float: left;
width: 100%;
}

.search .header h1{
  text-align: center;
font: normal normal bold 64px/72px 'CooperBold';
letter-spacing: 0px;
color: #081E30;
text-transform: uppercase;
float: left;
width: 100%;
}

.search .searchbox span{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.searchInput{
  float: left;
  width: 100%;
  position: relative;
}

.searchInput button{
  border: 0px !important;
  background: transparent !important;
  position: absolute;
  right: 10px;
  top: 10px;
}

.showing{
  margin-top: 20px;
}

.showing .showOptions{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.showing .showOptions a{
  padding: 8px 20px;
  text-decoration: none;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #F3F4F5 0% 0% no-repeat padding-box;
border-radius: 200px;
text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
}

.showing .showOptions a.active{
  background: #045A9E 0% 0% no-repeat padding-box;
  color: #FFFFFF;
}

.search .results .category{
  float: left;
  width: 100%;
  position: relative;
  margin-top: 64px;

}

.search .results .category .catName{
  margin-bottom: 32px;
  float: left;
  width: 100%;
}

.search .results .category .result{
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #DEE1E3;
float: left;
width: 100%;
position: relative;
padding: 24px;
margin-bottom: 16px;
}

.search .results .category .result .cType{
  font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
text-align: left;
float: left;
width: 100%;
position: relative;
}

.search .results .category .result h3{
  margin-top: 15px;
}

.search .results .category .result h3, .search .results .category .result h3 a{
  text-decoration: none;
  text-align: left;
font: normal normal bold 24px/32px Mukta;
letter-spacing: 0px;
float: left;
width: 100%;
position: relative;
color: #081E30;

}

.search .results .category .result p{
  text-align: left;
font: normal normal normal 15px/24px Mukta;
letter-spacing: 0px;
color: #425360;
float: left;
width: 100%;
position: relative;
margin-top: 15px;
}


.mb-20{
  margin-bottom: 32px;
}
.potepanja .item.potepanja .content{
  height: 478px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
padding: 24px;
}

.potepanja .item.potepanja .content a{
  display: block;
  width: 100%;
  height: 100%;
}

.potepanja .item.potepanja .content:after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #0000007A 0% 0% no-repeat padding-box;
  z-index: -1;
}

.potepanja .item.potepanja .content .category{
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
}
.potepanja .item.potepanja .content .category h6{
  color: #fff;
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #FFFFFF;
float: left;
width: 100%;
}

.potepanja .item.potepanja .content .name{
  float: left;
  width: 100%;
  text-align: left;
font: normal normal bold 24px/32px Mukta;
letter-spacing: 0px;
color: #FFFFFF;
}

.potepanja .item.potepanja .content .name h4{
  color:#FFF;
}

.potepanja .item.potepanja .content .more{
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
  width: calc(100% - 48px);
}

.potepanja .item.potepanja .content .more .date{
  float: left;
  text-align: left;
font: normal normal normal 15px/24px Mukta;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 0.72;
}

.potepanja .item.potepanja .content .more .btn-more{
  float: right;
}

.novice .filter {
}

.novice .filter p{
 float: left;
 text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
width: unset;
margin-right: 10px;
margin-top: 10px;
}

.novice .filter select{
  float: left;
  max-width: 200px;
 
}

.novice .loadMoreBtn{
  border-top: 1px solid var(--unnamed-color-dee1e3);
  padding-top: 24px;
}

.sin-news{
  background-image: url('../img/turisticna-zveza-bg-right.svg');
background-position: top 7% right;
background-repeat: no-repeat;
width: 100%;
height: 100%;
float: left;
}

.dogodki .calendar{
  margin-top: 48px;
}

.dogodki .search-filter{
  margin-top: 32px;
}

.dogodki .search-filter span{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.grid-mansory {
  max-width: 1300px;
  counter-reset: grid-item;
}

*{
  box-sizing: border-box;
}


/* clearfix */
.grid-mansory:after {
  content: '';
  display: block;
  clear: both;
}

.grid-item {
  max-width: 410px;
  /*width: 100%;*/
  float: left;
  /* vertical gutter */
  margin-bottom: 20px;
}

.grid-item.event{
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #DEE1E3;
}

.grid-mansory .event .head{
  background: #045A9E url('../img/vzorec_dogodek.svg') no-repeat;
  float: left;
  width: 100%;
  height: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
}

.grid-mansory .event .head.tda{
  background: #EEF7FF url('../img/vzorec_dogodek_navaden.svg') no-repeat;
  float: left;
  width: 100%;
  height: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
}

.grid-mansory .event .icon{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto;
  padding: 11px 5px 9px 8px;
  border-radius: 8px;
}

.grid-mansory .event .head.tda .icon{
  padding: 14px 14px 8px 14px;
}

.grid-mansory .event .icon i{
  float: left;

}

.grid-mansory .event .content{
  float: left;
  width: 100%;
  padding: 12px 24px 24px 12px;
}

.grid-mansory .event .content .cat{
  text-align: left;
  font: normal normal normal 17px/26px Mukta;
  letter-spacing: 0px;
  color: #045A9E;
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}

.grid-mansory .event .content h3{
  float: left;
  position: relative;
  width: 100%;
}

.grid-mansory .event .content ul{
  list-style-type: none;
  float: left;
  width: 100%;
  position: relative;
  padding-left: 0px;
  margin-bottom: 10px;
}

.grid-mansory .event .content ul li{
  float: left;
  width: 100%;
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
}

.grid-mansory .event .content ul li.date:before{
  content: '';
  position: absolute;
  left: 0px;
  background: url('../img/calender-blue-16.svg');
  width: 16px;
  height: 16px;
  top: 4px;
}

.grid-mansory .event .content ul li.location:before{
  content: '';
  position: absolute;
  left: 0px;
  background: url('../img/location-blue-16.svg');
  width: 13px;
  height: 16px;
  top: 4px;
}

.grid-mansory .event .content ul li.location.tdu:before{
  content: '';
  position: absolute;
  left: 0px;
  background: url('../img/user.svg');
  width: 16px;
  height: 16px;
  top: 4px;
}

.grid-mansory .event .content .more{
  float: left;
  width: 100%;
  position: relative;
  text-align: right;
}

.grid-mansory  .grid-item  .content{
  float: left;
  width: 100%;
}

.grid-mansory  .grid-item.news  .content
{
  background: #FFF;
}

.grid-mansory .grid-item.potepanja .content a{
  display: block;
  width: 100%;
  height: 100%;
}

.grid-mansory .grid-item.news{
  border: 1px solid #DEE1E3;
}

.grid-mansory .grid-item.news .img{
  width: 410px;
  height: 230px;
  background-position: center center !important;
  background-size: cover !important;
}

.grid-mansory .grid-item.news h6{
  margin-top: 15px;
  padding-top: 0px;
  font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
float: left;
width: 100%;
}

.grid-mansory .grid-item.news h4{
  text-align: left;
font: normal normal bold 24px/32px Mukta;
letter-spacing: 0px;
color: #081E30;
float: left;
width: 100%;
}

.homeList .grid-mansory .grid-item.news h4{
  min-height: 100px;
}

.grid-mansory .grid-item.news .desc{
  float: left;
width: 100%;
/*padding: 10px 25px 5px 25px;*/
padding: 0px 25px;
}

.grid-mansory .grid-item.news .ta-name{
  float: left;
width: 100%;
/*padding: 10px 25px 5px 25px;*/
padding: 0px 25px;
font: normal normal normal 15px/24px Mukta;
letter-spacing: 0px;
color: #838E97;
}

.grid-mansory .grid-item.news .more{
  position: relative;
  float: left;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.grid-mansory .grid-item.news .more .date{
  float: left;
  text-align: left;
font: normal normal normal 15px/24px Mukta;
letter-spacing: 0px;
color: #838E97;
text-transform: uppercase;
}

.grid-mansory .grid-item.news .more .btn-more{
  float: right;
}

.grid-mansory .photothumb{
  width: 100%;
}

.section-arh-projects{
  background: #F3F4F5 0% 0% no-repeat padding-box;
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 200px;
}

.sProjects .project{
   margin-bottom: 34px;
}

.sProjects .project .content{
  float: left;
  position: relative;
  width: 100%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #DEE1E3;
}

.sProjects .project .content .img{
  width: 100%;
  max-width: 300px;
  float: left;
  position: relative;
}

.sProjects .project .content .desc{
  float: left;
  width: calc(100% - 300px);
  position: relative;
  padding: 16px 24px 16px 32px;
}

.sProjects .project .content .desc .pLogo{
  float: left;
width: 100%;
position: relative;
margin-bottom: 24px;
}

.sProjects .project .content .desc p{
  text-align: left;
font: normal normal normal 15px/24px Mukta;
letter-spacing: 0px;
color: #425360;
}

.sProjects .project .content .desc .more{
  position: relative;
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.sProjects .project .content .desc .more .date{
  float: left;
  font: normal normal normal 15px/24px Mukta;
  letter-spacing: 0px;
  color: #838E97;
  text-transform: uppercase;
}

.sProjects .project .content .desc .more .btn-more{
  float: right;
}

.grid-item.project{
  border: 1px solid #DEE1E3;
  padding: 16px 24px 24px 24px;
}  

.grid-item.project .img{
  float: left;
  width: 100%;
  margin-bottom: 24px;
}

.grid-item.project h3{
  float: left;
  width: 100%;
  position: relative;
}

.grid-item.project p{
  text-align: left;
font: normal normal normal 15px/24px Mukta;
letter-spacing: 0px;
color: #425360;
float: left;
width: 100%;
position: relative;
margin-top: 18px;
}


.grid-item.project .more{
  position: relative;
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 0px;
}

.grid-item.project .more .date{
  float: left;
  font: normal normal normal 15px/24px Mukta;
  letter-spacing: 0px;
  color: #838E97;
  text-transform: uppercase;
}

.grid-item.project .more .btn-more{
  float: right;
}

.turisticna-map{
  float: left;
  width: 100%;
  position: relative;
  margin-top: 87px;
}

.tursticna{
  float: left;
  width: 100%;
  position: relative;
  padding-bottom: 200px;
}

.tursticna .showing{
  float: left;
  width: 100%;
}

.listTuristicna .sTuristicna{
  margin-bottom: 32px;
  float: left;
  width: 100%;
  position: relative;
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #DEE1E3;
padding: 16px 24px 24px 24px;
min-height: 211px;
}

.listTuristicna .sTuristicna.active{
  background: #EEF7FF 0% 0% no-repeat padding-box;
border: 1px solid #82AACC;
}

.listTuristicna .sTuristicna span{
  float: left;
  width: 100%;
  position: relative;
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
}
.listTuristicna .sTuristicna h3{
  float: left;
  width: 100%;
  position: relative;
  text-align: left;
font: normal normal bold 24px/32px Mukta;
letter-spacing: 0px;
color: #081E30;
margin-top: 8px;
}
.listTuristicna .sTuristicna p{
  float: left;
  width: 100%;
  position: relative;
  padding-left: 25px;
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
margin-top: 15px;
}

.listTuristicna .sTuristicna p:before{
  position: absolute;
  content: '';
  left: 0;
  top: 5px;
  width: 13px;
height: 16px;
background: url('../img/location-black-small.svg') no-repeat;
}

.listTuristicna .sTuristicna ul{
  list-style-type: none;
  float: left;
  width: 100%;
  padding-left:0px;
  margin-top: 12px;
}

.listTuristicna .sTuristicna ul li{
  float: left;
  position: relative;
  width: 100%;
  padding-left:25px;
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
margin-bottom: 10px;
}

.listTuristicna .sTuristicna ul li a{
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
}

.listTuristicna .sTuristicna ul li.location:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 13px;
  height: 16px;
  background: url('../img/location-turisticna.svg') no-repeat;
}

.listTuristicna .sTuristicna ul li.phone:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
height: 16px;
  background: url('../img/phone-turisticna.svg') no-repeat;
}

.listTuristicna .sTuristicna ul li.email:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
height: 13px;
  background: url('../img/email-turisticna.svg') no-repeat;
}

.listTuristicna .sTuristicna .more{
  position: absolute;
  right: 24px;
  bottom: 24px;
}

.breadcrumbs{
  float: left;
  position: relative;
  width: 100%;
  margin-top: 120px;
}


.content-nivo{
  float: left;
  position: relative;
  width: 100%;
}

.content-nivo .cont-head h4, .content-nivo .cont-head h2, .content-nivo .cont-head p{
  float: left;
  width: 100%;
  position: relative;
}

.content-nivo .cont-head h2{
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 20px;
}

.cont-head h2{
  float: left;
  width: 100%;
}

.content-nivo .cont-head h4{
  color: #045A9E;
}

.content-nivo.turisticnad .cont-head h4{
  color: #081E30;
}

.content-nivo.turisticnad .cont-head ul{
  list-style-type: none;
  float: left;
  width: 100%;
  padding-left:0px;
}

.content-nivo.turisticnad .cont-head ul li{
  float: left;
  position: relative;
  width: 100%;
  padding-left:25px;
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
margin-bottom: 10px;
}

.content-nivo.turisticnad .cont-head ul li a{
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
}

.content-nivo.turisticnad .cont-head ul li.location:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 13px;
  height: 16px;
  background: url('../img/location-small-green.svg') no-repeat;
}

.content-nivo.turisticnad .cont-head ul li.phone:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
height: 16px;
  background: url('../img/phone-small-green.svg') no-repeat;
}

.content-nivo.turisticnad .cont-head ul li.email:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
height: 13px;
  background: url('../img/email-small-green.svg') no-repeat;
}

.content-nivo.turisticnad .cont-head ul li.www:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
height: 16px;
  background: url('../img/www-small-green.svg') no-repeat;
}

.content-nivo .cont-head p{
  text-align: left;
  font: normal normal normal 24px/32px Mukta;
  letter-spacing: 0px;
  color: #425360;
  margin-top: 32px;
}

.content-nivo .cont-author h5, .content-nivo .cont-author h4{
    float: left;
    width: 100%;
    position: relative;
    text-align: right;
}

.content-nivo .cont-author .projekt-logo{
  float: right;
  position: relative;
  border: 1px solid #DEE1E3;
  padding: 15px;
  margin-bottom: 24px;
}

.content-nivo .cont-author h5{
  font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
padding-bottom: 0px;
margin-bottom: 0px;
}

.content-nivo .cont-author h4{
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.content-nivo .cont-author hr{
  background: #838E97;
  width: 32px;
  float: right;
}

.content-nivo .cont-author ul{
  float: right;
  width: 100%;
  padding-left: 0px;
list-style-type: none;
margin-right: 0px;
margin-top: 15px;
}

.content-nivo .cont-author ul li{
  float: right;
  margin-left: 10px;
}

.about-desc img{
  object-fit: cover;
  max-width: 100%;
  height: auto;
}

/*
.content-nivo .cont-author ul li a {
  border-radius: 50%;
  border: 1px solid #DEE1E3;
  padding: 3px 5px 5px 6px;
}
*/

.content-nivo .cont-desc{
  margin-top: 60px;
}

.content-nivo .cont-desc p{
  text-align: left;
font: normal normal normal 20px/30px Mukta;
letter-spacing: 0px;
color: #081E30;
}

.about-desc p{
  text-align: left;
font: normal normal normal 20px/30px Mukta;
letter-spacing: 0px;
color: #081E30;
}

.files .file-wrapper{
  float: left;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #DEE1E3;
  padding-bottom: 20px;
  margin-bottom: 32px;
}



.files .file-wrapper .icon{
  float: left;
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #DEE1E3;
border-radius: 8px;
padding: 14px 15px;
width: 50px;
}

.files .file-wrapper .content, .files .file-wrapper .content-file{
  float: left;
  position: relative;
  width: calc(100% - 50px);
  padding-left: 24px;
}

.files .file-wrapper .content h5, .files .file-wrapper .content-file h5{
  text-align: left;
  font: normal normal bold 17px/26px Mukta;
  letter-spacing: 0px;
  color: #081E30;
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.files .file-wrapper .content h6, .files .file-wrapper .content-file h6{
  text-align: left;
  font: normal normal normal 15px/24px Mukta;
  letter-spacing: 0px;
  color: #425360;
  float: left;
  width: 100%;
}

.files .file-wrapper.active{
  background: #045A9E 0% 0% no-repeat padding-box;
border-radius: 4px;
border-bottom: 0px;
padding:16px 16px 12px 16px;
}

.files .file-wrapper.active .content h5, .files .file-wrapper.active .content h6, .files .file-wrapper.active .content-file h5, .files .file-wrapper.active .content-file h6{
  color: #FFF;
}

.gallery{
  background:#081E30 url('../img/gallery-bg.svg');
  float: left;
  width: 100%;
  padding: 32px 48px;

}

.gallery-content{
  float: left;
  width: 100%;
  position: relative;
}

.gallery-content .swiper-slide{
  margin-bottom: 32px;
}

.gallery-content .swiper-container {
  height: 500px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  float: left;
  position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}

.gallery-content .swiper-slide{
  height: calc((390px - 30px) / 2);
  text-align: center;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.gallery-content .swiper-slide{
  max-height: 213px;
}

.author-footer-wrapper{
  margin-top: 100px;
  background: #F3F4F5;
  float: left;
    width: 100%;
}

 .author-footer-wrapper .author-footer{
    background: #FFF;
    float: left;
    width: 100%;
    margin-bottom: 70px;
    padding: 24px 32px;
    margin-top: -65px;
    border: 1px solid #DEE1E3;
}

 .author-footer-wrapper .author-footer h5, .author-footer-wrapper .author-footer h4{
    float: left;
    width: 100%;
    position: relative;
}

 .author-footer-wrapper .author-footer h5{
  font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
padding-bottom: 0px;
margin-bottom: 0px;
}

.author-footer-wrapper .author-footer h4{
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.author-footer-wrapper .author-footer ul{
  float: right;
  width: 100%;
  padding-left: 0px;
list-style-type: none;
margin-right: 0px;
margin-top: 15px;
}

 .author-footer-wrapper .author-footer ul li{
  float: right;
  margin-left: 10px;
}

/*
 .author-footer-wrapper .author-footer ul li a {
  border-radius: 50%;
  border: 1px solid #DEE1E3;
  padding: 3px 5px 5px 6px;
}
*/

 .author-footer-wrapper .author-footer ul.no-right{
  float: left;
  text-align: center;
}

 .author-footer-wrapper .author-footer ul.no-right li{
  float: unset;
  display: inline-block;
}

.contnet-nivo hr{
  background: #DEE1E3;
}

.sponsors h3{
  float: left;
  width: 100%;
  margin-bottom: 32px;
}



.sponsors .sponsor{
float: left;
padding: 16px;
border: 1px solid #DEE1E3;
margin-bottom: 16px;
margin-right: 16px;
height: 120px;
width: 100%;
text-align: center;
}

.sponsors .sponsor.smain{
  width: 301px;
height: 202px;
}

.project-current{
  background: #F3F4F5 0% 0% no-repeat padding-box;
  float: left;
  width: 100%;
  position: relative;
  padding-bottom: 64px;
}

.about-project{
  padding-top: 128px;
  padding-bottom: 128px;
  float: left;
  width: 100%;
  position: relative;
}

.about-desc h2{
  padding-bottom: 24px;
}

.archived-projects{
  background: #F3F4F5 0% 0% no-repeat padding-box;
  float: left;
  width: 100%;
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}

#allProjects{
  border-bottom: 1px solid var(--unnamed-color-dee1e3);
  padding-bottom: 20px;
}

.a-projects .aproject{
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #DEE1E3;
float: left;
width: 100%;
position: relative;
min-height: 160px;
padding: 16px 24px;
}

.a-projects .aproject .more{
  position: absolute;
  bottom: 16px;
  right: 24px;
}

.project-sharing{
  float: left;
  position: relative;
  width: 100%;

}

.back-center{
  float: left;
  width: 100%;
  position: relative;
}

.back-center a{
  float: unset;
  display: inline-block;
  margin: 0 auto;
}

.publications .publication{
    float: left;
    width: 100%;
    position: relative;
    min-height: 310px;
    margin-bottom: 32px;
}

.publications .publication .box{
  border: 1px solid #DEE1E3;
  padding: 16px;
  min-height: 220px;

}

.publications .publication .box img{
  position: absolute;
  left: calc(50% - 82px);
  top: -105px;
}

.publications .publication .box h3{
  margin-top: 125px;
}

.publications .publication:hover .box{
  border: 1px solid #045A9E;
}

.publications .publication:hover img{
 transform: matrix(1, -0.07, 0.07, 1, 0, 0);
 -webkit-transform: matrix(1, -0.07, 0.07, 1, 0, 0);
 -moz-transform: matrix(1, -0.07, 0.07, 1, 0, 0);
}


.line {
  fill: none;
  stroke: white;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}


.eventDetails ul{
  list-style-type: none;
  float: left;
  width: 100%;
  padding-left:0px;
}

.eventDetails ul li{
  float: left;
  position: relative;
  width: 100%;
  padding-left:25px;
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
margin-bottom: 10px;
}

.eventDetails ul li a{
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
}

.eventDetails ul li.location:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 13px;
  height: 16px;
  background: url('../img/location-small-green.svg') no-repeat;
}

.eventDetails ul li.phone:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
height: 16px;
  background: url('../img/phone-small-green.svg') no-repeat;
}

.eventDetails ul li.email:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
height: 13px;
  background: url('../img/email-small-green.svg') no-repeat;
}

.eventDetails ul li.www:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
height: 16px;
  background: url('../img/www-small-green.svg') no-repeat;
}


.eventDetails ul li.calendar:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
height: 16px;
  background: url('../img/calender-event.svg') no-repeat;
}


.eventDetails ul li.price:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
height: 16px;
  background: url('../img/tag-alt.svg') no-repeat;
}

.map-frame iframe{
  height: 570px;
  max-height: 570px;
  width: 70%;
}

.location-data{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DEE1E3;
  opacity: 1;
  padding: 24px;
  float: left;
  width: 100%;
  max-width: 412px;
  position: absolute;
  left: 0px;
  top: 90px;
}

.location-data h5{
  float: left;
  width: 100%;
}

.location-data ul {
  list-style-type: none;
  float: left;
  width: 100%;
  padding-left: 0px;
}

.location-data ul li {
  float: left;
  position: relative;
  width: 100%;
  padding-left: 25px;
  text-align: left;
  font: normal normal normal 17px/26px Mukta;
  letter-spacing: 0px;
  color: #425360;
  margin-bottom: 10px;
}

.location-data ul.socials li{
  padding-left: 10px;
}

.location-data ul li.location::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 13px;
  height: 16px;
  background: url('../img/location-small-green.svg') no-repeat;
}

.information-page{
   background-image: url('../img/turisticna-zveza-bg-right.svg'); 
   background-position: top right;
   background-repeat: no-repeat;
   width: 100%;
   float: left;

}

.information-page::before{
  content: '';
   background-image: url('../img/turisticna-zveza-bg-left.svg'); 
   background-position: top left;
   background-repeat: no-repeat;
   width: 100%;
   position: absolute;
   float: left;
display: block;
width: 100%;
height: 100%;
top: 0px;
left: 0px;

}

.location-data ul li.phone::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  background: url('../img/phone-small-green.svg') no-repeat;
}

.location-data ul li.email::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 13px;
  background: url('../img/email-small-green.svg') no-repeat;
}

.location-data ul li.www::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  background: url('../img/www-small-green.svg') no-repeat;
}

.location-data ul li a{
  color: #045A9E;
}

.location-data ul.socials li{
  float: left;
  width: unset;
}

.information-page .cont-desc h3{
  color: #081E30;
  font: normal normal normal 24px/32px Mukta;
  font-weight: bold;
}

.information-page .cont-desc h4{
  color: #081E30;
  font: normal normal normal 20px/30px Mukta;
}

.information-page .cont-desc p{
  font: normal normal normal 20px/30px Mukta;
  color: #081E30;
}

.information-page .cont-desc h6{
  font: normal normal normal 15px/24px Mukta;
  color: #081E30;
  margin-top: 12px;
}

.information-page .cont-desc a{
  color: #045A9E;
}

.cont-author h5, .cont-author h4{
  float: left;
  width: 100%;
  position: relative;
  text-align: right;
}

.information-page .cont-desc hr{
  float: left;
  width: 100%;
}

.information-page .cont-desc .buttons{
  float: left;
  width: 100%;
}

.cont-author h5{
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
padding-bottom: 0px;
margin-bottom: 0px;
}
.cont-author h4{
padding-bottom: 5px;
margin-bottom: 0px;
}
.cont-author hr{
background: #838E97;
width: 32px;
float: right;
}

.cont-author ul{
float: right;
width: 100%;
padding-left: 0px;
list-style-type: none;
margin-right: 0px;
margin-top: 15px;
}

.cont-author ul li{
float: right;
margin-left: 10px;
}

/*
.cont-author ul li a {
border-radius: 50%;
border: 1px solid #DEE1E3;
padding: 3px 5px 5px 6px;
}
*/

.cont-head p {
  text-align: left;
  font: normal normal normal 24px/32px Mukta;
  letter-spacing: 0px;
  color: #425360;
  margin-top: 32px;
  float: left;
  width: 100%;
}

.membership-card{
  background-image: url('../img/turisticna-zveza-bg-right.svg'); 
  background-position: top right;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  margin-top: 183px;
float: left;
}

.cont-desc h2 span, .cont-head h2 span{
  float: left;
position: relative;
width: 100%;
color: #081E30A3;
font: normal normal bold 48px/60px 'CooperBold';
}

.cont-desc h2 span:first-child, .cont-head h2 span:first-child{
  
  color: #081E30;

}

h3.cooper span{
  float: left;
position: relative;
width: 100%;
color: #081E30A3;
font: normal normal bold 32px/40px 'CooperBold' !important;
}

h3.cooper span:first-child{
  color: #081E30;
}

.cont-desc h1, .cont-desc h2, .cont-desc h3, .cont-desc h4, .cont-desc h5, .cont-desc h6{
  float: left;
  width: 100%;
}

.membership-card h3{
  font: normal normal bold 32px/40px 'CooperBold';
}

.cont-desc ul{
  float: left;
  width: 100%;
  padding-left: 15px;
}

.cont-desc ul li{
  font: normal normal normal 20px/30px Mukta;
letter-spacing: 0px;
color: #081E30;
margin-bottom: 16px;
}

.membership-prices{
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #DEE1E3;
    padding:48px
}

.cont-desc p {
  text-align: left;
  font: normal normal normal 24px/32px Mukta;
  letter-spacing: 0px;
  color: #081E30;
  margin-top: 20px;
  float: left;
  width: 100%;
}

.about-desc span, .about-desc p{
  text-align: left;
  font: normal normal normal 20px/30px Mukta !important;
  letter-spacing: 0px;
  color: #081E30;
  margin-top: 20px;
  float: left;
  width: 100%;
}

.membership-card .cont-desc p{
  font: normal normal normal 20px/30px Mukta;
}

.membership-prices .prices h3, .membership-prices .prices p{
    text-align: center;
}

.membership-prices .prices p{
  margin-top: 10px;
}

.membership-prices .prices h3{
  color: #045A9E;
}



.application-form{
  background: #F3F4F5 0% 0% no-repeat padding-box;
  float: left;
  width: 100%;
  position: relative;
  margin-top: 128px;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-bottom: 200px;
}

.application-form h2{
  font: normal normal bold 48px/60px 'CooperBold';
  float: left;
  width: 100%;
  
}

.application-form .form-group{
    float: left;
    width: 100%;
}

.application-form .choose-radio{
  float: left;
  width: 100%;
  position: relative;
  background: #EEF7FF 0% 0% no-repeat padding-box;
  border: 1px solid #045A9E;
  padding: 32px 24px;
}

.application-form .choose-radio-o{
  float: left;
  width: 100%;
  position: relative;
  background: #F3F4F5 0% 0% no-repeat padding-box;
  border: 1px solid #DEE1E3;
  padding: 6px 24px;
}

.application-form .choose-radio-o label{
  margin-top: 28px;

  font: normal normal bold 20px/30px Mukta;
  letter-spacing: 0px;
  color: #081E30;
}

.choose-radio .main-radio label{
  text-align: left;
  font: normal normal bold 20px/30px Mukta;
  letter-spacing: 0px;
  color: #081E30;
}

.choose-radio .other-radio{
  padding-left: 40px;
}


h5.font-normal{
  font: normal normal normal 17px/26px Mukta;
}
.dropify-wrapper
{
  background: #EEF7FF 0% 0% no-repeat padding-box;
border: 2px dashed #82AACC;
padding: 48px;
}

.dropify-wrapper:hover{
  background: #EEF7FF 0% 0% no-repeat padding-box;
  animation: none;
}

.dropify-wrapper .file-icon{
    float: left;
    width: 48px;
    height: 48px;
}

.dropify-wrapper .dropify-message p{
  float: left;
  width: calc(100% - 80px);
  font: normal normal bold 17px/26px Mukta;
}

.dropify-wrapper .dropify-message{
  float: left;
  width: 100%;
}

.dropify-wrapper .dropify-message span.file-icon{
  background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 4px 8px 16px #045A9E29;
border-radius: 8px;
padding: 12px 13px;
margin-right: 24px;
margin-top: 18px;
}

.dropify-font-upload::before, .dropify-wrapper .dropify-message span.file-icon::before{
  content:'';
  background: url('../img/file-upload-alt.svg');
  width: 22px;
  height: 24px;
  margin: 0px 0px 0px 3px;
  padding: 0px;
  display: block;
}

.dropify-wrapper .dropify-message span.upload-span{
  float: left;
  width:  calc(100% - 80px);
  text-align: left;
  margin-top: 10px;
}

.dropify-wrapper input{
  height: 100% !important;
}


.label-container {
  display: block;
  position: relative;
  padding-left: 27px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.label-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #DEE1E3;
  margin-top:4px;
}

/* On mouse-over, add a grey background color */
.label-container:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.label-container input:checked ~ .checkmark {
  background-color: #045A9E;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.label-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.label-container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

label{
  font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
}

input::-webkit-input-placeholder { /* Edge */
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #838E97;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #838E97;
}

input::placeholder {
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #838E97;
}

/* label custom */
.container-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.container-radio .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
  background-color: #045A9E;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.container-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
	border-radius: 50%;
	background: white;
}

.operation-tzs{
  background-image: url('../img/turisticna-zveza-bg-right.svg'); 
  background-position: top right;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  margin-top: 183px;
  float: left;
}

.listEmployes{
  float: left;
  width: 100%;
}

.listEmployes .sEmploye{
  margin-bottom: 32px;
  float: left;
  width: 100%;
  position: relative;
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #DEE1E3;
padding: 16px 24px 24px 24px;
min-height: 211px;
}

.listEmployes .sEmploye.active{
  background: #EEF7FF 0% 0% no-repeat padding-box;
border: 1px solid #82AACC;
}

.listEmployes .sEmploye span{
  float: left;
  width: 100%;
  position: relative;
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
}
.listEmployes .sEmploye h3{
  float: left;
  width: 100%;
  position: relative;
  text-align: left;
font: normal normal bold 24px/32px Mukta;
letter-spacing: 0px;
color: #081E30;
margin-top: 8px;
}
.listEmployes .sEmploye p{
  float: left;
  width: 100%;
  position: relative;
  padding-left: 25px;
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
margin-top: 15px;
}

.listEmployes .sEmploye p:before{
  position: absolute;
  content: '';
  left: 0;
  top: 5px;
  width: 13px;
height: 16px;
background: url('../img/location-black-small.svg') no-repeat;
}

.listEmployes .sEmploye ul{
  list-style-type: none;
  float: left;
  width: 100%;
  padding-left:0px;
  margin-top: 12px;
}

.listEmployes .sEmploye ul li{
  float: left;
  position: relative;
  width: 100%;
  padding-left:25px;
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
margin-bottom: 10px;
}

.pl-0{
  padding-left:0px;
}

.listEmployes .sEmploye ul li a{
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
}

.listEmployes .sEmploye ul li.location:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 13px;
  height: 16px;
  background: url('../img/location-turisticna.svg') no-repeat;
}

.listEmployes .sEmploye ul li.phone:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
height: 16px;
  background: url('../img/phone-turisticna.svg') no-repeat;
}

.listEmployes .sEmploye ul li.email:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
height: 13px;
  background: url('../img/email-turisticna.svg') no-repeat;
}

.cont-desc blockquote{
  float: left;
  width: 100%;
}


.president-img{
  height: 570px;
  max-height: 570px;
  width: 70%;
  float: right;
}

.location-data{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DEE1E3;
  opacity: 1;
  padding: 24px;
  float: left;
  width: 100%;
  max-width: 412px;
  position: absolute;
  left: 0px;
  top: 90px;
}

.location-data h5{
  float: left;
  width: 100%;
}

.location-data ul {
  list-style-type: none;
  float: left;
  width: 100%;
  padding-left: 0px;
}

.president-main{
  margin-top: 183px;
}

h2 span:first-child, .cont-head h2 span:first-child {
  color: #081E30;
}
h2 span, .cont-head h2 span {
  float: left;
  position: relative;
  width: 100%;
  color: #081E30A3;
  font: normal normal bold 48px/60px 'CooperBold';
}

.newsletter-main{
  background-image: url('../img/turisticna-zveza-bg-right.svg'); 
  background-position: top right;
  background-repeat: no-repeat;
  width: 100%;
  margin-top: 183px;
  float: left;
  padding-bottom: 200px;
}

.newsletter-main h2 span{
  color: #081E30;
}

.newsletter-main h2 span:first-child{
  color: #081E30A3;
}


.search-wrapper{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 8px 16px 32px #00000029;
  position: fixed;
  top: 87px;
  max-height: 167px;
  padding: 48px 88px;
  z-index: 99;
  width: 100%;
  display: none;
}

.search-wrapper.show{
  display: block;
}

.search-wrapper input{
  border: 0px !important;
  height: 80px !important;
  line-height: 80px;
  font: normal normal normal 48px/64px Mukta !important;
  caret-color: #045A9E;
}

.search-wrapper  input::-webkit-input-placeholder { /* Edge */
  text-align: left;
  font: normal normal normal 48px/64px Mukta !important;
letter-spacing: 0px;
color: #838E97;
}

.search-wrapper input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  text-align: left;
  font: normal normal normal 48px/64px Mukta !important;
letter-spacing: 0px;
color: #838E97;
}

.search-wrapper input::placeholder {
  text-align: left;
  font: normal normal normal 48px/64px Mukta !important;
letter-spacing: 0px;
color: #838E97;
}

#openSearch{
  cursor: pointer;
}

i.search-icon{
  background: url('../img/search.svg');
  display: block;
  width: 20px;
  height: 20px;
}

.search.active i{
  background: url('../img/close-white.svg');
  display: block;
  width: 20px;
  height: 20px;
}

.search.active{
  background: #74C063 0% 0% no-repeat padding-box;
}

.search-big-icon{
  background: url('../img/search-big.svg');
  width: 32px;
  height: 32px;
  display: block;
}

.search-wrapper .input-wrapper button{
  background: transparent;
  border: 0px;
  position: absolute;
  right: 130px;
  top: 67px;
}

.date,.arrow,.clickable{
	cursor:pointer;
}


/* CUSTOM CALENDAR */
.custom-calendar{
  float: left;
  width: 100%;
  position: relative;
  border: 1px solid #DEE1E3;
  padding-top: 15px;
}

.custom-calendar .header-calendar{
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  border-bottom: 1px solid #DEE1E3;
  padding-bottom: 15px;
}

.custom-calendar .header-calendar #previous{
  float: left;
  width: 40px;
  margin-left: 15px;
}

.custom-calendar .header-calendar #next{
  float: left;
  width: 40px;
  margin-right: 15px;
}

.custom-calendar .header-calendar #calendar-month{
  float: left;
  width: calc(100% - 110px);
}

.custom-calendar .body-calendar{
  float: left;
  width: 100%;
  position: relative;
}

.custom-calendar .body-calendar #calendar-dates{
  display: flex;    
  width:100%;
}

.custom-calendar .body-calendar .date{
  float: left;
  padding: 8px 13px;
  flex-basis: 100%;
  min-height: 45px;
  position: relative;
}

.custom-calendar .body-calendar .date.selected{
  background-color: #045A9E;
  color: #FFF;
}

.custom-calendar .body-calendar .date.clickable{
  padding-bottom: 5px;
}

.custom-calendar .body-calendar .date.clickable:after{
  content: '';
  height: 2px;
  background: #74C063;
  position: absolute;
  bottom: 10px;
  width: 70%;
  left: 8px;
}

#cookie-consent{
  max-width: 634px;
  text-align: center;
}

.custom-modal{
  cursor: auto;
}

.custom-modal h4{
  font: normal normal bold 28px/36px 'CooperBold';
  text-transform: uppercase;
  float: left;
  width: 100%;
  text-align: center;
}

.custom-modal p{
  font: normal normal normal 17px/26px Mukta;
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 16px;
}

.custom-modal  p a{
  font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
text-decoration: underline;
}

.custom-modal .modal-buttons{
  float: left;
  text-align: center;
  width: 100%;
  margin-top: 16px;
}

.custom-modal .modal-buttons a{
  border: 1px solid #045A9E;
border-radius: 2px;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
padding: 8px 24px;
cursor: pointer;
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content{
  cursor: unset;
}

.custom-modal .modal-buttons a:hover{
  background: #045A9E;
  color: #FFF;
}

.fancybox-bg{
  background: var(--unnamed-color-081e30) 0% 0% no-repeat padding-box;
}

#archivedProjects .grid-item.project{
  background: #FFF;
}


#popup-consent{
  max-width: 634px;
  max-height: 378px;
  width: 100%;
  height: 100%;
  padding: 0px;
  overflow: hidden;
}

#popup-consent .popup-wrapper{
  float: left;
  width: 100%;
  height: 100%;
  max-width: 634px;
  max-height: 378px;
  position: relative;
}

#popup-consent .popup-wrapper span.lbl{
  background: #74C063 0% 0% no-repeat padding-box;
opacity: 1;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #FFFFFF;
padding: 10px 16px 8px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}

#popup-consent .fancybox-button svg path{
  fill: white;
}

.popup-modal.position3 .fancybox-button svg path{
  fill: black !important;
}

.popup-modal.position1 .content-desc{
    /*margin-top: 90px;*/
    text-align: center;
    width: 80%;
    position: relative;
    display: block;
    margin: 90px auto;
    z-index: 10;
}

.popup-modal.position1 .content-desc p{
  font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #FFFFFF;
text-align: center;
padding-bottom: 5px;
margin-bottom: 0px;
}

.popup-modal.position1::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0,0,0,0.3);
  z-index: 1;
}

.popup-modal.position1 .content-desc h4{
  text-align: center;
font: normal normal bold 28px/36px 'CooperSemiBold';
letter-spacing: 0.67px;
color: #FFFFFF;
z-index: 10;
}

.popup-modal.position1 .content-desc a{
  padding: 8px 20px 8px 55px;
border: 1px solid #FFFFFF;
border-radius: 2px;
text-decoration: none;
display: inline-block;
cursor: pointer;
background: transparent;
text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #FFFFFF;
text-decoration: none;
position: relative;
margin-top: 32px;
}

.popup-modal.position1 .content-desc a:before{
  content: '';
  left: 10px;
  top: 15px;
  background: url('../img/arrow-right-white.svg') no-repeat;
display: inline-block;
width: 24px;
height: 12px;
position: absolute;
}

/* position 2 */

.popup-modal.position2 .cont-left{
   float: left;
   max-width: 301px;
   width: 100%;
   height: 100%;
   background: #74C063 url('../img/position-2-lbg.svg') no-repeat;
}

.popup-modal.position2 .cont-left img{
  display: block;
  margin: 73px auto;
}

.popup-modal.position2 .cont-right{
  float: left;
  max-width: calc( 100% - 301px);
  width: 100%;
  height: 100%;
  padding: 48px 32px 20px;
}

.popup-modal.position2 .cont-right h4{
  text-align: left;
  font: normal normal bold 28px/36px 'CooperSemiBold';
  letter-spacing: 0.67px;
  color: #081E30;
  padding-top: 20px;
  position: relative;
  text-transform: uppercase;
}

.popup-modal.position2 .cont-right h4:before{
  content: '';
position: absolute;
top: 0px;
left: 0px;
width: 32px;
height: 4px;
background: #081E30;
}

.popup-modal.position2 .cont-right p{
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
}

.popup-modal.position2 .cont-right a{
  padding: 8px 20px 8px 55px;
  border: 1px solid #045A9E;
border-radius: 2px;
text-decoration: none;
display: inline-block;
cursor: pointer;
background: transparent;
text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
text-decoration: none;
position: relative;
margin-top: 24px;
}

.popup-modal.position2 .cont-right a:before{
  content: '';
  left: 10px;
  top: 15px;
  background: url('../img/arrow-right-green.svg') no-repeat;
display: inline-block;
width: 24px;
height: 12px;
position: absolute;
}

/* POSITION 3 */
.popup-modal.position3 .cont-left{
  float: left;
  max-width: 50%;
  max-height: 292px;
  width: 100%;
  height: 100%;
  background: #fff url('../img/bg-position3.svg') no-repeat;
}

.popup-modal.position3 .cont-right{
  float: left;
  max-width: 50%;
  max-height: 292px;
  width: 100%;
  height: 100%;
  padding: 32px 32px 20px;
}

.popup-modal.position3 .cont-bottom{
  background: #003571 0% 0% no-repeat padding-box;
  float: left;
  width: 100%;
}

.popup-modal.position3 .cont-bottom .ct-left{
  width: 100%;
  max-width: 400px;
  padding: 20px 32px;
  float: left;
  text-align: left;
  font: normal normal bold 24px/32px Mukta;
  letter-spacing: 0px;
  color: #FFFFFF;
}

.popup-modal.position3 .cont-bottom .ct-right{
  width: 100%;
  max-width: 190px;
  float: right;
  background: url('../img/bg-position3.svg') no-repeat;
}

.popup-modal.position3 .cont-bottom .ct-right img{
  display: block;
  float: right;
  margin-right: 10px;
}

.popup-modal.position3 .cont-left img{
  display: block;
  margin: 48px auto;
}


.popup-modal.position3 .cont-right h4{
  text-align: left;
  font: normal normal bold 28px/36px 'CooperSemiBold';
  letter-spacing: 0.67px;
  color: #081E30;
  padding-top: 20px;
  position: relative;
  text-transform: uppercase;
}

.popup-modal.position3 .cont-right h4:before{
  content: '';
position: absolute;
top: 0px;
left: 0px;
width: 32px;
height: 4px;
background: #081E30;
}

.popup-modal.position3 .cont-right a{
  padding: 8px 20px 8px 55px;
  border: 1px solid #045A9E;
border-radius: 2px;
text-decoration: none;
display: inline-block;
cursor: pointer;
background: transparent;
text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
text-decoration: none;
position: relative;
margin-top: 12px;
}

.popup-modal.position3 .cont-right a:before{
  content: '';
  left: 10px;
  top: 15px;
  background: url('../img/arrow-right-green.svg') no-repeat;
display: inline-block;
width: 24px;
height: 12px;
position: absolute;
}

.popup-modal.position3, .popup-modal.position3 .popup-wrapper{
  max-height: 396px !important;
}


@media (max-width: 767px) {
  .grid-mansory .grid-item.news .img{
    width: 100%;
  }
  .popup-modal.position2 .cont-left{
    width: 100%;
    max-width: 100%;
  }

  .popup-modal.position2 .cont-right{
    width: 100%;
    max-width: 100%;
  }

  .popup-modal.position2, .popup-modal.position2 .popup-wrapper{
    max-width: 634px;
    max-height: 100% !important;
    width: 100%;
    height: auto !important;
    padding: 0px;
    overflow: auto;
  }

  .popup-modal.position3 .cont-left{
    width: 100%;
    max-width: 100%;
  }

  .popup-modal.position3 .cont-right{
    width: 100%;
    max-width: 100%;
  }

  .popup-modal.position3, .popup-modal.position3 .popup-wrapper{
    max-width: 634px;
    max-height: 100% !important;
    width: 100%;
    height: auto !important;
    padding: 0px;
    overflow: auto;
  }
  
}

@media (max-width: 1300px) {
  .custom-calendar .body-calendar #calendar-dates{
     display: unset;
  }
}

/* END CUSTOM CALENDAR */

.ajaxAlert{
  float: left;
  width: 100%;
}

.pagination li{
  margin-right: 10px;
  
}

.page-link{
  border: 0px;
  border-radius: 50%;
  background: #F3F4F5;
  width: 32px;
  height: 32px;
  padding: 3px 9px 4px;
  font: normal normal bold 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
cursor: pointer;
}

.page-item:first-child .page-link, .page-item:last-child .page-link{
  border: 1px solid #045A9E;
  border-radius: 50%;
  background: transparent;
  padding: 2px 8px;
}

.page-item.active .page-link{
  background-color: #045A9E;
border-color: #045A9E;
}

.showing .custom-s{
    min-width: 200px;
    float: right;
}

.user-registration{
  background-image: url('../img/turisticna-zveza-bg-right.svg'); 
  background-position: top right;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  margin-top: 183px;
float: left;
padding-bottom: 200px;
}

.user-registration h3{
  text-align: left;
  font: normal normal bold 24px/32px Mukta;
  letter-spacing: 0px;
  color: #081E30;
  text-transform: none;
}

.user-registration .form-group{
  float: left;
  width: 100%;
}

.user-registration .form-group p{
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
margin-top: 5px;
margin-bottom: 10px;
}

.user-registration .form-group p a{
  text-align: left;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
}

.information-page .buttons a{
  margin-right: 32px;
}

.cont-desc img{
  max-width: 100%;
}

.about-desc img{
  max-width: 100%;
}

.video-wrapper {
  margin-bottom: 32px;
}

.video-wrapper .video{
  float: left;
  width: 100%;
  padding:24px;
  border: 1px solid #DEE1E3;
}

.video-wrapper .video .video-frame{
  float: left;
  width: 100%;
  height: 100%;
  max-height: 330px;
}

.video-wrapper .video .video-frame iframe{
  width: 100%;
  height: 330px;
  float: left;
}

.video-wrapper .video .video-name{
  float: left;
  position: relative;
  width: 100%;
  margin-top: 16px;
  font: normal normal bold 24px/32px Mukta;
letter-spacing: 0px;
color: #081E30;
}

.video-wrapper .video .video-author{
  text-align: left;
  font: normal normal normal 17px/26px Mukta;
  letter-spacing: 0px;
  color: #838E97;
  float: left;
  position: relative;
  width: 100%;
  margin-top: 10px;
}

.video-wrapper .video .video-btn{
  float: left;
  width: 100%;
  margin-top: 16px;
}

.video-wrapper .video .video-btn .addVote{
  width: calc(100% - 120px);
  float: left;
  border: 1px solid #045A9E;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  
  text-align: center;
}

.video-wrapper .video .video-btn .addVote a{
  display: block;
  width: 100%;
  padding: 8px 20px;
  cursor: pointer;
}

.video-wrapper .video .video-btn .addVote a:hover{
  background: #045A9E 0% 0% no-repeat padding-box;
  color: #FFF;
}

.video-wrapper .video .video-btn .addVote a.active{
  background: #045A9E 0% 0% no-repeat padding-box;
  color: #FFF;
}

.video-wrapper .video .video-btn .addVote i{
  margin-right: 7px;
}

.video-wrapper .video .video-btn .numberVotes{
    border-top: 1px solid #045A9E;
    border-right: 1px solid #045A9E;
    border-bottom: 1px solid #045A9E;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 7px 20px;
    text-align: center;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
float: left;
width: 118px;
}

.votewrapp{
  float: left;
  width: 100%;
  position: relative;
  border: 1px solid #DEE1E3;
  border-bottom: 0px;
}

.votewrapp:last-child{
  border-bottom: 1px solid #DEE1E3;
}

.voteprogress{
  float: left;
  width: calc(100% - 162px);
  position: relative;
  padding: 16px;
}

.voteprogress h4{
  float: left;
  width: 100%;
} 

.voteprogress .progress{
  float: left;
  width: 100%;
}

.voteres{
  float: left;
  width: 162px;
  padding: 16px;
  border-left: 1px solid #DEE1E3;
}

.voteres h6{
  text-align: center;
  font: normal normal bold 20px/30px Mukta;
  letter-spacing: 0px;
  color: #081E30;
  float: left;
  width: 100%;
}

.voteres span{
  margin-top: 3px;
  text-align: center;
  font: normal normal normal 17px/26px Mukta;
  letter-spacing: 0px;
  color: #425360;
  float: left;
  width: 100%;
}

.progress{
  background-color: #F3F4F5;
}

.progress-bar{
  background: transparent linear-gradient(90deg, #1060C9 0%, #00B1EF 100%) 0% 0% no-repeat padding-box;
border-radius: 50px;
}

/** CUSTOMERS DASHBOARD **/



.page-sidebar{
  background-color: #FFF;
}

.page-sidebar .sidebar-header{
  height: 156px;
  background-color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

.page-sidebar .sidebar-menu .menu-items li{
  border-bottom: 1px solid #DEE1E3;
  height: 60px;
}

.page-sidebar .sidebar-menu .menu-items li.active{
  background: #045A9E 0% 0% no-repeat padding-box;
  border-bottom: 1px solid #045A9E;
}

.page-sidebar .sidebar-menu .menu-items li a{
  font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #081E30 !important;
float: left;
width: 100%;
padding-left: 24px; 
padding-right: 0px;
padding-top: 17px;
}

.page-sidebar .sidebar-menu .menu-items li.active a{
  color: #FFF !important;
}

.header{
  background-color: #f4f4f4 !important;
  border-bottom: none;
}

.form-role{
  float: left;
  width: 100%;
  position: relative;
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #DEE1E3;
padding: 32px;
}

.form-role h5{
  color: #045A9E;
}

.form-role p span.status{
  color: #D98C07;
}

.form-role .content-file h6{
   margin: 0;
}

.form-role .files h5{
  color: #081E30;
}

.form-role .files .file-wrapper{
  border-bottom: 0px;
}

.form-role hr{
  padding: 0px;
  margin: 0px;
}



#msform {
  text-align: center;
  position: relative;
  margin-top: 20px
}

#msform fieldset .form-card {
  border: 0 none;
  border-radius: 0px;
  padding: 20px 40px 30px 40px;
  box-sizing: border-box;
  width: 94%;
  margin: 0 3% 20px 3%;
  position: relative
}

#msform fieldset {
  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  position: relative
}

#msform fieldset:not(:first-of-type) {
  display: none
}

.card {
  z-index: 0;
  border: none;
  border-radius: 0.5rem;
  position: relative
}

.fs-title {
  font-size: 25px;
  color: #2C3E50;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: left
}

#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: lightgrey;
  padding-left: 0px;
}

#progressbar .active {
  color: #000000;
}

#progressbar li {
  list-style-type: none;
  font-size: 12px;
  width: 16.6%;
  float: left;
  position: relative;

  text-align: center;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #425360;
}


#progressbar li div {
  width: 64px;
  height: 64px;
  line-height: 64px;
  display: block;
  font-size: 18px;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  font: normal normal bold 28px/36px 'CooperSemiBold';
letter-spacing: 0.67px;
text-transform: uppercase;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #DEE1E3;
color: #838E97;
}

#progressbar li div span{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: block;
  padding-top: 10px;
  margin: 7px auto 10px auto;
}

#progressbar li.active div span{
  background: #045A9E 0% 0% no-repeat padding-box;
  color: #FFF;
}

#progressbar li::after {
  content: '';
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1;
}

#progressbar li.active:before,
#progressbar li.active:after {
  background: #045A9E 0% 0% no-repeat padding-box;
}

.customerForms .form-group {
  float: left;
  width: 100%;
}

.customerForms .form-group label {
  font: normal normal normal 17px/26px Mukta;
  letter-spacing: 0px;
  color: #425360;
  float: left;
  width: 100%;
  text-align: left;
}
.customerForms .form-group label {
  display: inline-block;
  margin-bottom: .5rem;
}

.dropify-message p{
  text-align: left;
}

.mb-80{
  margin-bottom: 80px;
}

/** END CUSTOMERS **/

.addVote a.active{
  background: #045A9E 0% 0% no-repeat padding-box;
border: 1px solid #045A9E;
color: #FFF;
}

.assessment-city .head h5{
  text-align: center;
font: normal normal normal 17px/26px Mukta;
letter-spacing: 0px;
color: #045A9E;
opacity: 1;
}

.next-prev-city{
  width: 32px;
  height: 32px;
  border: 1px solid #045A9E;
  border-radius: 50%;
  position: relative;
  float: left;
}

.city-next:after{
  content: '';
  background: url('../img/swiper-right-blue.svg') no-repeat;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.city-previous:after{
  content: '';
  background: url('../img/swiper-left-blue.svg') no-repeat;
  
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.cc-left{
  position: absolute;
  left: 0;
  top: 0;
}

.cc-right{
  position: absolute;
  right: 0;
  top:0;
}

.assessment-city h3{
  position: relative;
}

.city-np-padd{
  padding-top: 27px;
  padding-bottom: 18px;
}

.swiper-lazy{
  max-width: 380px;
  max-height: 213px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.lazy{
  max-width: 380px;
  max-height: 213px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.gallery-content a{
  max-width: 380px;
  max-height: 213px;
  width: 100%;
  height: 100%;
}


.gallery-content .swiper-slide a{
  max-width: 380px;
  max-height: 213px;
  width: 100%;
  height: 100%;
}

select.changeGallery{
  padding-right: 44px;
  max-width: 100%;
  width: 100%;
}

@media(max-width: 970px){
  .cont-desc img, .about-desc img, .cont-desc iframe, .about-desc iframe{
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
  }
  
   .logo{
    float: left;
    margin-left: 0px !important;
   }

   .main-nav .menu-btn{
    float: left;
    position: relative;
   }
   
   .homeProjects .projectslist{
    float: left;
    width: 100%;
    position: relative;
    margin-top: 32px;
    min-height: auto;
    overflow: hidden;
  }

  .homeProjects .projectSliderContainer{
    margin-top: 22px;
    margin-bottom: 22px;
  }



   .homeTuristic{
      max-height: 100%;
     height: auto;
     margin-top: 64px;
    }

    .advertise{
      margin-top: 64px;
    }

    .advertise .wrapper{
      margin-bottom: 16px;
    }

    .publications{
      margin-top: 84px;
    }

    .publications .wrapper:first-child{
        margin-bottom: 48px;
    }
}



@media(max-width: 768px){

  .vote-wrapper #progressbar li{
    width: 25%;
    float: left;
    min-height: 160px;
  }

  .addVote.float-right{
    float: left !important;
  }

  .city .float-right {
    float: left !important;
}

  footer .sectionCopyright a.tzs-btn-b{
    display: block;
    margin-bottom: 10px;
  }

  .cont-desc img, .about-desc img, .cont-desc iframe, .about-desc iframe{
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
  }

  .grid-item.potepanja .content .name h4
  {
    font: normal normal bold 24px/32px Mukta;
  }
  .main-nav .menu-socials-search ul.h-socials{
    display: none;
  }

  .main-nav .menu-socials-search .search{
    margin-right: 0px;
  }

  .logo span{
    background: url('../img/logo_mobile.svg');
    width: 160px;
    height: 40px; 
  }

  .main-nav{
    height: 65px;
    top: 35px;
  }

  .main-nav .menu-btn{
    height: 64px;
    width: 64px;
  }

  .menu-btn svg{
    width: 45px;
    height: 45px;
  }

  .main-nav .container{
    width: calc(100% - 158px);
    float: left;
    margin-left: 0px;
    margin-right: 10px;
    max-width: calc(100% - 305px);
  }

  .menu-socials-search{
    float:right;
    position: relative;
  }

  .main-nav .menu-socials-search{
    float: right;
    position: relative;
  }

  .main-nav .menu-socials-search .search{
    padding:22px 20px;
  }

  .left-nav{
    top: 63px;
  }

  .sidebar-part2{
    top: 100px !important;
  }

  .homeSlider{
    margin-top: 20px;
  }

  #first {
		order: 4;
  }
  
	#second {
		order: 2;
  }
  
  .wrap-s{
    display: flex;
    flex-wrap: wrap;
  }

  .homeSlider .slider-paggination-home{
    max-width: 100%;
    height: auto;
    width: 100%;
  }

  .homeSlider .slider{
    width: 100%;
    margin-top: 44px;
  }

  .homeSlider .slider img{
    height: 200px;
  }

  .homeSlider .sliderBg{
    height: 300px;
  }

  .sidebar-part2 ul > li{
    word-break: unset;
  }

  .homeSlider .slider-cpagination{
    position: relative;
    width: 100%;
    margin-top: 15px;
    text-align: center;
    margin: 15px auto 0px;
display: inline-block;
text-align: center;
left: unset;

display: flex;
align-items: center;
justify-content: center;
  }

  .swiper-current-page{
    float: left;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .swiper-progress-bar{
    height: 1px;
    width: 112px;
    margin-top: 2px;
    margin-bottom: 0px;
  }

  .swiper-progress-bar span{
    height: 1px;
  }

  .swiper-all-dots{
    width: auto;
    margin-bottom: 0px;
    margin-top: 6px;
    margin-right: 10px;
  }

  .swiper-move-dots{
    width: auto;
    margin-bottom: 0px;
    margin-top: 6px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .swiper-all-dots span, .swiper-move-dots span{

  }

  .homeList, .listGrid{
    margin-top: 30px;
  }

  .homeList .buttons{
    text-align: center;
  }

  .homeList .buttons a{
    display: inline-block;
    margin-bottom: 15px;
    margin-right: auto;
  }

  .homeList .buttons a:first-child{
    margin-right: 10px;
  }

  .homeProjects .projectslist{
    float: left;
    width: 100%;
    position: relative;
    margin-top: 32px;
    min-height: auto;
    
  }

  .homeProjects .projectSliderContainer{
    margin-top: 22px;
    margin-bottom: 22px;
  }

  .homeTuristic{
     max-height: 100%;
     height: auto;
     margin-top: 64px;
  }

  .publications .wrapper .imageL{
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  .publications .wrapper .image{
    text-align: center;
  }

  .publications .wrapper .desc{
    float: left;
    width: 100%;
    margin-top: 32px;
  }

  .homeTuristic .turisticContainer{
    padding: 16px 0px;
  }

  .homeTuristic .turisticContainer .wrapper{
    padding: 32px 16px;
  }

  .publications h1{
    font: normal normal bold 32px/40px 'CooperSemiBold';
  }

  .homeMembership.membership .wrapper:first-child{
    margin-bottom: 32px;
  }

  .homeMembership.membership .wrapper .desc{
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 20px;
margin-bottom: 20px;
  }

  .publications{
    margin-bottom: 48px;
  }

  footer .sectionSubfooter{
    padding-bottom: 32px;
    padding-top: 32px;
  }

  footer .sectionCopyright{
      text-align: center;
  }

  footer .sectionCopyright span{
    text-align: center;
  }

  nav.navbar.bootsnav .navbar-nav li, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header{
    border-bottom: 0px !important;
  }

  .sidebar-part2{
    left: -100% !important;
    width: 100% !important;
  }

  .left-nav-on .sidebar-part2{
    left: 0px !important;
  }

  .sidebar-part2 nav.navbar.bootsnav ul > li > a{
    font: normal normal bold 20px/30px 'CooperSemiBold';
    letter-spacing: 0.48px;
    color: #FFFFFF;
  }

  .sidebar-part2 ul > li{
    margin-bottom: 15px;
    padding: 5px 0px 5px 0;
  }

  .sidebar-part2 ul > li.show.dropdown{
      padding-left: 45px;
      position: relative;
  }

  .sidebar-part2 ul > li.show.dropdown::before{
    content:'';
    position: absolute;
    width: 32px;
    height: 4px;
    border-radius: 4px;
    background: #FFFF;
    top: 15px;
    left:0px;
  }

  .sidebar-part2 ul > li.show.dropdown ul{
    position: relative;
  }

  .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu::before{
    display: block !important;
  }

  .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
    display: block !important;
  }

  .sidebar-part2 ul > li.show.dropdown ul{
    padding-left: 0px !important;
    margin-left: 0px !important;
  }

  .sidebar-part2 ul > li.show.dropdown ul::before{
      content: '';
      height: 100%;
      position: absolute;
      left: -45px;
      width: 1px;
      background: #FFF;
  }

  .sidebar-part2 nav.navbar.bootsnav ul li ul li:first-child{
     margin-top: 15px;
  }
  .sidebar-part2 nav.navbar.bootsnav ul li ul li{
    padding-left: 0px;
    margin-bottom: 15px;
  }

  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{
    padding-left: 0px !important;
  }

  .sidebar-part2 nav.navbar.bootsnav ul li ul li a{
    font: normal normal normal 17px/26px Mukta;
    letter-spacing: 0px;
  }

  .swiper-current-page{
    padding-left: 0px;
  }

  .searchInput{
    margin-bottom: 16px;
  }

  .main{
    margin-top: 120px;
    margin-bottom: 80px;
  }

  .president-main{
    margin-top: 120px;
  }

  .dogodki .calendar{
    margin-top: 48px;
  }

  .text-right{
    text-align: left !important;
  }
  .content-nivo .cont-author h5, .content-nivo .cont-author h4{
    text-align: left;
  }

  .content-nivo .cont-author hr{
    float: left;
  }

  .content-nivo .cont-author ul{
    float: left;
  }

  .content-nivo .cont-author ul li{
    float: left;
  }

  .mt-96{
    margin-top: 96px;
  }

  .mb-200{
    margin-bottom: 80px;
  }

  .mb-80{
    margin-bottom: 80px;
  }

  .padd-top-228{
    padding-top: 0px;
  }

  .content-nivo .cont-desc{
    margin-top: 32px;
  }

  .content-nivo .cont-head p{
    font: normal normal normal 20px/30px Mukta;
  }

  .content-nivo .cont-head h2{
    font: normal normal bold 28px/36px 'CooperSemiBold';
  }

  .content-nivo .cont-desc p{
    font: normal normal normal 17px/26px Mukta;
  }

  .about-desc p{
    font: normal normal normal 17px/26px Mukta;
  }

  h4{
    font: normal normal bold 17px/28px Mukta;
  }

  h1.cooper{
    font: normal normal bold 32px/40px 'CooperSemiBold' !important;
  }

  .pb-200{
    padding-bottom: 80px;
  }

  h2.cooper{
    font: normal normal bold 24px/32px 'CooperSemiBold' !important;
  }

  .homeSlider .swiper-slide h2{
    font: normal normal bold 20px/32px 'CooperSemiBold' !important;
  }

  .sliderBg .mt-96{
    margin-top: 26px;
  }
  
  .mt-64{
    margin-top: 32px;
  }

  .mt-128{
    margin-top: 48px;
  }

  .mt-48{
    margin-top: 24px;
  }

  .swiper-gallery-progress-bar{
    display: none;
  }

  .swiper-gallery-current-page{
    margin-top: 4px;
  }

  .swiper-gallery-all-dots{
    margin-top: 13px;
  }

  .swiper-gallery-move-dots{
    margin-top: 13px;
  }

  .gallery-content .swiper-slide{
    height: calc((139px - 30px) / 2);
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .gallery-content .swiper-container{
    height: 300px;
  }

  .swiper-gallery-all-dots span, .swiper-gallery-move-dots span{
    margin-right: 5px;
  }

  .homeProjects h1{
    font: normal normal bold 32px/40px 'CooperSemiBold';
  }

  .sProjects .project .content .img{
    max-width: 100%;
    text-align: center;
  }

  .sProjects .project .content .desc{
    width: 100%;
  }

  .content-nivo .cont-author .projekt-logo{
    float: left;
    margin-top: 32px;
  }

  select{
    width: 100%;
  }

  .custom-s{
    width: 100%;
  }

  .advertise{
    margin-bottom: 16px;
  }

  .publications{
    margin-top: 32px;
  }

  .publications{
    margin-bottom: 0px;
  }

  .cont-head p{
    font: normal normal normal 20px/28px Mukta;
  }

  .mt-32{
    margin-top: 16px;
  }

  .cont-desc h2 span, .cont-head h2 span{
    font: normal normal bold 24px/32px 'CooperSemiBold';
  }

  h2 span, .cont-head h2 span{
    font: normal normal bold 24px/32px 'CooperSemiBold';
  }

  .membership-card .cont-desc p{
    font: normal normal normal 17px/28px Mukta;
  }

  .membership-card h3{
      font: normal normal bold 24px/32px 'CooperSemiBold';
  }

  .cont-desc p{
    font: normal normal normal 17px/28px Mukta;
  }

  .choose-radio .main-radio label{
    font: normal normal normal 17px/28px Mukta;
    font-size: 17px;
  }

  .application-form{
    margin-bottom: 80px;
  }
  .cont-desc ul li{
    font: normal normal normal 17px/28px Mukta;
  }

  .dropify-wrapper .dropify-message p{
    width: 100%;
  }

  .dropify-wrapper.touch-fallback .dropify-message{
    padding:0px;
  }

  .showing .showOptions a{
      padding: 8px 12px;
  }
  .specialOrder{
    display: flex;
    flex-wrap: wrap;
  }

  .president-img{
    height: auto;
    width: 100%;
    float: left;
    max-height: auto;
  }

  .location-data{
    position: relative;
    float: left;
    max-width: 100%;
    top: unset;
    margin-top: 20px;
  }

  .cont-author hr{
    float: left;
  }

  .cont-author h5, .cont-author h4{
    text-align: left;
  }

  .cont-author ul{
    float: left;
  }

  .cont-author ul li{
    float: left;
  }


  .cont-desc span, .about-desc span{
    text-align: left;
  font: normal normal normal 20px/30px Mukta !important;
  letter-spacing: 0px;
  color: #081E30 im !important;
  }

  .information-page .cont-desc h3{
    font: normal normal normal 20px/28px Mukta;
  }

  .information-page .cont-desc p{
    font: normal normal normal 17px/28px Mukta;
  }

  blockquote, blockquote h2{
    font: normal normal bold 24px/32px 'CooperSemiBold';
  }

  .information-page .cont-desc h3{
    font: normal normal normal 17px/28px Mukta;
  }

  .information-page .cont-desc h4{
    font: normal normal normal 17px/28px Mukta;
  }

  blockquote h4{
    color: #081E30;
font: normal normal normal 20px/30px Mukta;
text-align: center;
  }

  blockquote h4::before {
    left: calc(50% - 16px);
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 4px;
    background: #081E30;
}

  blockquote h6{
    font: normal normal bold 17px/26px Mukta;
letter-spacing: 0px;
color: #081E30;
  }

  .blockquote{
    margin-top: 80px;
  }

  
  .about-project {
    padding-top: 48px;
    padding-bottom: 32px;
  }

  .newsletter-main{
    margin-top: 120px;
    padding-bottom: 80px;
  }

  .map-frame iframe{
    width: 100%;
    height: 250px;
    margin-top: 20px;
  }

  .information-page .cont-desc .buttons a{
    margin-bottom: 16px;
  }

  .search-wrapper{
      padding: 15px 15px;
      top: 100px;

  }

  .search-wrapper input{
    font: normal normal normal 17px/28px Mukta !important;
  }

  .search-wrapper input::placeholder{
    font: normal normal normal 17px/28px Mukta !important;
  }

  .search-wrapper input{
    height: 40px !important;
  }

  .search-wrapper .input-wrapper button{
    right: 20px;
    top: 26px;
  }

  .search-big-icon{
    width: 20px;
    height: 20px;
    background: url('../img/search.svg');
  }



  .sidebar-part2 ul > li.dropdown::before {
    content: '';
    position: absolute;
    width: 32px;
    height: 4px;
    border-radius: 4px;
    background: #FFFF;
    top: 15px;
    left: 0px;
  }

  .sidebar-part2 ul > li.dropdown {
    padding-left: 45px;
    position: relative;
  }

  .sidebar-part2 ul > li {
    width: 100%;
    padding: 5px 30px 5px 0;
        padding-left: 0px;
  }

  .sidebar-part2 ul > li {
    margin-bottom: 15px;
    padding: 5px 0px 5px 0;
  }

  .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
    display: block !important;
    opacity: 1 !important;
  }

  .sidebar-part2 ul > li.dropdown ul::before {
    content: '';
    height: 100%;
    position: absolute;
    left: -45px;
    width: 1px;
    background: #FFF;
}

.tursticna h1{
  font: normal normal bold 32px/40px 'CooperSemiBold' !important;
}

.showing .showOptions a{
  margin-right: 8px;
margin-bottom: 8px;
}

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  .gallery-content .swiper-container{
    height: 420px;
  }
  .gallery-content .swiper-slide{
    height: calc((320px - 30px) / 2);
  }
}

@media(max-width: 412px){
  .main-nav .container{
    width: 160px;
    max-width: 160px;
    display: block !important;
    padding-left: 0px;
    padding-right: 0px;
  }

  .menu-socials-search{
    float: right;
position: relative;
margin-right: 0px;
  }
}