.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-100 { margin-bottom: 100px; }
.mb-150 { margin-bottom: 150px; }
.mb-250 { margin-bottom: 250px; }

.prasina { position: fixed; z-index: 1001; top: 0; left: 0; width: 100vw; height: 100%; pointer-events: none; background-image: url(../images/bg/prasina.png); }

.natural-shadow { filter: drop-shadow(0 70px 120px rgb(129 124 47 / 0.75)); }


.mb30 { margin-bottom: 30px; }

/******************************************************
/// Download files
******************************************************/
.border-r8 { border-radius: 8px; }
.file-desc { height: 5rem; width: 5rem; background-color: #1a2f52; border-radius: 8px 0 0 8px; }
.file-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--ct-primary); color: #fff; display: -webkit-box; display: -ms-flexbox;  display: flex; font-weight: 600; font-size: 40px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }
.file-icon i { color: #fff; }
.file-title a { color: rgba(33, 37, 41, 0.75); display:block; font-weight: 800; font-size: 13px; line-height: 17px; width: 95%; }
.file-title a:hover { color: #1a2f52; }
.file-title p { display:block; font-weight: 600; font-size: 13px; line-height: 17px; width: 95%; }

.field-notice { color: red; font-weight: 800; }


/******************************************************
/// Glavni izbornik
******************************************************/
.izbornikBtnWrap { position: fixed; right: 0px; top: 0px; background-color: #1a2f52; width: 70px; height: 70px; cursor: pointer; z-index: 999999999; }
.izbornikBtn { position: relative;display: block;width: 60px;height: 60px;padding: 0;top: 2px;left: 10px;z-index: 999999999;background: transparent;transition: 0.5s ease-in-out;cursor: pointer;}
.izbornikBtn span, .izbornikBtn span:before, .izbornikBtn span:after { cursor: pointer; border-radius: 0; height: 4px; width: 50px; background: #817c2f; position: absolute; display: inline-block; opacity: 1; visibility: visible; content: ''; left: 0px; }
.izbornikBtn:hover span, .izbornikBtn:hover span:before, .izbornikBtn:hover span:after { background: #fff; }
.izbornikBtn span:before { top: -16px; left: 0px; }
.izbornikBtn p, .izbornikBtn p i { display: none; opacity: 0; visibility: hidden; }
.izbornikBtn span:after { bottom: -16px; left: 0px; }
.izbornikBtn span, .izbornikBtn span:before, .izbornikBtn span:after { -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); }
.izbornikBtn.is-active span { background-color: transparent; }
.izbornikBtn.is-active span:before, .izbornikBtn.is-active span:after { top: 0; }
.izbornikBtn.is-active span:before { transform: rotate(45deg); }
.izbornikBtn.is-active span:after { transform: translateY(-10px) rotate(-45deg); top: 10px; }

.puls { position: absolute;left: 30px;top: 19px;width: 30px;height: 30px;border-radius: 100%;margin-left: -10px; background-color: #fff;-webkit-animation: sk-scaleout 1.4s infinite ease-in-out;animation: sk-scaleout 1.5s infinite ease-in-out;}
@-webkit-keyframes sk-scaleout { 
	0% { -webkit-transform: scale(0) } 
	100% { -webkit-transform: scale(1.5); opacity: 0 }
}
@keyframes sk-scaleout { 
	0% { -webkit-transform: scale(0); transform: scale(0) }
	100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 }
}

@keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(87, 197, 206, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(87, 197, 206, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(87, 197, 206, 0); }
}



/******************************************************
/// StickyNavIcons
******************************************************/
.stickyNav { position: fixed; top: 45px; right: 0; z-index: 999; }
.stickyNav ul { display: block; margin: 0 auto; text-align: center; background: #fff; height: 100vh; }
.stickyNav li { z-index: 999999; line-height: 60px; display: block; position: relative; width: 70px; height: 60px; }
.stickyNav ul li.current { line-height: 60px; width: 70px; height: 70px; }
.stickyNav div { border-radius: 0; text-align: center; position: relative; max-height: 48px;}
.stickyNav div:hover { cursor: pointer; }
.stickyNav ul li:hover { background-color: #1a2f52; }
.stickyNav ul li:hover i { color: #fff; }
.stickyNav ul li i { font-size: 23px; color: #1a2f52; }
.stickyNav div a { transition: all 0.4s ease; font-weight: 700; padding: 6px 15px; line-height: 48px; text-transform: uppercase; text-align: center; width: 100%; display: table; cursor: pointer; position: absolute; width: 0; color: #fff; font-family: 'Poppins', sans-serif; background: #1a2f52; right: calc(100% - 0px); top: 0; white-space: nowrap; transition: .4s ease-out; -webkit-transition: .4s ease-out; -moz-transition: .4s ease-out; -ms-transition: .4s ease-out; -o-transition: .4s ease-out; transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; overflow: hidden; opacity: .8; height: 100%; }
.stickyNav a img, .stickyNav img { width: 30px; height: auto; }
.stickyNav img { margin-top: -5px; }
.stickyNav a i { line-height: 60px; color: #1a2f52; display: inline-block; margin: 0 auto; }
.stickyNav ul li:hover i { color: #817c2f; }
.stickyNav ul li.current { background-color: #1a2f52; color: #817c2f; }
.stickyNav ul li.current i { color: #817c2f; }
.stickyNav div:focus { outline: 0; }
.stickyNav .left-no-border-radius { border-radius: 0; }
.stickyNav .left-no-border-radius a { width: auto; transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); opacity: 1; }
.stickyNav ul li.toTop { position: absolute; bottom:0; }

@media only screen and (max-width: 992px)  { 
	.stickyNav { position:fixed; top: 0; left: 0; height: 70px; background: #1a2f52; z-index: 999999; }
	.stickyNav img { margin-top: 15px; }
	.stickyNav ul { position:relative; display: block; width:100%; padding:0; text-align: left; background: transparent; margin: 0px auto 0 5px; height:0; top:-45px; } 
	.stickyNav ul li { display: inline-block; position: relative; width: auto; height: 60px; background-color: transparent; padding: 0 6px; border-bottom: 0 solid #817c2f; margin:0; }
	.stickyNav ul li i { color: #817c2f;}
	.stickyNav div a { padding: 10px 12px; }
	.stickyNav ul li:hover i { color: #fff;}
  	.stickyNav ul li a { font-size: 13px; line-height: 40px; text-transform: uppercase; color: #817c2f; text-align: center; width: 40px; display: table; cursor: pointer; }
}

/******************************************************
/// Switcher
******************************************************/
.switch-wrap { position: absolute;top: -50px;left:70px;z-index:99;-webkit-transition: all 500ms linear;transition: all 500ms linear;text-align: right;}
#switch, #circle { cursor: pointer; -webkit-transition: all 300ms linear; transition: all 300ms linear; }
#switch { color: #133043;font-size: 11px;font-weight: 600;width:70px;height: 22px;line-height: 19px;margin: 0 auto;text-align: center;/* box-shadow: inset 1px 2px 2px rgba(50, 50, 50, 0.65); */border: 2px solid #1a2f52;/* border-radius: 8px; *//* background: #1a2f52; */position: relative;display: inline-block;}
#circle { font-weight: 600; position: absolute;top: 2px;right: 2px;width: 14px;height: 14px; background: #817c2f;  }
.switched { background: #fff; color: #817c2f; }
.switched #circle { right: 60px; animation: pulse 2s infinite; }


html.light { filter: saturate(0) brightness(0.8) contrast(2); mix-blend-mode: multiply; }
.switch-tema { position: absolute; top:52px; left:20px; z-index:9999;-webkit-transition: all 500ms linear; transition: all 500ms linear; text-align: right; }
.switch-mod { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index:999; }
.switch-mod .switch__light, .switch-mod .switch__dark { transition: all 0.3s ease-in; }
.switch-mod .switch__light { font-size: 36px; visibility: visible; color: #000; }
.darkmode .switch-mod .switch__light { font-size: 0; visibility: hidden; }
.switch-mod .switch__dark { font-size: 0; visibility: hidden; color: #aaa; -webkit-box-shadow:0px 0px 105px 45px rgba(255,255,255,0.9); -moz-box-shadow: 0px 0px 105px 45px rgba(255,255,255,0.9); box-shadow: 0px 0px 105px 45px rgba(255,255,255,0.9); }
.darkmode .switch-mod .switch__dark { font-size: 26px; visibility: visible; }
body.darkmode { background: #fff; }













.post-widget .post{
  position: relative;
  display: block;
  padding-left: 90px;
  margin-bottom: 27px;
}

.post-widget .post:last-child{
  margin-bottom: 0px;
}

.post-widget .post .post-thumb{
  position: absolute;
  left: 0px;
  top: 6px;
  width: 70px;
  height: 70px;
  border-radius: 5px;
}

.post-widget .post .post-thumb img{
  width: 100%;
  border-radius: 5px;
}

.post-widget .post h6{
  display: block;
  font-size: 16px;
  line-height: 24px;
  padding-left: 20px;
  color: #1a2f52;
  margin-bottom: 3px;
  text-transform: uppercase;
}

.post-widget .post h6 i{
  position: absolute;
  left: 0px;
  top: 6px;
  font-size: 14px;
}

.post-widget .post h4{
  display: block;
  font-size: 20px;
  line-height: 28px;
}

.post-widget .post h4 a{
  display: inline-block;
  color: #1a2f52;
}

.post-widget .post h4 a:hover{

}

.post-widget .widget-title{
  margin-bottom: 18px;
}

.post-widget{
  margin-bottom: 33px;
}



.social-lg {
    position: absolute;
    top: -49px;
    right: 100px;
    z-index: 9;
}
.social-lg div {
    border-radius: 0;
    display: inline-block;
    margin: 0 10px;
    padding: 0;
    text-align: center;
    position: relative;
}
.social-lg a { font-size: 28px; color: #1a2f52; }
.social-lg a:hover { color: #817c2f; }

li.hidden { display:none; }















.loaderWrap .loader_content { position:relative; }

.loaderWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width:100%;
  background-color: #fff;
  z-index:99999999999;
  position:absolute;
}

.loader {
  max-width: 12rem;
  width: 100%;
  height: auto;
  stroke-linecap: round;
  box-shadow: -40px 0 100px 0px rgba(26, 47, 82, 0);
  border-radius:50%;
}

.loaderWrap .loader_content span {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    top: -42px;
    left: -138px;
}
circle {
  fill: none;
  stroke-width: 3.5;
  -webkit-animation-name: preloader;
          animation-name: preloader;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  transform-origin: 170px 170px;
  will-change: transform;
}
circle:nth-of-type(1) {
  stroke-dasharray: 550px;
}
circle:nth-of-type(2) {
  stroke-dasharray: 500px;
}
circle:nth-of-type(3) {
  stroke-dasharray: 450px;
}

circle:nth-of-type(1) {
  -webkit-animation-delay: -0.25s;
          animation-delay: -0.25s;
}
circle:nth-of-type(2) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
circle:nth-of-type(3) {
  -webkit-animation-delay: -0.55s;
          animation-delay: -0.55s;
}


@-webkit-keyframes preloader {
  50% {
    transform: rotate(360deg);
  }
}

@keyframes preloader {
  50% {
    transform: rotate(360deg);
  }
}




.shareIconsWrap { display: inline; }
.shareIconsWrap h4, .shareIconsWrap .share-block { display: inline-block; }
.shareIconsWrap h4, .vrijemeCitanja, .vrijemeCitanja small { font-weight: 600; font-size: 0.85rem; text-transform: uppercase; }
.share-block { transform: scale(0.9)}

.vrijemeCitanja {
    color: #1a2f52;
    padding: 0;
    margin: 0;
    position: relative;
    display: inline-block;
}

.vrijemeCitanja small {
    color: #1a2f52;
    padding: 0;
    margin-left: 5px;
    position: relative;
    display: inline-block;
	 font-weight: 800;
}



.content-meta-row { flex-wrap: wrap; gap: 1rem; }
.content-meta-row h6, .content-meta-row .shareIconsWrap { flex: 1 1 auto; }
.content-meta-row h6 { font-weight: 600; font-size: 0.85rem; text-transform: uppercase; }


.dark-mode {
  background-color: #1c1c1e;
  color: #f5f5f7;
}

.dark-mode h2 {
  color: #f5f5f7;
  transition: color 0.3s, color 0.3s;
}

.dark-mode .section-title {
  color: #f5f5f7;
  transition: color 0.3s, color 0.3s;
}

.switch {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.switch input {
  display: none;
}



.switch input:checked + .slider {
  background-color: #4cd964;
}

.switch input:checked + .slider::before {
  transform: translateX(16px);
}


body.overlay-active::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(26, 47, 82, 1);
    z-index: 9999; 
    pointer-events: none; /* Dozvoli klik kroz overlay */
}


.video-section {
    position: relative;
    left: 0;
    width: 100%;
	z-index:9999;
	max-width: 100%;
    margin: 80px auto;
}

.hidden { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out; }
.visible { height: 100vh; transition: max-height 0.5s ease-in-out; z-index:9999; }

#videoContainer {
    width: 100%;
	z-index:9999999;
    position: absolute;  


  
}

#videoContainer video {
    width: 100%;
  
    object-fit: cover;
 
}

#videoContainer video[poster] {
  
    width: 100%;
	background-size: 100% 100%;
     object-fit: cover;
}

.controls {
    position: relative;
    z-index:99999999;
    top: 0;

}

.controls button {
    padding: 0.5em 1em;
    margin-right: 0.5em;
    cursor: pointer;
}


#fullscreenButton {
    display: inline-block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50px;
    transform: rotate(0deg) translateX(-55%);
    z-index: 99999;
    color:#fff;
    font-size: 30px;
 }




@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(87, 197, 206, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px rgba(87, 197, 206, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(87, 197, 206, 0);
    }
}









/***************************************** *************
/// Isotope
******************************************************/
.isotopeWrapper { background: url("../images/icons/loading.gif") no-repeat center 50px; }
.isotopeWrapper.loaded { background: none; }
.isotopeItem { visibility: hidden; }
.isotopeWrapper.loaded .isotopeItem { visibility: visible; }
.lazy-wrapper { position: relative!important; box-sizing: content-box!important; -moz-box-sizing: content-box!important; 
-webkit-box-sizing: content-box!important; -ms-box-sizing: content-box!important; -o-box-sizing: content-box!important; }
.lazy-wrapper.loading { padding-bottom: 104px!important; transition: all 0.3s!important; }
.lazy-more-wrapper {position: absolute;bottom: -152px;padding-top: 50px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;display: none;height: 104px;width: 25%;text-align: center;clear: both;}
.lazy-img-loading { background: url("../images/icons/loading.gif") center no-repeat; height: 64px; width: 64px; margin: 0 auto; }
a.lazy-more-btn {color: #175280!important;border: 0;cursor: pointer;display: block;padding: 35px 28px 10px 28px;font-size:20px;letter-spacing: 0;font-weight: 900;text-transform: uppercase;text-align: center;vertical-align: middle;white-space: nowrap;border-radius: 0;}
.lazy-more-btn span i {position: relative;display: inline-block;content: "";margin: -5px 0 0 10px;font-size: 34px;vertical-align: middle;font-weight: 500;animation: rotation infinite 3s linear;}
@keyframes rotation { from{ transform:rotate(0deg); } to { transform:rotate(360deg); } }
.lazy-more-btn { height: 8px; background: -moz-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204,0.75) 60%, rgba(50, 50, 50, 0) 100%);background: -webkit-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgb(129 124 47) 40%, rgba(50, 50, 50, 0) 100%);background: -ms-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204,0.75) 60%, rgba(50, 50, 50, 0) 100%);background: -o-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204,0.75) 60%, rgba(50, 50, 50, 0) 100%);background: linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204,0.75) 60%, rgba(50, 50, 50, 0) 100%);}
a.lazy-more-btn span {display:block;max-width: 260px;border-top:0;padding: 20px 25px 15px 25px;background: #fff;border-radius: 50px;position:relative;top: -53px;box-shadow: -3px 0px 62px 0px rgb(134 125 50);border: 6px solid rgb(129 124 47);}
a.lazy-more-btn:active, a.lazy-more-btn:focus, a.lazy-more-btn:hover, .lazy-more-btn:hover  {  }
.lazy-more-btn span, .lazy-more-btn span::before { -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -ms-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; transition: 0.2s ease-out; } 
.lazy-more-btn:hover span, .lazy-more-btn:hover span::before {color: rgba(129, 124, 47, 1);} 
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width;  -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property:  -ms-transform, opacity;  -o-transition-property:top, left, opacity; transition-property:transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }





/******************************************************
/// Weather icons
******************************************************/
.weather-icons {
    position: relative;
    z-index: 9;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.weather-icons ul {
    position: relative;
    z-index: 9;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
}

.weather-icons ul li {
	
flex: 0 0 calc(20% - 10px);
	
/* height: 100px; */
	
margin: 5px;
	
display: flex;
	
flex-direction: column;
	
align-items: center;
	
justify-content: center;
	
/* width: 88px; */
	
padding: 40px 20px;
	
display: -webkit-box;
	
display: -ms-flexbox;
	
display: flex;
	
-webkit-box-pack: center;
	
-ms-flex-pack: center;
	
justify-content: center;
	
-webkit-box-align: center;
	
-ms-flex-align: center;
	
align-items: center;
	
display: block;
	
text-align: center;
	
border-radius: 5px;
	
color: #1a2f52;
	
background: rgba(0, 114, 186, 0.15);
	
border: 1px solid transparent;
	
-webkit-transition: all 400ms linear;
	
-moz-transition: all 400ms linear;
	
-ms-transition: all 400ms linear;
	
-o-transition: all 400ms linear;
	
transition: all 400ms linear;
	
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1), 0 0 0 1px hsla(230, 13%, 9%, 0.02), 0 0.1px 0.3px hsla(230, 13%, 9%, 0.06), 0 1px 2px hsla(230, 13%, 9%, 0.12), 0 1px 3px -1px hsla(230, 13%, 9%, 0.2);
}

.weather-icons ul li a {
   color: #1a2f52;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   line-height: 40px;
   font-weight: 900;
   transform: scale(0.9);
   font-size: 26px;
}

.weather-icons ul li a i {
    display: block;
    color: #1a2f52;
    font-size: 65px;
    font-weight: 300;
    transition: all 0.3s;
}

.weather-icons ul li span {
    display: block;
    position: relative;
    top: 7px;
    font-weight: 700;
    margin-top: 5px;
    font-size: 20px;
	font-family: 'Poppins', sans-serif;
}

.weather-icons ul li:hover {
    cursor: pointer;
     opacity: 1;
    border: 1px inset rgba(0, 114, 186, 0.25);
}

.weather-icons ul li a:hover, .weather-icons ul li a:hover i, .weather-icons ul li span:hover {
    color: #1a2f52;
}
.weather-icons ul li a:hover i {
    color: #1a2f52;
    transform: scale(1.2);
}







.dizajn { width: 100%; position: relative; margin: 0; }
.dizajn p:after { position: absolute; content: ""; z-index: 9999; border-right: 30px solid #817c2f; height: 30px; left: -4px; bottom: -20px; border-radius: 50%; }
.dizajn p:before { position: absolute; content: "\261D"; z-index: 99999; height: 28px; left: -1px; bottom: -20px; border-radius: 50%; font-size: 29px; color:#fff; }
.dizajn p { position: absolute; left: -125px; bottom: 250px; padding: 0 15px; transform: rotate(-90deg); padding: 10px 20px;
	margin: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	z-index:999;
	font-size: 12px;
	text-transform: uppercase;
	color: #817c2f;
	font-weight: 500;
	box-shadow: 0px -5px 25px -10px rgba(26, 47, 82, 0.9);
}
.dizajn p a { font-weight: 700;color: #1a2f52;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;text-transform: lowercase;padding-left: 15px;}
.dizajn a:hover { opacity: 0.45; color: #1a2f52; }
.footer-style-two .copyright_text { position: relative; overflow: hidden; font-size: 16px; line-height: 30px; margin: 0;
	padding: 0;
}
.footer-style-two .copyright_text p i {
    position: relative;
    overflow: hidden;
    font-size: 35px;
    line-height: 35px;
    margin: 0 25px;
    padding:0;
}
.footer-style-two .copyright_text p i:first-child { margin-left: 0; }
.footer-style-two .copyright_text a {
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    font-weight: 600;
    text-decoration: none;
    font-size: 17px;
    color: #817c2f;
    font-family: 'Montserrat', sans-serif;
}

.footer-style-two .copyright_text a:hover { color: #fff; text-decoration: none; }




}
.row.vertical-divider {
  overflow: hidden;
  margin-bottom: 0;
 
}
.row.vertical-divider > div[class^="col-"] {
  text-align: left;
  padding: 130px 42px 180px 42px;
  margin-bottom: 0px;
  border-left: 1px solid #224359;
  border-right: 1px solid #224359;
/*    box-shadow: 33px 0px 80px 0 rgba(26, 47, 82, 0.8);  */
  
  box-shadow: 33px 330px 80px 0 rgba(26, 47, 82, 0.8);
  
  transition: transform 0.2s ease;
}



.row.vertical-divider > div[class^="col-"]:hover {
  
  transform: translateZ(20px) translateY(20px); /* Adjust depth and vertical movement */
}
.row.vertical-divider div[class^="col-"]:first-child {
  border-left: none;   

}
.row.vertical-divider div[class^="col-"]:last-child {
  border-right: none;
}



/* EFFECT 1 ========================================== */

.effect-1 {
    position: relative;
}
.effect-1::before, .effect-1::after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #aaa;
    box-shadow: 0 15px 10px #aaa;
    transform: rotate(-3deg);
}
.effect-1::after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}


/* EFFECT 2 ========================================== */
.effect-2::before{
    position: absolute;
    content: "";
    z-index: -1;
    bottom: 5px;
    left: 30px;
    right: 30px;
    top: 80%;
    background: #aaa;
    box-shadow: 0 0 25px 17px #aaa;
    border-radius: 100px/10px;
}


/* EFFECT 3 ========================================== */
.effect-3 {
    position: relative;
}

.effect-3::before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #aaa;
    box-shadow: 0 15px 10px #aaa;
    transform: rotate(-3deg);
}


/* EFFECT 4 ========================================== */
.effect-4 {
    position: relative;
}

.effect-4::before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 10px;
    left: auto;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #aaa;
    box-shadow: 0 15px 10px #aaa;
    transform: rotate(3deg);
}


/* EFFECT 5 ========================================== */
.effect-5::before{
	position: absolute;
	content: "";
	z-index: -1;
	bottom: 20px;
	left: 8px;
	right: 8px;
	top: 20px;
	background: #aaa;
	box-shadow: 0 0 25px 10px #aaa;
	border-radius: 10px/40px;
}
.effect-5::after{
	position: absolute;
	content: "";
	z-index: -1;
	bottom: 14px;
	left: 30px;
	right: 30px;
	top: 14px;
	background: #aaa;
	box-shadow: 0 0 25px 17px #aaa;
	border-radius: 100px/10px;
}

/* EFFECT 6 ========================================== */
.effect-6 {
    position: relative;
}

.effect-6::before {
	position: absolute;
	content: "";
	z-index: -1;
	top: 26px;
	left: 12px;
	bottom: 50px;
	width: 20%;
	transform: rotate(-10deg);
	box-shadow: 0 10px 25px 10px #aaa;
}

.effect-6::after {
	position: absolute;
	content: "";
	z-index: -1;
	top: 26px;
	right: 10px;
	bottom: 50px;
	width: 20%;
	transform: rotate(8deg);
	box-shadow: 0 10px 25px 10px #aaa;
}












.overlay-gradient {
    position: relative;
}

.overlay-gradient::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, #4FC3F7, #8E24AA);
    display: block;
    opacity: 0.55;
}

.overlay-dark {
    position: relative;
}

.overlay-dark::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    display: block;
    opacity: 0.55;
}

.overlay-content {
    z-index: 99;
    position: relative;
}








/******************************************************
/// Kontakt
******************************************************/
.contact-item {
    padding: 60px 20px 30px 20px;
    background: #fff;
    box-shadow: 0 3px 26px rgba(50, 50, 50, 0.26), 0px 0px 0px rgba(50, 50, 50, 0.26);
}

.contact-item .item {
    padding: 30px;
}

.contact-item .item .icon {
    padding: 0 0 30px;
}

.contact-item .item .icon {
    line-height: 0;
}

.contact-item .item .icon .gdlr-core-icon-item-wrap {
    display: inline-block;
    padding: 20px;
}

.contact-item .item .icon i {
    color: #12bfcc;
    font-size: 80px;
    min-width: 80px;
    min-height: 80px;
    font-weight: 500;
}

.contact-item .item .title {
    padding: 0;

}


/***************************************** *************
/// Bootstrap 5 izmjene
******************************************************/
body[style*="padding-right: 16px;"] { padding-right: 0 !important; }
.offcanvas.offcanvas-top { height: 100vh; background-image: url("../images/bg/bg_colorful_lighter2.jpg"); background-size: cover; background-position: bottom left; }
.offcanvas-top { opacity: 0; pointer-events: none; transform: translateY(-100%); transition: all 0.4s ease; min-height: 350px; position: fixed; height: 100%; overflow-y: hidden; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ }
.offcanvas-top::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ }
.offcanvas-top.show { opacity: 1; pointer-events: all; transform: translateY(0); z-index:99999; }
.offcanvas-body { overflow-y: hidden; }
.offcanvas-body p { font-size: 18px; line-height: 26px; font-weight: 600; }
.custom-tooltip { text-transform: uppercase; font-family: "Montserrat", sans-serif; --bs-tooltip-bg: rgba(26, 47, 82, 1); --bs-tooltip-color: rgba(255, 255, 255, 1); --bs-tooltip-opacity: 1; font-size: 13px; font-weight: 800; }
.tooltip { z-index: 999999999; }


/***************************************** *************
/// Animacije
******************************************************/
.swing { animation: swing ease-in-out 1s infinite alternate; transform-origin: center; float:left; }
.swingReverse { animation: swingReverse ease-in-out 1s infinite alternate; transform-origin: center; float:left; }

@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}
@keyframes swingReverse {
    0% { transform: rotate(-9deg); }
    100% { transform: rotate(9deg); }
}

.floating { -webkit-animation-name: Floatingx; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: Floating; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; }
.floating2 { -webkit-animation-name: Floatingx2; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: Floating2; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; }
.floating3 { -webkit-animation-name: Floatingx3; -webkit-animation-duration: 7s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: Floating3; -moz-animation-duration: 7s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; }
.floating:hover, .floating2:hover, .floating3:hover { animation-play-state: paused; }

@-webkit-keyframes Floatingx {
    from { -webkit-transform:translate(0, 0px); }
    65% { -webkit-transform:translate(0, 5px); }
    to { -webkit-transform: translate(0, -0px); }    
}
@-moz-keyframes Floating {
    from { -moz-transform:translate(0, 0px); }
    65% { -moz-transform:translate(0, 5px); }
    to { -moz-transform: translate(0, -0px); }    
}
@-webkit-keyframes Floatingx2{
    from { -webkit-transform:translate(0, 0px);}
    45% { -webkit-transform:translate(0, 8px);}
    to { -webkit-transform: translate(0, -0px); }    
}
@-moz-keyframes Floating2{
    from { -moz-transform:translate(0, 0px); }
    45% { -moz-transform:translate(0, 8px); }
    to { -moz-transform: translate(0, -0px); }    
}
@-webkit-keyframes Floatingx3{
    from { -webkit-transform:translate(0, 0px); }
    50% { -webkit-transform:translate(4px, 8px); }
    to { -webkit-transform: translate(0, -0px); }    
}
    
@-moz-keyframes Floating3{
    from { -moz-transform:translate(0, 0px); }
    50% { -moz-transform:translate(4px, 8px); }
    to { -moz-transform: translate(0, -0px); }    
}



.decoration { position: absolute; right: 0; z-index: 9; top: -220px; width: 1584px; height: 1069px; background-repeat: no-repeat; background-size: 100%; }
#page-1 .decoration { right: 0; top: -200px; width: 1150px; height: 776px; }


.krugTextCont { position: absolute; top: 0; z-index: 991; left: 50%; margin-left: 0px; margin-top: 20px; transform: rotate(-90deg) translate(50%, -50%); }
.krugTextWrap { position: relative; }
.krugTextWrap a { position: absolute; border-radius: 50%; line-height: 83px; width: 80px; height: 80px; background: #57C5CE; color: #0072ba; font-size: 11px; text-transform: uppercase; text-align: center; top: 55px; left: 57px; }
.krugTextWrap a:hover { color: #57C5CE; background: #0072ba; }
.krugTextWrap svg { width: 12vw; height: 12vw; top: 0; left: 0; overflow: hidden; text-transform: uppercase; }
.krugTextWrap svg:after { display: block; content: ""; }
.krugTextWrap svg .krugText { font-size: 70px; letter-spacing: 3px; width: 100%; fill: #817c2f; font-weight: 800; }


.vidaStandardnaGlava { position: absolute; top: -70px; left: 50%; transform: translateX(-58%); width: 16px; height: 16px; border-radius: 50px; background: #adadad; background: -moz-linear-gradient(-45deg, #adadad 0%, #e1e1e1 51%, #dddddd 68%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#adadad), color-stop(51%,#e1e1e1), color-stop(68%,#dddddd), color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(-45deg, #adadad 0%,#e1e1e1 51%,#dddddd 68%,#f6f6f6 100%); background: -o-linear-gradient(-45deg, #adadad 0%,#e1e1e1 51%,#dddddd 68%,#f6f6f6 100%); background: -ms-linear-gradient(-45deg, #adadad 0%,#e1e1e1 51%,#dddddd 68%,#f6f6f6 100%); background: linear-gradient(135deg, #adadad 0%,#e1e1e1 51%,#dddddd 68%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#f6f6f6',GradientType=1 ); -moz-box-shadow: 0px 2px 4px #000; -webkit-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000, -1px -1px 5px rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); z-index: 9; }
.vidaStandardnaRez { height: 5px; width: 17px; margin-top: 5px; -moz-box-shadow: inset 0px 1px 8px #222; -webkit-box-shadow: inset 0px 1px 8px #222; box-shadow: inset 0px 1px 12px #222; transform: rotate(160deg); -ms-transform: rotate(160deg); -webkit-transform: rotate(160deg); border-radius: 2px; margin-left: -2px; border-bottom: 1px solid rgba(255,255,255,0.3); }


.readMore { position: relative; z-index: 1; display: inline-flex; padding-left: 0px; padding-bottom: 10px; padding-right: 0px; }
.readMore::before { content: ""; width: 100%; height: 100%; background-image: linear-gradient(to top, rgba(129, 124, 47, 1) 10%, rgba(26, 47, 82, 0) 20%);  position: absolute; left: 0; bottom: -4px; z-index: -1;  will-change: width; transform: rotate(-2deg); transform-origin: left bottom }
.readMore:hover::before { width: 0; }
.readMore::before{ transition: width .1s ease-out; }
.readMore:hover::before{ transition-duration: .15s; }



.home_2 .news-block-two .inner-box h6 {
    color: #fff;
    position: absolute;
    top: 25px;
    left: 25px;
    background: rgba(26, 47, 82, 0.3);
    padding: 8px;
    border-radius: 5px;
    display: block;
    font-size: 11px;
    line-height: 12px;
    padding-left: 26px;
    margin-bottom: 0;
    text-transform: uppercase;
	z-index: 9;
}
.home_2 .news-block-two .inner-box h6 i {
    position: absolute;
    left: 8px;
    top: 7px;
    font-size: 14px;
}
.home_2 .news-block-two .inner-box .image-box {
    min-height: 322px;
  max-height: 322px;
}
.news-block-two .inner-box .image-box img {
    min-height: 322px;
	max-height: 322px;
}

.breadcrumb-wrap {
    overflow: hidden
}

.breadcrumb {
    background: 0 0;
    padding: 0;
    margin-bottom: 10px
}

.breadcrumb li {
    color: ;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase
}

.breadcrumb li a {
    color: #817c2f;
    font-weight: 500
}

.breadcrumb li a:hover {
    color: #fff
}

.breadcrumb li+li::before {
    color: #fff;
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    font-size: 14px
}


.menuContainer { display: flex; height: 100vh; z-index: 5; }
.menuContainer__open .menu { display: block; }
.menu { width: 100%; position: fixed; top: 0; left: 0%; height: 100vh; color: #1a2f52; transform: translateY(-100%); background-color: transparent; animation: 0.4s slideDown 0.25s forwards; z-index: 100; padding: 0; }
.menu__list { position: relative; display: flex; align-items: start; justify-content: space-between; list-style: none; padding: 0; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -o-transition: .2s all linear; transition: .2s all linear; }
.menu__item { display: flex; font-weight: 800; font-size: 30px; padding: 20px 25px 10px 25px; margin: 0; min-height: 70px; text-align: left; align-items: start; transition: 0.3s all ease-in-out; cursor: pointer; position: relative; box-sizing: border-box; /* -webkit-backface-visibility: hidden; */ width: 100%; z-index: 9; text-transform: uppercase; }
.menu__list .menu__item:first-child { height: 100vh; background-image: url(../images/usluge/cistoca_zelenilo.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; }
.menu__list .menu__item:last-child { padding-right: 10px; }
.menu__list .menu__item:first-child a { color: #1a2f52; }
.menu__list .menu__item:first-child a:hover { color: #817c2f; }
.menu__list .menu__item { color: #fff;  }
.menu__item:nth-child(odd) { background-color: #817c2f; }
.menu__item:nth-child(even) { background-color: #1a2f52; }
.menu__item:hover { background-color: #817c2f; color: #fff; }
.hover-box { background-color: #fff; color: green; display: block; animation: 0.6s fadeIn ease-in-out; position: absolute; color: #004d40; top: 100%; width: 100%; left: 0; background: linear-gradient(to top, transparent 40%, #fff 100%); text-align: left; box-shadow: 33px 330px 80px 0 rgba(26, 47, 82, 0.8); transition: transform 0.2s ease; }
.hover-box__list { list-style: none; width: 100%; display: flex; /* establish flex container */ flex-direction: column; height: 100vh; }
.hover-box__item { box-sizing: border-box; width: 100%; align-items: center; font-size: 16px; font-weight: 800; padding: 10px 25px; border-bottom: 1px solid rgba(26, 47, 82, 0.2); transition: 0.3s background; box-sizing: border-box; backface-visibility: none; height:100%; flex: 1; /* distribute all available space evenly among flex items */ display: flex; /* make each flex item a flex container, as well */ align-items: center; /* center text vertically (in this case) */ justify-content: start;  /* left text horizontally (in this case) */ flex: unset; max-height: 70px; }
.hover-box__item:last-child { border-bottom: 0; }
.hover-box__item:hover { background-color: rgba(26, 47, 82, 0.1); }
.hover-box__item a { transform: translateX(0px); transition: 0.4s ease; color: #1a2f52; }
.hover-box__item:hover a, .hover-box__item a:hover { transform: translateX(10px); transition-delay: 0.1s; color: #817c2f }
.menu__item .bi { display: none; }

@media only screen and (max-width: 1250px) {
	.menu__item { font-size: 17px; padding: 20px 10px 10px 10px; }
	.hover-box__item { font-size: 12px; line-height: 16px; padding: 10px 10px; max-height: 50px; }
	.menu__list .menu__item:first-child { max-width:120px; }
	.menu__list .menu__item:last-child { padding-right: 15px; } 
}

@media only screen and (max-width: 991px) {
	.menuContainer { height: auto; }
	.menu { height: auto; }
	.menu__list { flex-direction: column; height: auto; }
	.menu__list .menu__item { width: 100%; height: auto; background: none; color: #1a2f52; }
	.menu__list .menu__item:first-child { background-image: none; background-color: #7e7a2e; margin-top:70px; }
	.menu__item { display: block; text-align: left; position: relative; font-size: 20px; padding: 20px; }
	.menu__list .menu__item, .menu__list .menu__item:first-child { width: 100%; min-width: 100%; max-width: 100%; height: auto; }
	.menu__list .menu__item:first-child a:hover { color: #fff; }
	.menu__item:not(:last-child) { border-bottom: 1px solid transparent; }
	.hover-box { display: none; position: relative; width: 100%; margin: 15px 0 0 0; border-top: 2px solid #004d40; box-shadow: none; background: none; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
	.menu__item.open > .hover-box { display: block; max-height: 500px; /* Adjust this value as needed */ }
	.hover-box__list { flex-direction: column; height: auto; }
	.hover-box__item { width: 100%; max-height: none; height: auto; font-size: 14px; padding: 13px 30px; }
	.hover-box__item a:before {  position: absolute; content: "\F519"; font-family: "bootstrap-icons"; font-size: 10px; left: -15px; top: 0; color: #1a2f52; transition: all 0.1s ease; vertical-align: -.125em; display: inline-block; opacity: 1; }
    .menu__item .bi { display: block; margin-left: auto; transition: transform 0.3s ease; position: absolute; transition: transform 0.3s ease; right: 20px; top: 20px; }
	.menu__item.open .bi { transform: rotate(180deg); }
}

@keyframes slideDown {
  from { transform: translateY(-100%); }
  to { transform: translateY(0); }
}


.timelineWrap { position: relative; }
.timeline { position: relative; width: 100%; max-width: 1600px; margin: 0 auto; padding: 250px 0 150px 0; }
.timeline::after { content: ''; position: absolute; width: 2px; background: #006E51; top: 0; bottom: 0; left: 50%; margin-left: -1px; }
.timeliner { padding: 35px 30px; position: relative; background: inherit; width: 50%; }
.timeliner.left { left: 0; }
.timeliner.right { left: 50%; }
.timeliner .vidaGlava { position: absolute; top: calc(50% - 20px); margin-left: 0; left: unset; right: 56px; transform: rotate(-3deg); }
.timeliner.right .vidaGlava { position: absolute; top: calc(50% - 20px); margin-left: 0; left: 56px; right: unset; transform: rotate(-3deg); }
.timeliner.right .vidaRez { transform: rotate(-160deg); -ms-transform: rotate(-160deg); -webkit-transform: rotate(-160deg); }
.timeliner::after { content: ''; position: absolute; width: 16px; height: 16px; top: calc(50% - 8px); right: -8px; background: #ffffff; border: 2px solid #1a2f52; border-radius: 16px; z-index: 1; }
.timeliner.right::after { left: -8px; }
.timeliner::before { content: ''; position: absolute; width: 50px; height: 2px; top: calc(50% - 1px); right: 8px; background: #1a2f52; z-index: 1; }
.timeliner.right::before { left: 8px; }
.timeliner .date { position: absolute; display: inline-block; top: calc(50% - 13px); text-align: center; font-size: 90px; font-weight: 900; color: #1a2f52; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52; }
.timeliner.left .date { right: -250px; }
.timeliner.right .date { left: -250px; }
.timeliner .icon { position: absolute; display: inline-block; width: 40px; height: 40px; padding: 9px 0; top: calc(50% - 20px); background: #F6D155; border: 2px solid #006E51; border-radius: 40px; text-align: center; font-size: 18px; color: #006E51; z-index: 1; }
.timeliner.left .icon { right: 56px; }
.timeliner.right .icon { left: 56px; }
.timeliner .content { padding: 30px 90px 30px 30px; background: #F6D155; position: relative; border-radius: 0 500px 500px 0; background: -moz-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%); background: -webkit-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(129, 124, 47, 0.5) 50%, rgba(50, 50, 50, 0) 100%); background: -ms-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%); background: -o-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%); background: linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%); box-shadow: 0px 0px 120px 0px rgba(50, 50, 50, 0.40); }
.timeliner.right .content { padding: 30px 30px 30px 90px; border-radius: 500px 0 0 500px; }
.timeliner .content h3 { margin: 0; font-size: 19px; line-height: 29px; font-weight: 700; color: #1a2f52; }
.timeliner .content p { margin: 0; color: #1a2f52; }
.timelineWrap .category-box { position: relative; top: 0px; right: 0px; background: #043460; border-top: 2px solid #1a2f52; border-radius: 0; width: 100%; padding: 32px 0px 390px 40px; background: -moz-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%); background: -webkit-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(129, 124, 47,0.5) 50%, rgba(50, 50, 50, 0) 100%); background: -ms-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%); background: -o-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%); background: linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%); }
.timelineWrap .category-box h3 { display: block; font-size: 24px; line-height: 30px; color: #fff; margin-bottom: 4px; }
.timelineWrap .category-list ul { margin: 0px auto; text-align: center; }
.timelineWrap .category-list li { position: relative; display: inline-block; padding: 0px 0px 12px 0px; margin-right: 5px; }
.timelineWrap .category-list li:first-child {  }
.timelineWrap .category-list li:last-child { margin:0 }
.timelineWrap .category-list li a { position: relative; display: inline-block; font-size: 16px; color: #1a2f52; font-weight: 800; text-transform: uppercase; padding-left: 20px; }
.timelineWrap .category-list li a:hover { padding-left: 20px; }
.timelineWrap .category-list li a:before { position: absolute; content: "\F4F4"; font-family: "bootstrap-icons"; font-size: 15px; left: 0; top: 0; color: #1a2f52; transition: all 0.1s ease; vertical-align: -.125em; display: inline-block; opacity: 1; }
.timelineWrap .category-list li a:hover:before{ opacity: 1; }

@media (max-width: 767.98px) {
	.timeline { padding: 80px 0 100px 0 }
	.timeliner .vidaGlava { display:none; }
	.timeline::after { left: 90px; }
	.timeliner { width: 100%; padding-left: 120px; padding-right: 30px; }
	.timeliner.right { left: 0%; }
	.timeliner .content h3 { font-size: 17px; line-height: 27px; }
	.timeliner.left::after,  .timeliner.right::after { left: 82px; }
	.timeliner.left::before, .timeliner.right::before { left: 90px; border-color: transparent #006E51 transparent transparent; }
	.timeliner.left .date, .timeliner.right .date { font-size: 50px; right: auto; left: -15px; transform: rotate(-90deg); }
	.timeliner.left .icon, .timeliner.right .icon { right: auto; left: 146px; }
	.timeliner.left .content,.timeliner.right .content { padding: 30px 30px 30px 40px; border-radius: 10px; }
	.timelineWrap .category-box { padding: 55px 0px; }
.about-style-three .category-box { padding-top: 55px; }

}




/******************************************************
/// Dokumenti - Tabovi
******************************************************/
.dokumentiWrapp { position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 250px 0 150px 0;}


.dokumentiCont .item { border-radius: 0; position: relative; padding: 30px; background: #fff; margin-bottom: 20px; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; box-shadow: 0 3px 26px rgba(0,0,0,0.16), 0px 0px 6px rgba(0,0,0,0.16); }
.dokumentiCont .item .naslovElementa { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; color: #0072ba; margin: 20px 0; font-size: 24px; line-height: 1.4; font-weight: 700; }
.dokumentiCont .item:hover { -webkit-box-shadow: 0px 3px 45px rgba(0,0,0,0.36); box-shadow: 0px 3px 45px rgba(0,0,0,0.36); }
.dokumentiCont .item:hover .naslovElementa { color: #0072ba; }
.dokumentiCont .item .datumVrijemeObjave { font-size: 12px; font-weight: 600; color: #959595; line-height: 15px; display: block; margin-right: 20px; margin-bottom: 10px; text-transform: uppercase; } 
.dokumentiCont .item .datumVrijemeObjave a { color: #959595; } 

.dokumentiTabTitleWrap { color: #0072ba; width:100%; height: auto; }
.dokumentiTabTitleWrap .dokumentiTabTitle { display: block; padding: 0; margin:0 0 30px 0; color: #57C5CE; font-size: 36px; line-height:40px; font-weight: 600; text-shadow: none; text-transform: uppercase; transition: all ease-in-out 0.6s; }
.dokumentDatum { margin: 4px 10px 0 0; line-height: 1; font-size: 16px; font-weight: 700; height: auto; text-align: center; width: auto; padding: 0; background-color: transparent; border-radius: 0; color: #0072ba; }

.tab-wrapper { text-align: center; display: block; margin: auto; max-width: 100%; }
.tabs { margin: 0; padding: 0; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; }
ul.tabs li { margin: 0; }
.tab-ikona { position: relative; left: -28px; top: 2px; display: inline-block; padding: 10px 10px; background: #fff; color: #0072ba; border-radius: 0; font-size: 28px; }
.tab-link:hover { color: #fff; background: #0072ba; }
.tab-link.active { color: #fff; background: #0072ba; top: -6px; -webkit-transform: scale(1.2); transform: scale(1.2); z-index: 4; }
.tab-link { display: block; list-style: none; padding: 15px 25px; line-height: 50px; text-transform: uppercase; cursor: pointer; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; opacity: 1; box-shadow: 30px -2px 100px rgba(0, 114, 186, 1); border-radius: 10px; font-size: 22px; font-weight: 700; color: #0072ba; background: #fff; top: 0; position: relative; -webkit-transform: scale(1); transform: scale(1); }

.tab-content { display: none; opacity: 0; transform: translateY(100px); animation: fadeIn 0.5s ease 1 forwards; transition: all ease-in-out 0.6s; padding: 25px 10px 100px 10px; margin: 0px 0px 0px 0px; }
.tab-content.active { display: block; transition: all ease-in-out 0.6s; }

@keyframes fadeIn { 
	50% { opacity: 0.7; transform: none; }
	100% { opacity: 1; transform: none; } }

.dokumentiWrap { position: relative; width: 100%; }
.dokumentiWrap h3 { font-size: 35px; font-weight: 700; color: #0072ba; text-align: left; margin: 0 0 50px 0px; }
.dokumentiWrap h3 a { color: #0072ba; }
.dokumentiWrap h3 a:hover { color: #57C5CE; }
.dokumentiWrap .dokumentNaslov { width: 80%; margin: 0; display:block; }
.dokumentiListaMulti { width: 100%; margin:0; list-style-position: inside; }
.dokumentiLista { width: 100%; margin:0; padding:0; list-style:none; list-style-position: inside; }
.dokument { position: relative; align-items: center; border-bottom: 3px dashed #57C5CE; transition: all 0.3s; }
.dokument { padding: 20px 0; margin: 0; } 
.dokumentMulti { margin-left: 36px; }
.dokument:first-child { border-top: 0px dashed #57C5CE; }
.dokument:last-child { border-bottom: 0px dashed #57C5CE; }
.dokument p { display: block; font-size: 16px; width: 100%; padding: 10px 25px 0 0; }
.dokumenti ul li ul li.dokumentSadrzaj { align-items: center; border-bottom: 0px dashed #57C5CE; padding: 10px 0; margin:0; }
.dokumenti ul li ul li.dokumentSadrzaj:last-child { border-top: 3px dashed #57C5CE; }
.dokumenti span { padding:0; font-size: 13px; font-weight: normal; transition: all 0.3s; }
 a.dokumentLink, button.dokumentLink { color: #0072ba; text-decoration: none; font-weight: 600; } a.dokumentLink span.btnMore, button.dokumentLink span.btnMore { top: 13px; right: 0; display: inline-block; padding: 6px 0 0 0; text-align: center; width: 32px; height: 32px; color: #fff; background: #0072ba; border-radius: 50%; font-size: 17px; position: absolute; }
button.dokumentLink { float: right; } button.dokumentLink span.btnMore { right: 45px; float: right; } a.dokumentLink { float:left; } a.dokumentLink:hover span.btnMore, button.dokumentLink:hover span.btnMore { color: #0072ba; background: #57C5CE; } a.dokumentLink:hover, button.dokumentLink:hover { color: #212529; } 

h3.accordion-header, h4.accordion-header { font-size: 46px; position: relative; margin-top: 0; margin-bottom: 0; }
.accordion-button:not(.collapsed) { color: #000; background-color: #ddd; font-weight: 700; }
.accordion .content { border-top-left-radius: 20px; }

@media all and (min-width:768px) {
	.container-block { padding: 0.5% 0% 0.5% 0%; }
}
@media all and (max-width:767px) {
	.container-block { padding: 0.5% 0% 0.5% 0%; }
}

.container-flexbox { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline; }

@media all and (min-width: 768px) { 
	.item-col-3 {width: 75%; }
	.item-col-1 { width: 18%; }
}

@media all and (max-width: 767px) { 
	.item-col-3 { width: 70% }
	.item-col-1 { width: 20% } 
	.item-col-3 { margin-bottom: 0 }
	.item-col-1 { margin-bottom: 0 } 
	.item-col-3:last-child { margin-bottom: 0 } 
	.item-col-1:last-child { margin-bottom: 0 } }

@media all and (min-width: 768px) {
	.item-col-3.item-col-padding { padding: 1.8% 2% 2.2% 2% }
	.item-col-1.item-col-padding { padding: 1.8% 2% 2.2% 2% }
}

@media all and (max-width: 767px) {
	.item-col-3.item-col-padding { padding: 6.5% 7% 7% 7% }
	.item-col-1.item-col-padding { padding: 6.5% 7% 7% 7% }
}

.item-col-3 *:last-child { margin-bottom: 0 }
.item-col-1 *:last-child { margin-bottom: 0 }

.docLista { width: 100%; margin:0; padding:0; list-style:none; list-style-position: inside; }
.docListaMulti, .docListaMulti ul {z-index: 9;position:relative;left: 0;color: #807c2f;width: 100%;margin:0;padding:0;list-style:none;list-style-position: inside;}
.docListaMulti li.docItem { }
.docListaMulti li { border-bottom: 0; }
.docListaMulti:before, .docListaMulti ul:before { content:""; display:block; width:0; position:absolute; top:0; bottom:0; left:0; margin-left:30px; border-left:2px solid; }
.docListaMulti:after, .docListaMulti ul:after {content: "";display: block;position: absolute;background: #807c2f;border-radius: 50%;height: 18px;width: 18px;bottom: -5px;left: 22px;}
.docListaMulti li { margin:0; padding:0 0 0 2.5em; }
.docListaMulti li:before { content: ""; display: block; width: 20px; height: 0; border-top: 2px solid; margin-top: 11px; position: absolute; top: 1em; left: 0; margin-left:30px; }
.docListaMulti li:after { content: ""; display: block; width: 10px; height: 10px; margin-top: 11px; position: absolute; top: 1em; left: 0; margin-left:30px; }
.docListaMulti li:last-child:before { top: 15px; bottom: 0; }
.docItem {position: relative;border-bottom: 3px solid #989862;transition: all 0.3s;}
.docItem { padding: 20px 0; margin: 0; } 
.docItem:first-child { border-top: 0px dashed #807c2f; }
.docItem:last-child { border-bottom: 0px dashed #57C5CE; }
.dokumentiWrap span { font-size: 17px; transition: all 0.3s; text-transform: uppercase; font-weight: 700; color: #0072ba; text-align: left; }
.docNaslov { font-size: 18px; margin: 0; display:block; }
span.docNaslov { line-height: 30px;transition: all 0.3s;font-size: 25px;margin-top:5px;text-transform: uppercase;font-weight: 700;color: #1a2f52;text-align: left;}
span.docNaslovChild { transition: all 0.3s;text-transform: uppercase;font-weight: 600;color: #808036;text-align: left;font-size: 16px;margin-left: 30px;line-height: 50px;}
.docDatum { margin: 0;line-height: 1;font-size: 11px;font-weight: 600;height: auto;text-align: center;width: auto;padding: 2px 6px;background-color: #1a2f52;border-radius: 5px;color: #fff;}
a.dokuLink { color: #fff;background: #1a2f52;font-size: 16px;padding: 10px 20px;border-radius: 5px;font-weight: 800;outline: none;text-decoration: none;transition: all 0.2s cubic-bezier(0.36, 0.07, 0.57, 0.99);}
a.dokuLink.xs { color: #ffffff; background: rgb(128 124 47); font-size: 12px; padding: 6px 11px;}
a.dokuLink:hover { animation: pulse 2s infinite;background: #1a2f52; color: #ffffff;}
a.dokuLink.xs:hover { animation: pulse 2s infinite; background: #1a2f52; color: #ffffff;}
.glavniDok { position: relative; top: 30px; }









.staticniWrapp { margin:150px 70px 250px 70px; }











/******************************************************
/// Lokacija - gmap
******************************************************/
#page-29 { background-image: none; background-color:#fff; }
.lokacijaWrapp { margin:150px 70px; }


.lokacijaWrapp .category-box{
  position: relative;
  top: 0px;
  right: 0px;
  background: #043460;
  border-top: 2px solid #1a2f52;
  border-radius: 0;
  width: 100%;
  padding: 32px 0px 390px 40px;
  /*  z-index: -1;
  height: 8px; */
  background: -moz-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(129, 124, 47,0.5) 50%, rgba(50, 50, 50, 0) 100%);
  background: -ms-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%);
  background: -o-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%);
  background: linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%);
}

.lokacijaWrapp .category-box h3{
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 4px;
}

.lokacijaWrapp .category-list ul{
  margin: 0px auto;
    text-align: center;
}
.lokacijaWrapp .category-list li{
  position: relative;
  display: inline-block;
  padding: 0px 0px 12px 0px;
  margin-right: 5px;
}
.lokacijaWrapp .category-list li:first-child{
  
}

.lokacijaWrapp .category-list li:last-child{
  margin:0
}

.lokacijaWrapp .category-list li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  color: #1a2f52;
  font-weight: 800;
  text-transform: uppercase;
  padding-left: 20px;
}

.lokacijaWrapp .category-list li a:hover{
  padding-left: 20px;
}

.lokacijaWrapp .category-list li a:before{
 

  


  
 
  
  position: absolute;
    content: "\F4F4";
    font-family: "bootstrap-icons";
    font-size: 15px;
    left: 0;
    top: 0;
    color: #1a2f52;
    transition: all 0.1s ease;
    vertical-align: -.125em;
    display: inline-block;
	opacity: 1;
  
}

.lokacijaWrapp .category-list li a:hover:before{
  opacity: 1;
}


/******************************************************
/// Kontakti
******************************************************/


.contact-info-section .category-box{
  position: relative;
  top: 0px;
  right: 0px;
  background: #043460;
  border-top: 2px solid #1a2f52;
  border-radius: 0;
  width: 100%;
  padding: 32px 0px 390px 40px;

  /*  z-index: -1;
  height: 8px; */
  background: -moz-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(129, 124, 47,0.5) 50%, rgba(50, 50, 50, 0) 100%);
  background: -ms-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%);
  background: -o-linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%);
  background: linear-gradient(left, rgba(50, 50, 50, 0) 5%, rgba(18, 191, 204, 0.75) 60%, rgba(50, 50, 50, 0) 100%);
}

.contact-info-section .category-box h3{
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 4px;
}

.contact-info-section .category-list ul{
  margin: 0px auto;
    text-align: center;
}
.contact-info-section .category-list li{
  position: relative;
  display: inline-block;
  padding: 0px 0px 12px 0px;
  margin-right: 5px;
}
.contact-info-section .category-list li:first-child{
  
}

.contact-info-section .category-list li:last-child{
  margin:0
}

.contact-info-section .category-list li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  color: #1a2f52;
  font-weight: 800;
  text-transform: uppercase;
  padding-left: 20px;
}

.contact-info-section .category-list li a:hover{
  padding-left: 20px;
}

.contact-info-section .category-list li a:before{
 

  


  
 
  
  position: absolute;
    content: "\F4F4";
    font-family: "bootstrap-icons";
    font-size: 15px;
    left: 0;
    top: 0;
    color: #1a2f52;
    transition: all 0.1s ease;
    vertical-align: -.125em;
    display: inline-block;
	opacity: 1;
  
}

.contact-info-section .category-list li a:hover:before{
  opacity: 1;
}












/******************************************************
/// Linkovi
******************************************************/
.linkoviWrap  {
    position:relative;
    margin: 0 70px 350px 70px;
    padding-top: 90px;
}


.linkoviWrap .mreza3x3_Wrap {

    left: 0;
    text-align: center;
    cursor: pointer;
}

.linkoviWrap .mreza3x3_Wrap.mreza3x3_WrapSubPage {
    padding: 0;
    left: unset;
}

.linkoviWrap .mreza3x3 {
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    margin: 0;
    /* padding-top: 100px; */
}

.linkoviWrap .mreza3x3 li {
    width: 33.333%;
    position: relative;
    height: 300px;
    padding: 0;
    display: block;
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.35s ease;

}

.linkoviWrap .mreza3x3 h3.naslovElementa {
    position: relative;
    max-width: 80%;
    bottom: 20px;
    display: block;
    background-color: transparent;
    z-index: 9;
    margin: 0px auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    color: #1a2f52;
    text-transform: uppercase;
}

.linkoviWrap .mreza3x3 img {
    max-width: 260px;
    filter: grayscale(100%);
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.linkoviWrap .mreza3x3:hover img {
    filter: none;
}

.linkoviWrap .mreza3x3 li:hover img {
    transform: scale(1.1);
}

.linkoviWrap .mreza3x3_XXL {
    position: relative;
    padding: 0px 0;
    margin: 0 auto;
    background: none
}

.linkoviWrap .mreza3x3_XXL .mreza3x3_Wrap.mreza3x3_WrapSubPage {
    padding: 0;
    left: unset;
}

.linkoviWrap .mreza3x3_XXL .mreza3x3 li:before {
    border-right: 2px solid rgb(190 205 210 / 47%);
    border-bottom: 2px solid rgb(190 205 210 / 47%);
    /* height: 500px; */
}

.linkoviWrap .mreza3x3_XXL .mreza3x3 .mreza3x3_KockaWrap {
    height: 250px;
    padding-top: 0;
}

.linkoviWrap .mreza3x3_XXL .mreza3x3 li:nth-child(3n):before {
    border-right: 0;
}

.linkoviWrap .mreza3x3_XXL .mreza3x3 li:nth-last-child(-n+3):before {
    border-bottom: 0;
}


.mreza3x3_Wrap {
    padding: 80px 0 0 0;
    text-align: center;
    position: relative;
    transition: all 200ms;

    left: 50px;
}

.mreza3x3_Wrap.mreza3x3_WrapSubPage {
    padding: 0;
    left: unset;
}

.mreza3x3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    position: relative;
    margin: 0;
}

.mreza3x3 li {
    width: 33.333%;
    position: relative;
    height: 170px;
    display: block;
    color: #1a2f52;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    transition: all 200ms;
}

.mreza3x3 li:hover, .mreza3x3 li:focus {
    color: #57C5CE;
    box-shadow: none;
}

.mreza3x3 li:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-right: 2px solid rgb(129 124 47);
    border-bottom: 2px solid rgb(127 122 46);
}

.mreza3x3 li:nth-child(3n):before {
    border-right: 0px solid #1a2f52;
}

.mreza3x3 .mreza3x3_KockaWrap {
    height: 170px;
    padding-top: 50px;
}

.mreza3x3 .mreza3x3_KockaWrap span {
    color: #0072ba;
    font-size: 45px;
    line-height: 40px;
    display: block;
}

ul.mreza3x3 li:nth-last-child(-n+3):before {
    border-bottom: 0px dashed rgba(0, 114, 186, 0.4);
    height: 100vh;
}

.mreza3x3_Wrap .selotejp::before, .mreza3x3_Wrap .selotejp::after {
    content: "";
    width: 30px;
    height: 16px;
    box-shadow: 0 5px 5px -7px hsla(0,0% ,0%,1.6);
}

.mreza3x3_Wrap .selotejp:last-of-type::before {
    transform: rotate(136deg);
    right: unset;
    left: -18px;
    top: -10px;
}

.mreza3x3_Wrap .selotejp:first-of-type:after {
    transform: rotate(222deg);
    right: -16px;
    left: unset;
    top: unset;
    bottom: -6px;
}

.mreza3x3_Wrap .selotejp::before, .mreza3x3_Wrap .selotejp::after {
    opacity: 0.95;
}

.mreza3x3_Wrap .mreza3x3_Slika {
    overflow: hidden;
    border-radius: 5px;
    display: inline-block;
    box-sizing: border-box;
    padding-top: 0px;
    width: 194px;
    height: 148px;
    margin: 9px 4px 0 2px;
}

.mreza3x3_Wrap .mreza3x3_Slika img {
    object-fit: cover;
    width: 194px;
    height: 148px;
    border-radius: 5px;
    transition: transform 5s;
    transform: scale(1);
}

.mreza3x3 li:hover img {
    transform: scale(2);
}

.mreza3x3_XXL {
    position: relative;
    padding: 100px 0;
    margin: 50px 0;
    background: radial-gradient(ellipse at center, rgba(33, 37, 41, 0.15) 20%, #fff 100%) 0 0 / cover, url(../images/bg/bg_colorful.jpg) top center / cover no-repeat;
}

.mreza3x3_XXL .mreza3x3_Wrap.mreza3x3_WrapSubPage {
    padding: 0;
    left: unset;
}

.mreza3x3_XXL .mreza3x3 .mreza3x3_KockaWrap span {
    color: #0072ba;
    font-size: 60px;
    line-height: 60px;
}

.mreza3x3_XXL .mreza3x3 li {
    width: 33.333%;
    height: 330px;
    padding: 0;
    padding-top: 50px;
    color: #1a2f52;
    font-size: 20px;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase;
    transition: all 200ms;
}

.mreza3x3_XXL .mreza3x3 h3 a {
 
    color: #1a2f52;
	font-weight: 900;
 
}
.mreza3x3_XXL .mreza3x3 li:before {
    border-right: 2px solid rgb(128 124 47);
    border-bottom: 2px solid rgb(128 124 47);
}

.mreza3x3_XXL .mreza3x3 .mreza3x3_KockaWrap {
    height: 205px;
    padding-top: 50px;
}

.mreza3x3_XXL .mreza3x3 li:nth-child(3n):before {
    border-right: 0px solid #807c2f;
}













.toc li {
  display: flex;
  margin: 15px 0;
}

.toc li .title {
  order: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.toc li .chapter {
  order: 3;
}

.toc li::after {
  background-image: radial-gradient(circle, currentcolor 1px, transparent 1.5px);
  background-position: bottom;
  background-size: 1ex 4.5px;
  background-repeat: space no-repeat;
  margin-top: 2px;
  content: "";
  flex-grow: 1;
  height: 1em;
  order: 2;
  
}



#page-16 .sub.banner-section, #page-37 .sub.banner-section {
    height: 360px;
    max-height: 360px;
}
#page-16 .cta-section .bg-layer, #page-37 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right; 

 border-bottom-left-radius: 0%;
    border-bottom-right-radius: 65%;
	border-right: 100px solid rgba(26, 47, 82, 0.75);
}

#page-16 .content-box:before, #page-37 .content-box:before  { display:none; }
#page-16 .content-box, #page-37 .content-box  { margin-right: 50px; }


#page-16 .cta-section .content-box h2, #page-37 .cta-section .content-box h2 {
    display: block;
    font-size: 132px;
    line-height: 130px;
    color: #1a2f52;
    text-transform: uppercase;
    bottom: -250px;
	position:relative;
    text-shadow: 0 70px 120px rgb(129 124 47 / 0.75);
}

#page-16 .tabs-content, #page-37 .tabs-content {
  position: relative;
  display: block;
 

}

#page-16 .tab-btns li, #page-37 .tab-btns li {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 5px;
  font-size: 23px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 600;
  background: #7c8138;
  text-align: center;
  padding: 17px 40px;
  cursor: pointer;
  top: 1px;
  border: 1px solid #7f7f30;
  border-radius: 5px;
  z-index: 1;
  transition: all 500ms ease;
}

#page-16 .tab-btns li:last-child, #page-37 .tab-btns li:last-child {
  margin: 0px !important;
}

#page-16 .tab-btns li.active-btn, #page-37 .tab-btns li.active-btn {
  color: #fff;
}

#page-16 .tab-btns li:before, #page-37 .tab-btns li:before {
  position: absolute;
  content: '';
  width: 50px;
  height: 12px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%);
  opacity: 0;
  transition: all 500ms ease;
}

#page-16 .tab-btns li.active-btn:before, #page-37 .tab-btns li.active-btn:before{
  opacity: 1;
}
#page-16 .tab-btns li.active-btn, #page-37 .tab-btns li.active-btn {
    background: #1a2f52;
    border-color: #1a2f52;
}
#page-16 .tab-btns li.active-btn:before, #page-37 .tab-btns li.active-btn:before {
    opacity: 1;
}
#page-16 .tab-btns li:before, #page-37 .tab-btns li:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 12px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%);
    opacity: 0;
transition: all 500ms ease; }

#page-16 .tab-btns li:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 12px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%);
    opacity: 0;
    transition: all 500ms ease;
}
#page-16 .tab-btns li:before, #page-37 .tab-btns li:before {
    background: #1a2f52;
}

#page-16 .tab-btns li.active-btn, #page-37 .tab-btns li.active-btn {
    color: #fff;
}



#page-16 .about-style-three, #page-37 .about-style-three{

  padding: 240px 0px 140px 0px;
  margin: 0 70px 30px 70px;
}
.parking .about-style-three{

  padding: 240px 0px 0px 0px;
  margin: 0 70px 30px 70px;
}

#page-16 .about-style-three .content-box .sec-title h2, #page-37 .about-style-three .content-box .sec-title h2 {

font-size: 130px;
    font-weight: 900;
    line-height: 115px;
    color: #1A2F4E;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
    text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1);
    color: transparent;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #1a2f52;
    letter-spacing: 3px;
    text-stroke: 2px #1a2f52; 
	
	font-family: 'Poppins', sans-serif;
	}

#page-16 .project-section.masonry, #page-37 .project-section.masonry {

  padding: 30px 0;
  margin-right: 30px;
 
}
#page-16 .masonry-item .image-box, #page-37 .masonry-item .image-box {

  padding: 0;
  margin: 0;
}
#page-16 .decoration, #page-37 .decoration {
    position: absolute;
    right: 84px;
	z-index:99;
    top: -280px;
    width: 1150px;
    height: 776px;
 
}
#page-16 .sidebar, #page-37 .sidebar{
  margin-top: 0;
  margin-bottom: 120px;
  position: relative;
  z-index:9;
  top: -80px;
}


#page-16 .sidebar .inner-box, #page-37 .sidebar .inner-box{
  position: relative;
  display: block;
  padding: 30px 20px;
  overflow: hidden;
}


#page-16 .sidebar .inner-box .info-list, #page-37 .sidebar .inner-box .info-list {
  margin-bottom: 25px;
  text-align: center;
  margin:0px auto;
  display: block;
}
#page-16 .sidebar .inner-box .info-list li, #page-37 .sidebar .inner-box .info-list li{
  padding:0;

}


#page-16 .sidebar .inner-box .author-box, #page-37 .sidebar .inner-box .author-box{
  position: relative;
  display: block;
  background: #817c2f;
  border-radius: 8px;
  overflow: hidden;
}

#page-16 .sidebar .inner-box .author-box .image-box, #page-37 .sidebar .inner-box .author-box .image-box {
  position: relative;
  display: block;
  margin:0;
  padding:0;
}

#page-16 .sidebar .inner-box .author-box .image-box img, #page-37 .sidebar .inner-box .author-box .image-box img{
  width: 100%;
  padding: 30px;
}



#page-16 .sidebar .inner-box .author-box h3, #page-37 .sidebar .inner-box .author-box h3{
  position: relative;
  display: block;
  text-align: center;
  background: #1a2f52;
  padding: 7.5px 10px;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
}

#page-16 .sidebar .inner-box .author-box h3 span, #page-37 .sidebar .inner-box .author-box h3 span{
  font-size: 18px;
  font-weight: 400;
}

#page-16 .sidebar .inner-box .author-box h3:before, #page-37 .sidebar .inner-box .author-box h3:before{
  position: absolute;
  content: '';
  background: #1a2f52;
  width: 50px;
  height: 13px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%);
}

#page-16 .sidebar .inner-box .author-box .lower-content, #page-37 .sidebar .inner-box .author-box .lower-content {
  position: relative;
  display: block;
  padding: 27px 10px 35px 10px;

}



#page-16 .sidebar .inner-box .author-box .lower-content .info-list li p a, #page-37 .sidebar .inner-box .author-box .lower-content .info-list li p a{
  display: block;
  color: #aeb8c1;
}

#page-16 .sidebar .inner-box .author-box .lower-content .info-list li p a:hover,
#page-37 .sidebar .inner-box .author-box .lower-content .info-list li p a:hover {

}

#page-16 .sidebar .inner-box .author-box .lower-content .info-list li,
#page-37 .sidebar .inner-box .author-box .lower-content .info-list li {
  margin-bottom: 15px;
}

#page-16 .sidebar .inner-box .author-box .lower-content .info-list li:last-child,
#page-37 .sidebar .inner-box .author-box .lower-content .info-list li:last-child {
  margin-bottom: 0px;
}

#page-16 .sidebar .inner-box .author-box .lower-content .info-list,
#page-37 .sidebar .inner-box .author-box .lower-content .info-list{
  margin-bottom: 0px;
}

#page-16 .sidebar .inner-box .author-box,
#page-37 .sidebar .inner-box .author-box {
  margin-bottom: 20px;
}

#page-16 .sidebar .inner-box .option-box li,
#page-37 .sidebar .inner-box .option-box li {
  position: relative;
  display: block;
  margin-bottom: 10px;
  
}

#page-16 .sidebar .inner-box .option-box li:last-child,
#page-37 .sidebar .inner-box .option-box li:last-child{
  margin-bottom: 0;
}

#page-16 .sidebar .inner-box .option-box,
#page-37 .sidebar .inner-box .option-box{
  margin-bottom: 20px;
}



#page-16 .sidebar .inner-box .lower-content li a,
#page-37 .sidebar .inner-box .lower-content li a{
  position: relative;
  display: block;
  width: 100%;
  font-size: 32px;
  line-height: 26px;
  color: #fff;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  transition: all 500ms ease;
}
#page-16 .sidebar .inner-box .option-box li a,
#page-37 .sidebar .inner-box .option-box li a  {
  position: relative;
  display: inline-block;
  width: 100%;

  padding: 15px 15px 10px 15px;
  border-radius: 8px;
  background: #fff;

  cursor: pointer;

}

#page-16 .sidebar .inner-box .option-box li a img, #page-37 .sidebar .inner-box .option-box li a img { position: relative; top: -3px; margin-right: 10px; }

.list-inline-item:not(:last-child) { margin-right: .5rem; }
.list-inline-item { display: inline-block; }

.h-75px { height: 75px !important; }
.h-60px { height: 60px !important; }
	
#page-16 .sidebar .inner-box .option-box li a:hover, #page-37 .sidebar .inner-box .option-box li a:hover { box-shadow: rgba(26, 47, 82, 0.15) 0px 0px 60px 30px inset, rgba(129, 124, 47, 0.1) 0px 18px 86px -18px inset; }
#page-16 .sidebar .inner-box .option-box, #page-37 .sidebar .inner-box .option-box { margin-bottom: 23px; }
#page-16 .sidebar .inner-box .share-box p, #page-37 .sidebar .inner-box .share-box p { margin-bottom: 13px; }


























#page-15 .sub.banner-section {
    height: 360px;
    max-height: 360px;
}
#page-15 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right; 

 border-bottom-left-radius: 0%;
    border-bottom-right-radius: 65%;
	border-right: 100px solid rgba(26, 47, 82, 0.75);
}

#page-15 .content-box:before  { display:none; }
#page-15 .content-box  { margin-right: 50px; }

#page-15 .cta-section .content-box h2 {
    display: block;
    font-size: 132px;
    line-height: 130px;
    color: #1a2f52;
    text-transform: uppercase;
    bottom: -250px;
	position:relative;
    text-shadow: 0 70px 120px rgb(129 124 47 / 0.75);
}

#page-15 .tabs-content{
  position: relative;
  display: block;
 

}

#page-15 .tab-btns li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 5px;
  font-size: 23px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 600;
  background: #7c8138;
  text-align: center;
  padding: 17px 40px;
  cursor: pointer;
  top: 1px;
  border: 1px solid #7f7f30;
  border-radius: 5px;
  z-index: 1;
  transition: all 500ms ease;
}

#page-15 .tab-btns li:last-child{
  margin: 0px !important;
}

#page-15 .tab-btns li.active-btn{
  color: #fff;
}

#page-15 .tab-btns li:before{
  position: absolute;
  content: '';
  width: 50px;
  height: 12px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%);
  opacity: 0;
  transition: all 500ms ease;
}

#page-15 .tab-btns li.active-btn:before{
  opacity: 1;
}
#page-15 .tab-btns li.active-btn {
    background: #1a2f52;
    border-color: #1a2f52;
}
#page-15 .tab-btns li.active-btn:before {
    opacity: 1;
}
#page-15 .tab-btns li:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 12px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%);
    opacity: 0;
transition: all 500ms ease; }

#page-15 .tab-btns li:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 12px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%);
    opacity: 0;
    transition: all 500ms ease;
}
#page-15 .tab-btns li:before {
    background: #1a2f52;
}

#page-15 .tab-btns li.active-btn {
    color: #fff;
}



#page-15 .about-style-three{

  padding: 240px 0px 140px 0px;
  margin: 0 70px 30px 70px;
}
.parking .about-style-three{

  padding: 240px 0px 0px 0px;
  margin: 0 70px 30px 70px;
}

#page-15 .about-style-three .content-box .sec-title h2 {

font-size: 130px;
    font-weight: 900;
    line-height: 115px;
    color: #1A2F4E;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
    text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1);
    color: transparent;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #1a2f52;
    letter-spacing: 3px;
    text-stroke: 2px #1a2f52; 
	
	font-family: 'Poppins', sans-serif;
	}

#page-15 .project-section.masonry {

  padding: 30px 0;
  margin-right: 30px;
 
}
#page-15 .masonry-item .image-box {

  padding: 0;
  margin: 0;
}
#page-15 .decoration {
    position: absolute;
    right: 84px;
	z-index:99;
    top: -280px;
    width: 1150px;
    height: 776px;
 
}
#page-15 .sidebar{
  margin-top: 0;
  margin-bottom: 120px;
  position: relative;
  z-index:9;
  top: -80px;
}


#page-15 .sidebar .inner-box{
  position: relative;
  display: block;
  padding: 30px 20px;
  overflow: hidden;
}


#page-15 .sidebar .inner-box .info-list {
  margin-bottom: 25px;
  text-align: center;
  margin:0px auto;
  display: block;
}
#page-15 .sidebar .inner-box .info-list li{
  padding:0;

}


#page-15 .sidebar .inner-box .author-box{
  position: relative;
  display: block;
  background: #817c2f;
  border-radius: 8px;
  overflow: hidden;
}

#page-15 .sidebar .inner-box .author-box .image-box {
  position: relative;
  display: block;
  margin:0;
  padding:0;
}

#page-15 .sidebar .inner-box .author-box .image-box img{
  width: 100%;
  padding: 30px;
}



#page-15 .sidebar .inner-box .author-box h3{
  position: relative;
  display: block;
  text-align: center;
  background: #1a2f52;
  padding: 7.5px 10px;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
}

#page-15 .sidebar .inner-box .author-box h3 span{
  font-size: 18px;
  font-weight: 400;
}

#page-15 .sidebar .inner-box .author-box h3:before{
  position: absolute;
  content: '';
  background: #1a2f52;
  width: 50px;
  height: 13px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%);
}

#page-15 .sidebar .inner-box .author-box .lower-content {
  position: relative;
  display: block;
  padding: 27px 10px 35px 10px;

}



#page-15 .sidebar .inner-box .author-box .lower-content .info-list li p a{
  display: block;
  color: #aeb8c1;
}

#page-15 .sidebar .inner-box .author-box .lower-content .info-list li p a:hover{

}

#page-15 .sidebar .inner-box .author-box .lower-content .info-list li{
  margin-bottom: 15px;
}

#page-15 .sidebar .inner-box .author-box .lower-content .info-list li:last-child{
  margin-bottom: 0px;
}

#page-15 .sidebar .inner-box .author-box .lower-content .info-list{
  margin-bottom: 0px;
}

#page-15 .sidebar .inner-box .author-box {
  margin-bottom: 20px;
}

#page-15 .sidebar .inner-box .option-box li {
  position: relative;
  display: block;
  margin-bottom: 10px;
  
}

#page-15 .sidebar .inner-box .option-box li:last-child{
  margin-bottom: 0;
}

#page-15 .sidebar .inner-box .option-box{
  margin-bottom: 20px;
}



#page-15 .sidebar .inner-box .lower-content li a{
  position: relative;
  display: block;
  width: 100%;
  font-size: 32px;
  line-height: 26px;
  color: #fff;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  transition: all 500ms ease;
}
#page-15 .sidebar .inner-box .option-box li a {
  position: relative;
  display: inline-block;
  width: 100%;

  padding: 15px 15px 10px 15px;
  border-radius: 8px;
  background: #fff;

  cursor: pointer;

}

#page-15 .sidebar .inner-box .option-box li a img { position: relative; top: -3px; margin-right: 10px; }
#page-15 .sidebar .inner-box .option-box li a:hover{ box-shadow: rgba(26, 47, 82, 0.15) 0px 0px 60px 30px inset, rgba(129, 124, 47, 0.1) 0px 18px 86px -18px inset; }
#page-15 .sidebar .inner-box .option-box{ margin-bottom: 23px; }
#page-15 .sidebar .inner-box .share-box p{ margin-bottom: 13px; }


.list-inline-item:not(:last-child) { margin-right: .5rem; }
.list-inline-item { display: inline-block; }

.h-75px { height: 75px !important; }
.h-60px { height: 60px !important; }
	





.list-inline-item:not(:last-child) { margin-right: .5rem; }
.list-inline-item { display: inline-block; }


.h-75px { height: 75px !important; }
.h-60px { height: 60px !important; }


#page-5 .sub.banner-section { height: 360px; max-height: 360px; }
#page-5 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-5 .sec-title h3 { font-size: 3.75rem; }
#page-5 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 190px 70px; }
#page-5 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }

#page-7 .sub.banner-section { height: 360px; max-height: 360px; }
#page-7 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-7 .sec-title h3 { font-size: 3.75rem; }
#page-7 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 190px 70px; }
#page-7 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }

#page-8 .sub.banner-section { height: 360px; max-height: 360px; }
#page-8 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-8 .sec-title h3 { font-size: 3.75rem; }
#page-8 .about-style-three { padding: 50px 0px 140px 0px; margin: 0 70px 100px 70px; }
#page-8 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }

#page-9 .sub.banner-section { height: 360px; max-height: 360px; }
#page-9 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-9 .sec-title h3 { font-size: 3.75rem; }
#page-9 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 190px 70px; }
#page-9 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }

#page-10 .sub.banner-section { height: 360px; max-height: 360px; }
#page-10 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-10 .sec-title h3 { font-size: 3.75rem; }
#page-10 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 190px 70px; }
#page-10 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }


#page-11 .sub.banner-section { height: 360px; max-height: 360px; }
#page-11 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-11 .sec-title h3 { font-size: 3.75rem; }
#page-11 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 190px 70px; }
#page-11 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }


#page-24 .sub.banner-section { height: 360px; max-height: 360px; }
#page-24 .cta-section .bg-layer { height: 440px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-24 .sec-title h3 { font-size: 3.75rem; }
#page-24 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 190px 70px; }
#page-24 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }

#page-23 .sub.banner-section { height: 360px; max-height: 360px; }
#page-23 .cta-section .bg-layer { height: 440px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-23 .sec-title h3 { font-size: 3.75rem; }
#page-23 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 190px 70px; }
#page-23 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }

#page-12 .sub.banner-section { height: 360px; max-height: 360px; }
#page-12 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-12 .sec-title h3 { font-size: 3.75rem; }
#page-12 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 190px 70px; }
#page-12 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }

#page-17 .sub.banner-section { height: 360px; max-height: 360px; }
#page-17 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-17 .content-box:before  { display:none; }
#page-17 .content-box  { margin-right: 50px; }
#page-17 .cta-section .content-box h2 { display: block; font-size: 132px; line-height: 130px; color: #1a2f52; text-transform: uppercase; bottom: -250px; position:relative; text-shadow: 0 70px 120px rgb(129 124 47 / 0.75); }
#page-17 .tabs-content{ position: relative; display: block; }
#page-17 .tab-btns li{ position: relative; display: inline-block; float: left; margin-right: 5px; font-size: 23px; line-height: 30px; color: #ffffff; font-weight: 600; background: #7c8138; text-align: center; padding: 17px 40px; cursor: pointer; top: 1px; border: 1px solid #7f7f30; border-radius: 5px; z-index: 1; transition: all 500ms ease; }
#page-17 .tab-btns li:last-child{ margin: 0px !important; }
#page-17 .tab-btns li.active-btn{ color: #fff; }
#page-17 .tab-btns li:before{ position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-17 .tab-btns li.active-btn:before{ opacity: 1; }
#page-17 .tab-btns li.active-btn { background: #1a2f52; border-color: #1a2f52; }
#page-17 .tab-btns li.active-btn:before {opacity: 1; }
#page-17 .tab-btns li:before { position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-17 .tab-btns li:before { position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-17 .tab-btns li:before { background: #1a2f52; }
#page-17 .tab-btns li.active-btn { color: #fff; }
#page-17 .sec-title h3 { font-size: 3.75rem; }
#page-17 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 130px 70px; }
#page-17 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }
#page-17 .project-section.masonry { padding: 30px 0; margin-right: 30px; }
#page-17 .masonry-item .image-box { padding: 0; margin: 0; }
#page-17 .sidebar { margin-top: 0; margin-bottom: 120px; position: relative; z-index:9; top: -80px; }
#page-17 .sidebar .inner-box{ position: relative; display: block; padding: 30px 20px; overflow: hidden; }
#page-17 .sidebar .inner-box .info-list { margin-bottom: 25px; text-align: center; margin:0px auto; display: block; }
#page-17 .sidebar .inner-box .info-list li{ padding:0; }
#page-17 .sidebar .inner-box .author-box{ position: relative; display: block; background: #817c2f; border-radius: 8px; overflow: hidden; }
#page-17 .sidebar .inner-box .author-box .image-box { position: relative; display: block; margin:0; padding:0; }
#page-17 .sidebar .inner-box .author-box .image-box img{ width: 100%; padding: 30px; }
#page-17 .sidebar .inner-box .author-box h3{ position: relative; display: block; text-align: center; background: #1a2f52; padding: 7.5px 10px; font-size: 24px; line-height: 32px; color: #fff; }
#page-17 .sidebar .inner-box .author-box h3 span{ font-size: 18px; font-weight: 400; }
#page-17 .sidebar .inner-box .author-box h3:before{ position: absolute; content: ''; background: #1a2f52; width: 50px; height: 13px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); }
#page-17 .sidebar .inner-box .author-box .lower-content { position: relative; display: block; padding: 27px 10px 35px 10px; }
#page-17 .sidebar .inner-box .author-box .lower-content .info-list li p a{ display: block; color: #aeb8c1; }
#page-17 .sidebar .inner-box .author-box .lower-content .info-list li p a:hover{ }
#page-17 .sidebar .inner-box .author-box .lower-content .info-list li{ margin-bottom: 15px; }
#page-17 .sidebar .inner-box .author-box .lower-content .info-list li:last-child{ margin-bottom: 0px; }
#page-17 .sidebar .inner-box .author-box .lower-content .info-list{ margin-bottom: 0px; }
#page-17 .sidebar .inner-box .author-box { margin-bottom: 20px; }
#page-17 .sidebar .inner-box .option-box li { position: relative; display: block; margin-bottom: 10px; }
#page-17 .sidebar .inner-box .option-box li:last-child { margin-bottom: 0; }
#page-17 .sidebar .inner-box .option-box { margin-bottom: 20px; }
#page-17 .sidebar .inner-box .lower-content li a { position: relative; display: block; width: 100%; font-size: 32px; line-height: 26px; color: #fff; font-weight: 900; text-align: center; cursor: pointer; transition: all 500ms ease; }
#page-17 .sidebar .inner-box .option-box li a { position: relative; display: inline-block; width: 100%; padding: 15px 15px 10px 15px; border-radius: 8px; background: #fff; cursor: pointer; }
#page-17 .sidebar .inner-box .option-box li a img { position: relative; top: -3px; margin-right: 10px; }
#page-17 .sidebar .inner-box .option-box li a:hover { box-shadow: rgba(26, 47, 82, 0.15) 0px 0px 60px 30px inset, rgba(129, 124, 47, 0.1) 0px 18px 86px -18px inset; }
#page-17 .sidebar .inner-box .option-box { margin-bottom: 23px; }
#page-17 .sidebar .inner-box .share-box p { margin-bottom: 13px; }
#page-17 .sec-title span { position:relative;float: right;font-size: 33px;margin-top: -10px;/* line-height: 40px; */}
#page-17 .sec-title span i { font-size:42px;line-height: 100px;margin: 0 20px;}
#page-17 .content-box ul { margin-left: 35px; }
#page-17 .content-box ul li { list-style: outside; }

#page-18 .sub.banner-section { height: 360px; max-height: 360px; }
#page-18 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-18 .content-box:before  { display:none; }
#page-18 .content-box  { margin-right: 50px; }
#page-18 .cta-section .content-box h2 { display: block; font-size: 132px; line-height: 130px; color: #1a2f52; text-transform: uppercase; bottom: -250px; position:relative; text-shadow: 0 70px 120px rgb(129 124 47 / 0.75); }
#page-18 .tabs-content{ position: relative; display: block; }
#page-18 .tab-btns li{ position: relative; display: inline-block; float: left; margin-right: 5px; font-size: 23px; line-height: 30px; color: #ffffff; font-weight: 600; background: #7c8138; text-align: center; padding: 17px 40px; cursor: pointer; top: 1px; border: 1px solid #7f7f30; border-radius: 5px; z-index: 1; transition: all 500ms ease; }
#page-18 .tab-btns li:last-child{ margin: 0px !important; }
#page-18 .tab-btns li.active-btn{ color: #fff; }
#page-18 .tab-btns li:before{ position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-18 .tab-btns li.active-btn:before{ opacity: 1; }
#page-18 .tab-btns li.active-btn { background: #1a2f52; border-color: #1a2f52; }
#page-18 .tab-btns li.active-btn:before {opacity: 1; }
#page-18 .tab-btns li:before { position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-18 .tab-btns li:before { position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-18 .tab-btns li:before { background: #1a2f52; }
#page-18 .tab-btns li.active-btn { color: #fff; }
#page-18 .sec-title h3 { font-size: 3.75rem; }
#page-18 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 130px 70px; }
#page-18 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }
#page-18 .project-section.masonry { padding: 30px 0; margin-right: 30px; }
#page-18 .masonry-item .image-box { padding: 0; margin: 0; }
#page-18 .sidebar { margin-top: 0; margin-bottom: 120px; position: relative; z-index:9; top: -80px; }
#page-18 .sidebar .inner-box{ position: relative; display: block; padding: 30px 20px; overflow: hidden; }
#page-18 .sidebar .inner-box .info-list { margin-bottom: 25px; text-align: center; margin:0px auto; display: block; }
#page-18 .sidebar .inner-box .info-list li{ padding:0; }
#page-18 .sidebar .inner-box .author-box{ position: relative; display: block; background: #817c2f; border-radius: 8px; overflow: hidden; }
#page-18 .sidebar .inner-box .author-box .image-box { position: relative; display: block; margin:0; padding:0; }
#page-18 .sidebar .inner-box .author-box .image-box img{ width: 100%; padding: 30px; }
#page-18 .sidebar .inner-box .author-box h3{ position: relative; display: block; text-align: center; background: #1a2f52; padding: 7.5px 10px; font-size: 24px; line-height: 32px; color: #fff; }
#page-18 .sidebar .inner-box .author-box h3 span{ font-size: 18px; font-weight: 400; }
#page-18 .sidebar .inner-box .author-box h3:before{ position: absolute; content: ''; background: #1a2f52; width: 50px; height: 13px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); }
#page-18 .sidebar .inner-box .author-box .lower-content { position: relative; display: block; padding: 27px 10px 35px 10px; }
#page-18 .sidebar .inner-box .author-box .lower-content .info-list li p a{ display: block; color: #aeb8c1; }
#page-18 .sidebar .inner-box .author-box .lower-content .info-list li p a:hover{ }
#page-18 .sidebar .inner-box .author-box .lower-content .info-list li{ margin-bottom: 15px; }
#page-18 .sidebar .inner-box .author-box .lower-content .info-list li:last-child{ margin-bottom: 0px; }
#page-18 .sidebar .inner-box .author-box .lower-content .info-list{ margin-bottom: 0px; }
#page-18 .sidebar .inner-box .author-box { margin-bottom: 20px; }
#page-18 .sidebar .inner-box .option-box li { position: relative; display: block; margin-bottom: 10px; }
#page-18 .sidebar .inner-box .option-box li:last-child { margin-bottom: 0; }
#page-18 .sidebar .inner-box .option-box { margin-bottom: 20px; }
#page-18 .sidebar .inner-box .lower-content li a { position: relative; display: block; width: 100%; font-size: 32px; line-height: 26px; color: #fff; font-weight: 900; text-align: center; cursor: pointer; transition: all 500ms ease; }
#page-18 .sidebar .inner-box .option-box li a { position: relative; display: inline-block; width: 100%; padding: 15px 15px 10px 15px; border-radius: 8px; background: #fff; cursor: pointer; }
#page-18 .sidebar .inner-box .option-box li a img { position: relative; top: -3px; margin-right: 10px; }
#page-18 .sidebar .inner-box .option-box li a:hover { box-shadow: rgba(26, 47, 82, 0.15) 0px 0px 60px 30px inset, rgba(129, 124, 47, 0.1) 0px 18px 86px -18px inset; }
#page-18 .sidebar .inner-box .option-box { margin-bottom: 23px; }
#page-18 .sidebar .inner-box .share-box p { margin-bottom: 13px; }
#page-18 .sec-title span { position:relative;float: right;font-size: 33px;margin-top: -10px;/* line-height: 40px; */}
#page-18 .sec-title span i { font-size:42px;line-height: 100px;margin: 0 20px;}
#page-18 .content-box ul { margin-left: 35px; }
#page-18 .content-box ul li { list-style: outside; }


#page-19 .sub.banner-section { height: 360px; max-height: 360px; }
#page-19 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-19 .content-box:before  { display:none; }
#page-19 .content-box  { margin-right: 50px; }
#page-19 .cta-section .content-box h2 { display: block; font-size: 132px; line-height: 130px; color: #1a2f52; text-transform: uppercase; bottom: -250px; position:relative; text-shadow: 0 70px 120px rgb(129 124 47 / 0.75); }
#page-19 .tabs-content{ position: relative; display: block; }
#page-19 .tab-btns li{ position: relative; display: inline-block; float: left; margin-right: 5px; font-size: 23px; line-height: 30px; color: #ffffff; font-weight: 600; background: #7c8138; text-align: center; padding: 17px 40px; cursor: pointer; top: 1px; border: 1px solid #7f7f30; border-radius: 5px; z-index: 1; transition: all 500ms ease; }
#page-19 .tab-btns li:last-child{ margin: 0px !important; }
#page-19 .tab-btns li.active-btn{ color: #fff; }
#page-19 .tab-btns li:before{ position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-19 .tab-btns li.active-btn:before{ opacity: 1; }
#page-19 .tab-btns li.active-btn { background: #1a2f52; border-color: #1a2f52; }
#page-19 .tab-btns li.active-btn:before {opacity: 1; }
#page-19 .tab-btns li:before { position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-19 .tab-btns li:before { position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-19 .tab-btns li:before { background: #1a2f52; }
#page-19 .tab-btns li.active-btn { color: #fff; }
#page-19 .sec-title h3 { font-size: 3.75rem; }
#page-19 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 130px 70px; }
#page-19 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }
#page-19 .project-section.masonry { padding: 30px 0; margin-right: 30px; }
#page-19 .masonry-item .image-box { padding: 0; margin: 0; }
#page-19 .sidebar { margin-top: 0; margin-bottom: 120px; position: relative; z-index:9; top: -80px; }
#page-19 .sidebar .inner-box{ position: relative; display: block; padding: 30px 20px; overflow: hidden; }
#page-19 .sidebar .inner-box .info-list { margin-bottom: 25px; text-align: center; margin:0px auto; display: block; }
#page-19 .sidebar .inner-box .info-list li{ padding:0; }
#page-19 .sidebar .inner-box .author-box{ position: relative; display: block; background: #817c2f; border-radius: 8px; overflow: hidden; }
#page-19 .sidebar .inner-box .author-box .image-box { position: relative; display: block; margin:0; padding:0; }
#page-19 .sidebar .inner-box .author-box .image-box img{ width: 100%; padding: 30px; }
#page-19 .sidebar .inner-box .author-box h3{ position: relative; display: block; text-align: center; background: #1a2f52; padding: 7.5px 10px; font-size: 24px; line-height: 32px; color: #fff; }
#page-19 .sidebar .inner-box .author-box h3 span{ font-size: 18px; font-weight: 400; }
#page-19 .sidebar .inner-box .author-box h3:before{ position: absolute; content: ''; background: #1a2f52; width: 50px; height: 13px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); }
#page-19 .sidebar .inner-box .author-box .lower-content { position: relative; display: block; padding: 27px 10px 35px 10px; }
#page-19 .sidebar .inner-box .author-box .lower-content .info-list li p a{ display: block; color: #aeb8c1; }
#page-19 .sidebar .inner-box .author-box .lower-content .info-list li p a:hover{ }
#page-19 .sidebar .inner-box .author-box .lower-content .info-list li{ margin-bottom: 15px; }
#page-19 .sidebar .inner-box .author-box .lower-content .info-list li:last-child{ margin-bottom: 0px; }
#page-19 .sidebar .inner-box .author-box .lower-content .info-list{ margin-bottom: 0px; }
#page-19 .sidebar .inner-box .author-box { margin-bottom: 20px; }
#page-19 .sidebar .inner-box .option-box li { position: relative; display: block; margin-bottom: 10px; }
#page-19 .sidebar .inner-box .option-box li:last-child { margin-bottom: 0; }
#page-19 .sidebar .inner-box .option-box { margin-bottom: 20px; }
#page-19 .sidebar .inner-box .lower-content li a { position: relative; display: block; width: 100%; font-size: 32px; line-height: 26px; color: #fff; font-weight: 900; text-align: center; cursor: pointer; transition: all 500ms ease; }
#page-19 .sidebar .inner-box .option-box li a { position: relative; display: inline-block; width: 100%; padding: 15px 15px 10px 15px; border-radius: 8px; background: #fff; cursor: pointer; }
#page-19 .sidebar .inner-box .option-box li a img { position: relative; top: -3px; margin-right: 10px; }
#page-19 .sidebar .inner-box .option-box li a:hover { box-shadow: rgba(26, 47, 82, 0.15) 0px 0px 60px 30px inset, rgba(129, 124, 47, 0.1) 0px 18px 86px -18px inset; }
#page-19 .sidebar .inner-box .option-box { margin-bottom: 23px; }
#page-19 .sidebar .inner-box .share-box p { margin-bottom: 13px; }
#page-19 .sec-title span { position:relative;float: right;font-size: 33px;margin-top: -10px;/* line-height: 40px; */}
#page-19 .sec-title span i { font-size:42px;line-height: 100px;margin: 0 20px;}
#page-19 .content-box ul { margin-left: 35px; }
#page-19 .content-box ul li { list-style: outside; }


#page-20 .sub.banner-section { height: 360px; max-height: 360px; }
#page-20 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-20 .content-box:before  { display:none; }
#page-20 .content-box  { margin-right: 50px; }
#page-20 .cta-section .content-box h2 { display: block; font-size: 132px; line-height: 130px; color: #1a2f52; text-transform: uppercase; bottom: -250px; position:relative; text-shadow: 0 70px 120px rgb(129 124 47 / 0.75); }
#page-20 .tabs-content{ position: relative; display: block; }
#page-20 .tab-btns li{ position: relative; display: inline-block; float: left; margin-right: 5px; font-size: 23px; line-height: 30px; color: #ffffff; font-weight: 600; background: #7c8138; text-align: center; padding: 17px 40px; cursor: pointer; top: 1px; border: 1px solid #7f7f30; border-radius: 5px; z-index: 1; transition: all 500ms ease; }
#page-20 .tab-btns li:last-child{ margin: 0px !important; }
#page-20 .tab-btns li.active-btn{ color: #fff; }
#page-20 .tab-btns li:before{ position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-20 .tab-btns li.active-btn:before{ opacity: 1; }
#page-20 .tab-btns li.active-btn { background: #1a2f52; border-color: #1a2f52; }
#page-20 .tab-btns li.active-btn:before {opacity: 1; }
#page-20 .tab-btns li:before { position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-20 .tab-btns li:before { position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-20 .tab-btns li:before { background: #1a2f52; }
#page-20 .tab-btns li.active-btn { color: #fff; }
#page-20 .sec-title h3 { font-size: 3.75rem; }
#page-20 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 130px 70px; }
#page-20 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }
#page-20 .project-section.masonry { padding: 30px 0; margin-right: 30px; }
#page-20 .masonry-item .image-box { padding: 0; margin: 0; }
#page-20 .sidebar { margin-top: 0; margin-bottom: 120px; position: relative; z-index:9; top: -80px; }
#page-20 .sidebar .inner-box{ position: relative; display: block; padding: 30px 20px; overflow: hidden; }
#page-20 .sidebar .inner-box .info-list { margin-bottom: 25px; text-align: center; margin:0px auto; display: block; }
#page-20 .sidebar .inner-box .info-list li{ padding:0; }
#page-20 .sidebar .inner-box .author-box{ position: relative; display: block; background: #817c2f; border-radius: 8px; overflow: hidden; }
#page-20 .sidebar .inner-box .author-box .image-box { position: relative; display: block; margin:0; padding:0; }
#page-20 .sidebar .inner-box .author-box .image-box img{ width: 100%; padding: 30px; }
#page-20 .sidebar .inner-box .author-box h3{ position: relative; display: block; text-align: center; background: #1a2f52; padding: 7.5px 10px; font-size: 24px; line-height: 32px; color: #fff; }
#page-20 .sidebar .inner-box .author-box h3 span{ font-size: 18px; font-weight: 400; }
#page-20 .sidebar .inner-box .author-box h3:before{ position: absolute; content: ''; background: #1a2f52; width: 50px; height: 13px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); }
#page-20 .sidebar .inner-box .author-box .lower-content { position: relative; display: block; padding: 27px 10px 35px 10px; }
#page-20 .sidebar .inner-box .author-box .lower-content .info-list li p a{ display: block; color: #aeb8c1; }
#page-20 .sidebar .inner-box .author-box .lower-content .info-list li p a:hover{ }
#page-20 .sidebar .inner-box .author-box .lower-content .info-list li{ margin-bottom: 15px; }
#page-20 .sidebar .inner-box .author-box .lower-content .info-list li:last-child{ margin-bottom: 0px; }
#page-20 .sidebar .inner-box .author-box .lower-content .info-list{ margin-bottom: 0px; }
#page-20 .sidebar .inner-box .author-box { margin-bottom: 20px; }
#page-20 .sidebar .inner-box .option-box li { position: relative; display: block; margin-bottom: 10px; }
#page-20 .sidebar .inner-box .option-box li:last-child { margin-bottom: 0; }
#page-20 .sidebar .inner-box .option-box { margin-bottom: 20px; }
#page-20 .sidebar .inner-box .lower-content li a { position: relative; display: block; width: 100%; font-size: 32px; line-height: 26px; color: #fff; font-weight: 900; text-align: center; cursor: pointer; transition: all 500ms ease; }
#page-20 .sidebar .inner-box .option-box li a { position: relative; display: inline-block; width: 100%; padding: 15px 15px 10px 15px; border-radius: 8px; background: #fff; cursor: pointer; }
#page-20 .sidebar .inner-box .option-box li a img { position: relative; top: -3px; margin-right: 10px; }
#page-20 .sidebar .inner-box .option-box li a:hover { box-shadow: rgba(26, 47, 82, 0.15) 0px 0px 60px 30px inset, rgba(129, 124, 47, 0.1) 0px 18px 86px -18px inset; }
#page-20 .sidebar .inner-box .option-box { margin-bottom: 23px; }
#page-20 .sidebar .inner-box .share-box p { margin-bottom: 13px; }
#page-20 .sec-title span { position:relative;float: right;font-size: 33px;margin-top: -10px;/* line-height: 40px; */}
#page-20 .sec-title span i { font-size:42px;line-height: 100px;margin: 0 20px;}
#page-20 .content-box ul { margin-left: 35px; }
#page-20 .content-box ul li { list-style: outside; }

#page-22 .sub.banner-section { height: 360px; max-height: 360px; }
#page-22 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-22 .sec-title h3 { font-size: 3.75rem; }
#page-22 .about-style-three { padding: 50px 0px 140px 0px; margin: 0 70px 100px 70px; }
#page-22 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }

#page-23 .sub.banner-section { height: 360px; max-height: 360px; }
#page-23 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-23 .sec-title h3 { font-size: 3.75rem; }
#page-23 .about-style-three { padding: 50px 0px 140px 0px; margin: 0 70px 100px 70px; }
#page-23 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }

#page-24 .sub.banner-section { height: 360px; max-height: 360px; }
#page-24 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-24 .sec-title h3 { font-size: 3.75rem; }
#page-24 .about-style-three { padding: 50px 0px 140px 0px; margin: 0 70px 100px 70px; }
#page-24 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }


#page-27 .sub.banner-section { height: 360px; max-height: 360px; }
#page-27 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-27 .content-box:before  { display:none; }
#page-27 .content-box  { margin-right: 50px; }
#page-27 .tabs-content{ position: relative; display: block; }
#page-27 .tab-btns li{ position: relative; display: inline-block; float: left; margin-right: 5px; font-size: 23px; line-height: 30px; color: #ffffff; font-weight: 600; background: #7c8138; text-align: center; padding: 17px 40px; cursor: pointer; top: 1px; border: 1px solid #7f7f30; border-radius: 5px; z-index: 1; transition: all 500ms ease; }
#page-27 .tab-btns li:last-child{ margin: 0px !important; }
#page-27 .tab-btns li.active-btn{ color: #fff; }
#page-27 .tab-btns li:before{ position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-27 .tab-btns li.active-btn:before{ opacity: 1; }
#page-27 .tab-btns li.active-btn { background: #1a2f52; border-color: #1a2f52; }
#page-27 .tab-btns li.active-btn:before {opacity: 1; }
#page-27 .tab-btns li:before { position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-27 .tab-btns li:before { position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-27 .tab-btns li:before { background: #1a2f52; }
#page-27 .tab-btns li.active-btn { color: #fff; }
#page-27 .sec-title h3 { font-size: 3.75rem; }
#page-27 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 130px 70px; }
#page-27 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }
#page-27 .project-section.masonry { padding: 30px 0; margin-right: 30px; }
#page-27 .masonry-item .image-box { padding: 0; margin: 0; }
#page-27 .sidebar { margin-top: 0; margin-bottom: 120px; position: relative; z-index:9; top: -80px; }
#page-27 .sidebar .inner-box{ position: relative; display: block; padding: 30px 20px; overflow: hidden; }
#page-27 .sidebar .inner-box .info-list { margin-bottom: 25px; text-align: center; margin:0px auto; display: block; }
#page-27 .sidebar .inner-box .info-list li{ padding:0; }
#page-27 .sidebar .inner-box .author-box{ position: relative; display: block; background: #817c2f; border-radius: 8px; overflow: hidden; }
#page-27 .sidebar .inner-box .author-box .image-box { position: relative; display: block; margin:0; padding:0; }
#page-27 .sidebar .inner-box .author-box .image-box img{ width: 100%; padding: 30px; }
#page-27 .sidebar .inner-box .author-box h3{ position: relative; display: block; text-align: center; background: #1a2f52; padding: 7.5px 10px; font-size: 24px; line-height: 32px; color: #fff; }
#page-27 .sidebar .inner-box .author-box h3 span{ font-size: 18px; font-weight: 400; }
#page-27 .sidebar .inner-box .author-box h3:before{ position: absolute; content: ''; background: #1a2f52; width: 50px; height: 13px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); }
#page-27 .sidebar .inner-box .author-box .lower-content { position: relative; display: block; padding: 27px 10px 35px 10px; }
#page-27 .sidebar .inner-box .author-box .lower-content .info-list li p a{ display: block; color: #aeb8c1; }
#page-27 .sidebar .inner-box .author-box .lower-content .info-list li p a:hover{ }
#page-27 .sidebar .inner-box .author-box .lower-content .info-list li{ margin-bottom: 15px; }
#page-27 .sidebar .inner-box .author-box .lower-content .info-list li:last-child{ margin-bottom: 0px; }
#page-27 .sidebar .inner-box .author-box .lower-content .info-list{ margin-bottom: 0px; }
#page-27 .sidebar .inner-box .author-box { margin-bottom: 20px; }
#page-27 .sidebar .inner-box .option-box li { position: relative; display: block; margin-bottom: 10px; }
#page-27 .sidebar .inner-box .option-box li:last-child { margin-bottom: 0; }
#page-27 .sidebar .inner-box .option-box { margin-bottom: 20px; }
#page-27 .sidebar .inner-box .lower-content li a { position: relative; display: block; width: 100%; font-size: 32px; line-height: 26px; color: #fff; font-weight: 900; text-align: center; cursor: pointer; transition: all 500ms ease; }
#page-27 .sidebar .inner-box .option-box li a { position: relative; display: inline-block; width: 100%; padding: 15px 15px 10px 15px; border-radius: 8px; background: #fff; cursor: pointer; }
#page-27 .sidebar .inner-box .option-box li a img { position: relative; top: -3px; margin-right: 10px; }
#page-27 .sidebar .inner-box .option-box li a:hover { box-shadow: rgba(26, 47, 82, 0.15) 0px 0px 60px 30px inset, rgba(129, 124, 47, 0.1) 0px 18px 86px -18px inset; }
#page-27 .sidebar .inner-box .option-box { margin-bottom: 23px; }
#page-27 .sidebar .inner-box .share-box p { margin-bottom: 13px; }
#page-27 .sec-title span { position:relative;float: right;font-size: 33px;margin-top: -10px;/* line-height: 40px; */}
#page-27 .sec-title span i { font-size:42px;line-height: 100px;margin: 0 20px;}
#page-27 .content-box ul { margin-left: 35px; }
#page-27 .content-box ul li { list-style: outside; }



#page-29 .sub.banner-section { height: 360px; max-height: 360px; }
#page-29 .cta-section .bg-layer { height: 460px; width: 110%; background-attachment: unset;  background-position: bottom right;  border-bottom-left-radius: 0%; border-bottom-right-radius: 65%; border-right: 100px solid rgba(26, 47, 82, 0.75); }
#page-29 .content-box:before  { display:none; }
#page-29 .tabs-content{ position: relative; display: block; }
#page-29 .tab-btns li{ position: relative; display: inline-block; float: left; margin-right: 5px; font-size: 23px; line-height: 30px; color: #ffffff; font-weight: 600; background: #7c8138; text-align: center; padding: 17px 40px; cursor: pointer; top: 1px; border: 1px solid #7f7f30; border-radius: 5px; z-index: 1; transition: all 500ms ease; }
#page-29 .tab-btns li:last-child{ margin: 0px !important; }
#page-29 .tab-btns li.active-btn{ color: #fff; }
#page-29 .tab-btns li:before{ position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-29 .tab-btns li.active-btn:before{ opacity: 1; }
#page-29 .tab-btns li.active-btn { background: #1a2f52; border-color: #1a2f52; }
#page-29 .tab-btns li.active-btn:before {opacity: 1; }
#page-29 .tab-btns li:before { position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-29 .tab-btns li:before { position: absolute; content: ''; width: 50px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); opacity: 0; transition: all 500ms ease; }
#page-29 .tab-btns li:before { background: #1a2f52; }
#page-29 .tab-btns li.active-btn { color: #fff; }
#page-29 .sec-title h3 { font-size: 3.75rem; }
#page-29 .about-style-three { padding: 240px 0px 240px 0px; margin: 0 70px 130px 70px; }
#page-29 .about-style-three .content-box .sec-title h2 { font-size: 130px;  font-weight: 900; line-height: 115px; color: #1A2F4E; text-transform: uppercase; letter-spacing: 1px; z-index: 1; text-shadow: 0px 0px 40px rgba(0, 114, 186, 0.1); color: transparent; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1a2f52; letter-spacing: 3px; text-stroke: 2px #1a2f52;  font-family: 'Poppins', sans-serif; }
#page-29 .project-section.masonry { padding: 30px 0; margin-right: 30px; }
#page-29 .masonry-item .image-box { padding: 0; margin: 0; }
#page-29 .sidebar { margin-top: 0; margin-bottom: 120px; position: relative; z-index:9; top: -80px; }
#page-29 .sidebar .inner-box{ position: relative; display: block; padding: 30px 20px; overflow: hidden; }
#page-29 .sidebar .inner-box .info-list { margin-bottom: 25px; text-align: center; margin:0px auto; display: block; }
#page-29 .sidebar .inner-box .info-list li{ padding:0; }
#page-29 .sidebar .inner-box .author-box{ position: relative; display: block; background: #817c2f; border-radius: 8px; overflow: hidden; }
#page-29 .sidebar .inner-box .author-box .image-box { position: relative; display: block; margin:0; padding:0; }
#page-29 .sidebar .inner-box .author-box .image-box img{ width: 100%; padding: 30px; }
#page-29 .sidebar .inner-box .author-box h3{ position: relative; display: block; text-align: center; background: #1a2f52; padding: 7.5px 10px; font-size: 24px; line-height: 32px; color: #fff; }
#page-29 .sidebar .inner-box .author-box h3 span{ font-size: 18px; font-weight: 400; }
#page-29 .sidebar .inner-box .author-box h3:before{ position: absolute; content: ''; background: #1a2f52; width: 50px; height: 13px; left: 50%; transform: translateX(-50%); bottom: -12px; clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 48% 100%, 0% 0%); }
#page-29 .sidebar .inner-box .author-box .lower-content { position: relative; display: block; padding: 27px 10px 35px 10px; }
#page-29 .sidebar .inner-box .author-box .lower-content .info-list li p a{ display: block; color: #aeb8c1; }
#page-29 .sidebar .inner-box .author-box .lower-content .info-list li p a:hover{ }
#page-29 .sidebar .inner-box .author-box .lower-content .info-list li{ margin-bottom: 15px; }
#page-29 .sidebar .inner-box .author-box .lower-content .info-list li:last-child{ margin-bottom: 0px; }
#page-29 .sidebar .inner-box .author-box .lower-content .info-list{ margin-bottom: 0px; }
#page-29 .sidebar .inner-box .author-box { margin-bottom: 20px; }
#page-29 .sidebar .inner-box .option-box li { position: relative; display: block; margin-bottom: 10px; }
#page-29 .sidebar .inner-box .option-box li:last-child { margin-bottom: 0; }

#page-29 .sidebar .inner-box .option-box { margin-bottom: 20px; }

#page-29 .sidebar .inner-box .lower-content li a { position: relative; display: block; width: 100%; font-size: 32px; line-height: 26px; color: #fff; font-weight: 900; text-align: center; cursor: pointer; transition: all 500ms ease; }
#page-29 .sidebar .inner-box .option-box li a { position: relative; display: inline-block; width: 100%; padding: 15px 15px 10px 15px; border-radius: 8px; background: #fff; cursor: pointer; }
#page-29 .sidebar .inner-box .option-box li a img { position: relative; top: -3px; margin-right: 10px; }
#page-29 .sidebar .inner-box .option-box li a:hover { box-shadow: rgba(26, 47, 82, 0.15) 0px 0px 60px 30px inset, rgba(129, 124, 47, 0.1) 0px 18px 86px -18px inset; }
#page-29 .sidebar .inner-box .option-box { margin-bottom: 23px; }
#page-29 .sidebar .inner-box .share-box p { margin-bottom: 13px; }



#page-29 .sec-title span { position:relative;float: right;font-size: 33px;margin-top: -10px;/* line-height: 40px; */}
#page-29 .sec-title span i { font-size:42px;line-height: 100px;margin: 0 20px;}
#page-29 .content-box ul { margin-left: 35px; }
#page-29 .content-box ul li { list-style: outside; }



.stickyNav li:hover, .open:hover, .owl-dot:hover { animation: hoverShine 200ms; }

@keyframes hoverShine {
	0% { background-image: linear-gradient(135deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); }
	50% { background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%); }
	100% { background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.4) 100%); }
}


.arrow { opacity: 0; position: absolute; left: 0; top: -50px; transform-origin: 50% 50%; transform: translate3d(-50%, -50%, 0); }
.arrow-1 { -webkit-animation: arrow-movement 2s ease-in-out infinite; animation: arrow-movement 2s ease-in-out infinite; }
.arrow-2 { -webkit-animation: arrow-movement 2s 1s ease-in-out infinite; animation: arrow-movement 2s 1s ease-in-out infinite; }
.arrow:before, .arrow:after { background: #726b2f; content: ""; display: block; height: 3px; position: absolute; top: 0; left: 0; width: 40px; }
.arrow:before { transform: rotate(45deg) translateX(-23%); transform-origin: top left; }
.arrow:after { transform: rotate(-45deg) translateX(23%); transform-origin: top right; }

@-webkit-keyframes arrow-movement {
  0% { opacity: 0; top: -80px; }
  70% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes arrow-movement {
  0% { opacity: 0; top: -80px; }
  70% { opacity: 1; }
  100% { opacity: 0; }
}

#cookies-notice {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(26, 47, 82, .65);
    z-index: 99;
    color: #fff;
    padding: 11px 0;
	font-size: 16px;
}



/************** MAINTENANCE MODE *************/
body#page-maintenance {
    background-image: url("../images/maintenance-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
}
.maintenance-msg {
    font-size: 24px;
    color: #fff;
    font-weight: 200;
}

.sidebar_content { font-size:18px; font-weight: 700; line-height: 26px; }

.sidebar_content h3 { font-size: 42px; font-weight: 900; line-height: 50px; }


.about-style-three .two_cols {
	column-count: 2;
    column-width: 200px;
    column-gap: 80px;
    column-rule: dotted 1px #837e7f;
	padding: 50px 0;
	
}