/******************************************************
/// Fontovi
******************************************************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');@font-face { font-family: "SegoeUIRegular"; src: url("../fonts/SegoeUIRegular/SegoeUIRegular.eot"); src: url("../fonts/SegoeUIRegular/SegoeUIRegular.eot?#iefix")format("embedded-opentype"), url("../fonts/SegoeUIRegular/SegoeUIRegular.woff") format("woff"), url("../fonts/SegoeUIRegular/SegoeUIRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; }
@font-face { font-family: "SegoeUIBold"; src: url("../fonts/SegoeUIBold/SegoeUIBold.eot"); src: url("../fonts/SegoeUIBold/SegoeUIBold.eot?#iefix")format("embedded-opentype"), url("../fonts/SegoeUIBold/SegoeUIBold.woff") format("woff"), url("../fonts/SegoeUIBold/SegoeUIBold.ttf") format("truetype"); font-style: normal; font-weight: normal; }
@font-face { font-family: "SegoeUIItalic"; src: url("../fonts/SegoeUIItalic/SegoeUIItalic.eot"); src: url("../fonts/SegoeUIItalic/SegoeUIItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/SegoeUIItalic/SegoeUIItalic.woff") format("woff"), url("../fonts/SegoeUIItalic/SegoeUIItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; }
@font-face { font-family: "SegoeUILight"; src: url("../fonts/SegoeUILight/SegoeUILight.eot"); src: url("../fonts/SegoeUILight/SegoeUILight.eot?#iefix")format("embedded-opentype"), url("../fonts/SegoeUILight/SegoeUILight.woff") format("woff"), url("../fonts/SegoeUILight/SegoeUILight.ttf") format("truetype"); font-style: normal; font-weight: normal; }
@font-face { font-family: "SegoeUISemiBold"; src: url("../fonts/SegoeUISemiBold/SegoeUISemiBold.eot"); src: url("../fonts/SegoeUISemiBold/SegoeUISemiBold.eot?#iefix")format("embedded-opentype"), url("../fonts/SegoeUISemiBold/SegoeUISemiBold.woff") format("woff"), url("../fonts/SegoeUISemiBold/SegoeUISemiBold.ttf") format("truetype"); font-style: normal; font-weight: normal; }

/******************************************************
/// Osnovni stilovi
******************************************************/
::selection { background: #fefac7; color: #5a5a5a; }
html, body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow:hidden; margin-right:0px !important; }
body { counter-reset: section; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-family: "Poppins", sans-serif; color: #5a5a5a; background-color:#fff; overflow-x: hidden; font-size: 14px; font-weight: 400; }
h1, h2, h3, h5 { font-family: "SegoeUIBold", sans-serif; color:#5a5a5a; }
h4, h6 { font-family: "SegoeUILight", sans-serif; color:#5a5a5a; }
	h1, .h1 { font-size: 46px; }
	h2 { margin-top:0px !important; }
	h3 { line-height:1.5; margin-top:0px !important; }
	h4 { font-size: 24px; line-height:1.4; margin-top:0px !important; }
	h5 { font-size: 14px; line-height:1.6; }
	h6 { font-size: 12px; line-height:20px; }
a { -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
	a, a:visited, a:focus { text-decoration: none; outline: 0; cursor:pointer !important; color: #39bdb0; }
	a:hover { text-decoration:none; color:#5a5a5a; }
	p a, p a:visited { line-height: inherit; }
p { margin: 0px 0 15px 0; font-size:14px; font-weight:500; line-height:22px; font-family: "Poppins", sans-serif; color:#5a5a5a; }
hr { clear:both; margin: 10px 0px 25px; border:0px !important; visibility:hidden; border:none; height: 2px; }
iframe { border:0px; }	
	iframe, embed, object { max-width: 100%; }
figure { display: block; overflow: hidden; position: relative; margin: 0px 0px 30px 0px; padding: 0px; }
	figure img { max-width: 100%; height: auto; margin:0 auto !important; display:block; }
.alignCenter { margin: 0 auto; }
	.removePadding { padding: 0px 0px 0px 0px !important; }
	.removeMargin { margin-left:0 !important; margin-right:0 !important; }
	.textAlignCenter { text-align:center; }
	.textAlignRight { text-align:right; }
ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; }
	ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; }
a.button, a.button:visited, a.normal, a.normal:visited { text-decoration: none; outline: 0; cursor:pointer; color: #5a5a5a !important; border: 1px solid #5a5a5a !important; }
	a.button:hover { color: #39bdb0 !important; border: 1px solid #39bdb0 !important; text-decoration:none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
	.button, button { font-size: 12px; }
	.button i { font-size: 14px; margin-top: 3px; }
	.center_float { text-align:center; margin:0px auto; top:-25px; }
	button::-moz-focus-inner,
	input::-moz-focus-inner { border: 0; padding: 0; }	
img.scale-with-grid { max-width: 100%; height: auto; margin:0 auto !important; display:block; }
	img.resize-with-grid { max-width: 100%; height: auto; margin:0 auto !important; display:block; }
	.resize_align { max-width:auto !important; max-height:auto !important; min-width:auto !important; min-height:auto !important; }
.preloadimages_inline { position:absolute; z-index:-256; width:50px; height:50px; overflow:hidden; display:none; }
.preloadimages_inline img { visibility:hidden; }

.skrolaj { position:absolute; bottom:250px; left:50%; margin-left: -50px; z-index:999999999999999999999999999; }
	@media all and (max-width: 550px) {
		.skrolaj { bottom:30px; }
		}
.skrolaj-sub { position:relative; bottom:0px; }
	@media all and (max-width: 550px) {
		.skrolaj { bottom:30px; }
		}
/******************************************************
/// Preloader, ikone i sl.
******************************************************/
.loading_2x { position: absolute; display:block; top:50%; left:50%; width: 30px; height: 30px; margin-top:-15px; margin-left:-15px; z-index:25635; } 
	.loading_2x .track { width: 100%; height: 100%; position:absolute; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
	.loading_2x .ball { width: 100%; height: 100%; position:absolute; border-left: 6px solid rgba(59,189,177, 1); border-top: 6px solid rgba(0,0,0,0); border-right: 6px solid rgba(0,0,0,0); border-bottom: 6px solid rgba(0,0,0,0); border-radius: 100%; border-style: solid; -moz-animation: spin .7s infinite linear; -webkit-animation: spin .7s infinite linear; }

.loading_objects .ball { -moz-animation: none; -webkit-animation: none; } 
	.loading_objects .loading_2x { z-index:-10; display:none; } 
	.loading_x { position: absolute; display:block;	top:50%; left:50%; width: 40px; height: 40px; margin-top:-20px; margin-left:-20px; z-index:25636; } 
	.loading_x .track { width: 100%; height: 100%; position:absolute; border: 6px solid rgba(0,0,0,.1); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
	
.loading_x .ball { width: 100%; height: 100%; position:absolute; border-left: 6px solid rgba(59,189,177, 1); border-top: 6px solid rgba(0,0,0,0); border-right: 6px solid rgba(0,0,0,0); border-bottom: 6px solid rgba(0,0,0,0); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border-style: solid; -moz-animation: spin .7s infinite linear; -webkit-animation: spin .7s infinite linear; } 
	.loading_objects .loading_x { z-index:-9; display:none; } 
	.loading_2x .text { font-family: sans-serif; position:absolute; width:250px; top:40px; left:-108px; text-align:center; color:#cccccc; }
 
@-moz-keyframes spin { 
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(-360deg); }
}
	
.loading_2x .text { color:#cccccc; }
.loading_2x .track { border: 6px solid rgba(0, 0, 0, .1); }
.loading_x .ball, .loading_2x .ball { border-left: 6px solid rgba(59,189,177, 1); }

.animated.fast { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.pageFade { width:100%; height:100%; top:0px; left:0; position:fixed; z-index:354800000002; overflow:hidden; background-color:#fff; } 

.pgScrollUp { position:fixed !important; font-size:24px; top: auto; left: auto; right: 80px; bottom: 35px;overflow:hidden; cursor:pointer; color:#39bdb0; z-index:999999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity : .5; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
	.pgScrollUp:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity : 1; color:#39bdb0; } 

.footer_close i, .pgScrollUp i { display:block; text-align:center; padding: 0 10px; }
	span.btn_opis { font-size:10px; display:block; text-transform:uppercase; text-align:center; padding: 0 10px; }

.previousPage span.arrow_opis { text-align:left; left:-30px; }
.nextPage span.arrow_opis { text-align:right; right:-30px; }

.showHide_content { overflow:hidden; }
.show_hidden { overflow:visible; }






#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:99999999;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:350px;
  height:300px;
  display:none;
  z-index:999999999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:360px; 
  height:auto;
  padding:20px;
  background-color:#ffffff;

  font-size: 15pt;
}
.maintext{
	text-align: center;
  text-decoration: none;
}

#lorem{
margin-top:20px;
	font-size: 12pt;
  text-align: left;
}
#popupfoot{
	font-size: 16pt;
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}











/******************************************************
/// Glavni containeri/wrapperi za animacije
******************************************************/
.bodyContainer { position:relative; width:100%; top:0px; left:0px; overflow:hidden; }
.mainContent { position: relative; left: 0px; margin:0px; padding:0px 0px 0px 0px; -webkit-transition: translate3d(0,0,0); overflow:auto; }
.contentWrapper { margin:0px; padding:0px 0px 0px 0px; position:relative; width:100%; left:0px; float:left; overflow-y: auto; overflow-x: hidden; outline: none; z-index:50; }

.contentWrapper.fullWidth { padding:0px !important; margin:0px !important; overflow-x: hidden; }	
	.fullWidth { width:100%; padding:0px 0px 0px 0px; }

/******************************************************
/// Header i elementi
******************************************************/

.header.menuType2 .logo { width:90px; padding:10px 0 8px 0; margin-left:30px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
	.header.menuType2 .logo img { bottom: 0px; width:100%; max-height: auto; } 
	
.header { position: fixed; width:100%; display:block; height:120px; margin: 0 auto; z-index:99; overflow: hidden; background-color:#33363e; background-color: rgba(51,54,62, 0.75); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: translate3d(0,0,0); }
.header:hover { overflow: visible; }
.header_content { position:relative; left:0px; padding-top:10px; padding-bottom:10px; -webkit-transition: height 0.25s ease-in-out; -moz-transition: height 0.25s ease-in-out; -o-transition: height 0.25s ease-in-out; -ms-transition: height 0.25s ease-in-out; transition: height 0.25s ease-in-out; }
	.header_content ul { clear:both; display: block; padding-top:0px !important; list-style: none; } .header_content ul li {	position: relative; cursor: pointer; margin:0px 10px 0px 0px; padding-bottom:15px; text-transform:uppercase; text-align: left; }
	.header_content ul li i { font-size: 13px; }
	.header_content ul li a, .header_content ul li ul li a { font-family: "SegoeUIBold", sans-serif; font-size:13px; font-weight:bold; }
	.header ul.nav li:hover .arrow { background-position: center 0; }
.nav li { padding-top:15px; }

.header ul.nav>li a { color:#fff; color: rgba(255, 255, 255, 0.77)!important; background-color:transparent; }
.header ul.nav>li:hover>a { color: rgba(255, 255, 255, 1)!important; border: 1px solid #39bdb0; background: none; }
.header ul.nav>li a.active { color:#39bdb0 !important; border: 1px solid #39bdb0; }
	.header ul.nav>li a.active:hover { color:#fff !important; border: 1px solid #39bdb0; }
	.header ul.nav li ul li a { color:#5a5a5a !important; border: none; background-color:#ffffff; }
	.header ul.nav li ul li a:hover { color:#000000 !important; background-color:#eeeeee; }
	.header ul.nav li ul li a.active { color:#39bdb0 !important; background-color:#ffffff; border: none; }
	.header ul.nav li ul li a.active:hover { color:#39bdb0 !important; background-color:#ffffff; border: none; }
	.header ul li a { border: 1px solid #39bdb0; }

.header.menuType2 .header_content >ul>li>a:before { background-color:#39bdb0; }
.header.menuType2 ul.nav li a:hover { color:#000000; }
	.header.menuType2 ul.nav li ul li a,
	.header.menuType2 ul.nav li ul li a.active,
	.header.menuType2 ul.nav li ul li a.active:hover { border: none; border-left: 1px solid #39bdb0; border-left-spacing:25px !important; }

	.header ul.nav li .active + .arrow { background-image: url(../images/menu_arrow_active.png);background-image: -Webkit-image-set(url(../images/menu_arrow_active.png) 1x, url(../images/menu_arrow_active@2x.png) 2x);	} 
.header_content>ul>li { margin:0px 0px 0px 0px !important; padding-right:0px; float:left; }
	.header_content>ul>li.last { margin: 0px 10px 10px 0px; }
	.header_content ul li a { position:relative; display:block; margin:0px; padding:10px 8px 10px 8px; white-space:nowrap; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }	
	.header_content > ul > li > a { width:95%; text-align:center; }
	
.header .header_content ul li ul li a { width:210px; margin:0px !important; text-align:left !important; padding:15px 0px 15px 15px !important; font-size:12px !important; text-align:center; }	
.header .header_content ul li ul { display: none; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }
.header .header_content ul li:hover ul { display: block; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
.header2 .header_content2 ul li:hover ul { display: block; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
.header .naziv h1 { margin:0 0 0 -35px; display:inline-block; border-left: 1px solid #39bdb0; padding:51px 0 9px 40px; float:left; line-height: 23px; font-size:18px; font-family: "Poppins", sans-serif; color:#fff; font-weight: normal; text-transform:uppercase; } 
.header .header_content ul li ul.hideIt { display:none !important; }


.header2 { position: fixed; width:100%; top:110px; display:block; margin: 0 auto; padding:0; z-index:20536; background-color:#33363e; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: translate3d(0,0,0); background-image: -webkit-gradient(linear, left top, right top, from(rgba(57,189,176, 1)), to(rgba(57,189,176, 0.35)) ); background-image: -moz-linear-gradient( left center, rgba(57,189,176, 1) 20%, rgba(57,189,176, 0) 95% ); -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColor=0, endColoStr=#FFFFFF) }
.header_content2 { position:relative; left:0px; float:right; -webkit-transition: height 0.25s ease-in-out; -moz-transition: height 0.25s ease-in-out; -o-transition: height 0.25s ease-in-out; -ms-transition: height 0.25s ease-in-out; transition: height 0.25s ease-in-out; }
	.header_content2 ul { clear:both; display: block; padding:0px !important; list-style: none; margin: 0 15px 0 0!important; }
	.header_content2 ul li { position: relative; cursor: pointer; margin:0px 5px 0px 0px; padding:0px 0; text-transform:uppercase; text-align: left; }
	.header_content2 ul li i { font-size: 12px; }
	.header_content2 ul li a, .header_content2 ul li ul li a { font-family: "SegoeUIRegular", sans-serif; font-size:13px; font-weight:normal; }
	.header2 ul.nav2 li:hover .arrow { background-position: center 0; }
	.nav2 li { padding-top:0px; }
.header2 ul.nav2>li a { color:#fff; color: rgba(255, 255, 255, 1)!important; background-color:transparent; }
.header2 ul.nav2>li:hover>a { color: #000 !important; border: none; background: none; }
.header2 ul.nav2>li a.active { color:#000 !important; }
	.header2 ul.nav2>li a.active:hover { color:#fff !important; }
	.header2 ul.nav2 li ul li a { color:#5a5a5a !important; border: none; background-color:none; }
	.header2 ul.nav2 li ul li a:hover { color:#000000 !important; background-color:none;	}
	.header2 ul.nav2 li ul li a.active { color:#39bdb0 !important; background-color:none; border: none; }
	.header2 ul.nav2 li ul li a.active:hover { color:#39bdb0 !important; background-color:none; border: none; }
	.header2 ul li { border-left: none; border-radius:0; }
	.header2.menuType2 .header_content2 >ul>li>a:before { background-color:#fff; }
	
	.header2.menuType2 ul.nav2 li a:hover { color:#000000; }
	.header2.menuType2 ul.nav2 li ul li a,
	.header2.menuType2 ul.nav2 li ul li a.active,
	.header2.menuType2 ul.nav2 li ul li a.active:hover { border: none; border-left: 1px solid #39bdb0; border-left-spacing:25px !important; }
	.header2 ul.nav2 li .active + .arrow { background-image: url(../images/menu_arrow_active.png); background-image: -Webkit-image-set(url(../images/menu_arrow_active.png) 1x, url(../images/menu_arrow_active@2x.png) 2x); }	
	
.header_content2>ul>li { margin:0px 0px 0px 0px !important; padding-right:0px; float:left; }
	.header_content2>ul>li.last { margin: 0px 10px 10px 0px; }
	.header_content2 ul li a { position:relative; display:block; margin:0px; padding:10px 10px 10px 10px; white-space:nowrap; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
	.header_content2 > ul > li > a { width:95%; text-align:center; }

	.header2 .header_content2 ul li ul li a { width:210px; margin:0px !important; text-align:left !important; padding:15px 0px 15px 15px !important; font-size:12px !important; text-align:center; }
	.header2 .header_content2 ul li ul { display: none; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }
	.header2 .header_content2 ul li ul.hideIt { display:none !important; }
	
.header.menuType2 {	height:110px; max-height:110px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
	.header.menuType2 .header_content>ul>li { margin-right:1px !important; cursor: auto; line-height:25px; padding:0px !important; }
	.header.menuType2 .header_content >ul>li>a,
	.header.menuType2 .header_content >ul>li>a.active { width: auto; border: none !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding-top:73px; padding-bottom:12px; } 
	.header.menuType2 .header_content >ul>li>a:before { content:""; position:absolute; right:-3px; height:100%; top:0px; width:1px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } 
	.header.menuType2 .header_content >ul>li:last-child>a:before { background-color: transparent !important; }
	.header.menuType2 ul.nav li .active + .arrow { background-image: none !important; }		
	.header.menuType2 .header_content { float:right; padding:0px; }
	.header.menuType2 ul.nav li .arrow { background-image:none; }	
	.header.menuType2 .header_content ul li ul { left: -3px; } 
	.header.menuType2 .header_content ul li ul li a { width: 210px; margin: 0px !important; text-align: left !important; padding: 15px 0px 15px 25px !important; }	
	.header.menuType2 .header_content ul li>a:active ul { display: none !important; } 
	.header.menuType2 ul.nav li .arrow { z-index:10; bottom:-10px; }	
	.header.menuType2 ul.nav li ul li { padding:0px; }
	
	
.mobile_menu_btn { position:relative; width: 70px; height: 85px; top:9px; display:none; background-image :url(../images/mobile_menu.png); background-image: -Webkit-image-set(url(../images/mobile_menu.png) 1x, url(../images/mobile_menu@2x.png) 2x); background-position: center center; background-repeat:no-repeat; cursor:pointer; margin: 0 auto 20px !important; border-radius:0px; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } 


/* Responzivni */
	.header_content ul li ul { position:absolute; overflow: visible; width:auto; height:auto !important; display:none; left:0px; overflow:hidden; margin:0 !important; padding: 0px 0px 0px 0px !important;	text-shadow: none; } 
	.header_content ul li ul li { padding:0px 10px 0px 0px; margin:0px !important; position:relative !important; float:left; display:block; } 
	.header_content ul>li>ul>li { padding-bottom:0px; } 
	.header_content ul li ul li a { display:block; font-size:12px;	margin:5px 0px 5px 0px; padding:10px 10px 10px 15px; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; }
	
	.header_content ul li:hover ul { display:block; height:100%; overflow:visible;visibility: visible !important; }

	.header_content>ul>li .stroke { display:block; left:50%; bottom:1px; position:absolute; width:20px; height:10px; }
	.header ul.nav li .arrow { position:absolute; display:block; width:10px; height:10px; overflow:hidden; margin-left: -5px; left:50%; bottom:5px; background-position: center -10px; background-repeat:no-repeat; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
	
	ul.nav li a i { margin:0px 10px 0px 0px; }
	
	.container-fluid.mobi, .row.mobi { padding-right:0px !important; padding-left:0px !important; }
	.col-md-12.mobi { padding-right:10px !important;  padding-left:10px !important; }

.header ul.ikone { list-style:none; margin:0 2px 0 0; text-align:right; }
.header ul.ikone li { line-height:20px; padding-top:55px 0 0 0; }
.header ul.ikone li a { background:none; border:none; }
.header ul.ikone li a i { font-size:20px; color:#fff !important; }
.header ul.ikone li a i:hover { color: #39bdb0 !important; text-decoration:none; }
.header ul.ikone li a:hover i { color:#000; }	

/******************************************************
/// Animacija naslovnice
******************************************************/
#kosina-a { width: 1067px; height: 1240px; margin: 0; padding: 0; background: url(../images/kosina1.png) no-repeat bottom center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; position: fixed; top: 0px; left: -407px; z-index: 999; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; animation-name: slide-a; animation-duration:5s; animation-delay:0.5s; animation-direction: alternate; animation-timing-function: ease-in-out; -webkit-animation-name: slide-a; -webkit-animation-duration:5s; -webkit-animation-delay:1s; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; }
#kosina-b { width: 1233px; height: 1240px; margin: 0; padding: 0; background: url(../images/kosina2.png) no-repeat top left; position: fixed; top: 0px; left: -507px; z-index: 999; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; z-index:9999999; animation-name: slide-b; animation-duration:5s; animation-delay:0.5s; animation-direction: alternate; animation-timing-function: ease-in-out; -webkit-animation-name: slide-b; -webkit-animation-duration:5s; -webkit-animation-delay:0.5s; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; }

@keyframes slide-a {
 0% { left:-407px; }
 50% { left:0px; }
 100% { left:-407px; } 
}
@-webkit-keyframes slide-a {
 0% { left:-407px; }
 50% { left:0px; }
 100% { left:-407px; } 
}
@keyframes slide-b {
 0% { left:-507px; }
 50% { left:0px; }
 100% { left:-507px; } 
}
@-webkit-keyframes slide-b {
 0% { left:-507px; }
 50% { left:0px; }
 100% { left:-507px; } 
}
	
/******************************************************
/// Rotator teksta naslovnice
******************************************************/
.znak-plus { position:relative; display: table; margin:0 auto; padding:25px 72px 20px 0; }
.video-thumb { padding:20px 30px 5px 0px; opacity: 0.6; cursor:pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
	.video-thumb:hover { opacity: 1; }
.play  { position: absolute; top: 35px; left: 58px; height: 100%; width: 100%; cursor:pointer; }
	.play button { width:60px; height:60px; display:block; border: 3px solid #fff; border-radius:100px; }
	.play button i { color:#fff; font-size:34px; line-height:35px; padding:10px 19px; }
	.play button:hover i { color:#fff; text-decoration:none; }


/******************************************************
/// Pozadine, Slideri, Carouseli i sl.
******************************************************/	
.bottom_space { position:relative; display:block; clear:both; padding-bottom:150px; }
.mobile_topSpc { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } 
.mobile_topSpc.removeSpc { padding-top:0px !important; }
.horizontal_layout .gal_Top_Bot_spacing { padding:0px; position:absolute; display:none; }
.top_bot_pad { padding:180px 0px 25px 0px; }

.parallax {	background: no-repeat center center scroll; position: relative; overflow:hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); } 
	.mainContent .parallax { background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 
	.overlayPattern, .parallaxPattern { width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden; z-index: -1; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: translate3d(0,0,0); }
	.overlayBg { width:100%; height:102%; position:absolute; top:0px; left:0px; overflow:hidden; z-index:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: .75; -khtml-opacity: .75; opacity : .75; }
	.overlayPattern { background: url(../images/background_overlay.png) repeat scroll; }	
	.parallaxPattern { background: url(../images/parallax_overlay.png) repeat scroll; }		
	.fullScreenGallery_items .overlayPattern { z-index:1; }		
	.parallax.fixedBackground, .parallaxPattern.fixedBackground { background-attachment:fixed !important; } 
	.parallax.topHeaderBg { background-position:center top !important; }		
	.overlayBg.fixedPosition { position:fixed; width:100%; height:100%; visibility:visible !important; }

.tp-banner-container .slideshow_cycle { position:absolute; z-index:1533; }
.tp-banner-container .slideshow_cycle h1 { font-size:36px; }
.tparrows { z-index:7000 !important; }
.rs_slider .tparrows { -webkit-transform: none !important; }

span.btn_icon { color:#fff; }

.carousel_container { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: translate3d(0,0,0); } 

.fullScreenGallery_thumbnails { position:absolute; width:930px; height:100px; bottom:250px; right:10px; padding-left:125px; z-index:10000; overflow:visible !important; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }		
	.fullScreenGallery_thumbnails .elastislide-carousel ul li a img { -webkit-filter : grayscale(1); border-color:#fff; }
	.fullScreenGallery_thumbnails .elastislide-carousel ul li.current-img a img,
	.fullScreenGallery_thumbnails .elastislide-carousel ul li a img:hover { -webkit-filter : grayscale(0); }	
	.fullScreenGallery_thumbnails a.fxEmbossBtn { width:100%; height:32px; display:block; margin:0 auto; text-align:center; position:relative; font-size:10px; font-weight: 700; letter-spacing:1px; padding: 7px 15px 0px 15px; left:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border:none !important; }		
	.fullScreenGallery_thumbnails a.fxEmbossBtn .btn_icon { line-height:20px; }		
	.fullScreenGallery_thumbnails a.thumbClose_btn.fxEmbossBtn { height:34px; line-height:18px; }		
	.fullScreenGallery_thumbnails a.fxEmbossBtn .btn_hover { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }	
	.retinaDevice .fullScreenGallery_thumbnails a.fxEmbossBtn:hover .btn_hover { width:96%; height:92%; left:2px; top:2px; } 
	.fullScreenGallery_thumbnails a.fxEmbossBtn:hover .btn_icon { border:none !important; } 
	.fullScreenGallery_thumbnails.miniView { width:155px; }	
	.fullScreenGallery_thumbnails .carousel_thumbails li[data-preview] { margin-top:13px; border-top: none; }
	.fullScreenGallery_thumbnails .carousel_thumbails li.current-img[data-preview] { border-top: none; } 

.fixedHeight { height:450px; margin: 0 auto; position:relative; }
	.lazyload { margin: 0 auto; display: block; }
	a.lazyload { min-height:75px; min-width:100%; display:block; text-align:center; padding-top:25px; text-transform:uppercase; }
	.animate { position:relative; overflow:hidden; }
	.hideOverFlow { overflow:hidden !important; }

.elastislide-wrapper, .elastislide-wrapper img, .elastislide-wrapper:after, .elastislide-wrapper:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
	.carousel_container .carousel_thumbails { position:relative; visibility:hidden; display:block; }
	.carousel_preview { position:relative; width:100%; overflow:hidden; }
	.carousel_item { position:relative; display: none; clear:left; }
	.carousel_container .elastislide-carousel ul li a img { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
	.elastislide-wrapper nav .np_btn:hover { opacity: 1.0; }
	.elastislide-carousel ul li a { max-width:155px; }
	.carousel li, .carousel_thumbails li { min-height:75px; }
	.carousel_container img, .elastislide-carousel img { display: inherit; }
	
	.elastislide-list { list-style-type: none;display: none; }
	.no-js .elastislide-list { display: block; }
	.elastislide-carousel ul li { min-width: 20px; /* minimum width of the image (min width + border) */ }
	.elastislide-wrapper { position: relative;margin: 0 auto;min-height: 60px; }

	.elastislide-wrapper.elastislide-loading {background-image: url(../images/loading.gif);background-repeat: no-repeat;background-position: center center; }
	.elastislide-horizontal { padding: 48px 0px; }
	.elastislide-vertical { padding: 40px 10px; }

	.elastislide-carousel { overflow: hidden;position: relative; }
	.elastislide-carousel ul { position: relative;display: block;list-style-type: none;padding: 0;margin: 0;-webkit-backface-visibility: hidden;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px); }
	.elastislide-horizontal ul { white-space: nowrap; }
	.elastislide-carousel ul li { margin: 0;-webkit-backface-visibility: hidden; }
	.elastislide-horizontal ul li { height: 100%;display: inline-block;vertical-align:top; }
	.elastislide-vertical ul li { display: block; }
	.elastislide-carousel ul li a { display: inline-block;width: 100%; }
	.elastislide-carousel ul li a img { display: block;border: 4px solid #fff ;max-width: 100%; }
	
	.gallery_navigations { position:relative; display:block; width:100px; height:98px !important; top:159px; left:-100px; z-index:100000; }
	.topNav nav .np_btn { display:none; }
	.fullScreenGallery_thumbnails a.previous_button, .fullScreenGallery_thumbnails a.next_button { background:none; background-image: none !important; }

	.slideshow_cycle { height: auto; width: 100%; margin: 0; padding:0; z-index:99999999999999999!important; position:relative; }
	.slideshow_cycle h1,.slideshow_cycle h4 { color:#fff !important; }
	.slideshow_cycle .slide { height: auto; width: 100%; }
	.tp-banner-container .slideshow_cycle.textAlignCenter { top:43.5%; }
	
	.pozadina { background-image: -moz-linear-gradient(center 20px, circle, rgba(57,189,176, 0.65) 0%, rgba(57,189,176, 0.45) 20%, rgba(57,189,176, 0.25) 40%, rgba(57,189,176, 0.15) 60%, rgba(57,189,176, 0) 100%); background-image: -webkit-radial-gradient(center 20px, circle, rgba(57,189,176, 0.65) 0%, rgba(57,189,176, 0.45) 20%, rgba(57,189,176, 0.25) 40%, rgba(57,189,176, 0.15) 60%, rgba(57,189,176, 0) 100%); background: -o-linear-gradient(center 20px, circle, rgba(57,189,176, 0.75) 0%, rgba(57,189,176, 0.45) 20%, rgba(57,189,176, 0) 100%); background: -ms-linear-gradient(center 20px, circle, rgba(57,189,176, 0.75) 0%, rgba(57,189,176, 0.45) 20%, rgba(57,189,176, 0) 100%); background: linear-gradient(center 20px, circle, rgba(57,189,176, 0.75) 0%, rgba(57,189,176, 0.45) 20%, rgba(57,189,176, 0) 100%); -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColor=0, endColoStr=#FFFFFF); position:absolute; z-index:9999999999999999999999999999999!important; }

	
/******************************************************
/// Video
******************************************************/
video { max-width: 100%; height: auto; }
	.addVideo { position:relative; overflow:hidden; line-height:0px; }
	.video_content{ position:relative; width:100%; height:548px; margin: 0 auto; overflow:hidden; } 
	.video_content.largeSize { width: 100%; height:440px; } 
	.video_content.mini { height:256px; }
	.video_hover { background:url(../images/video_over.png); background-image: -Webkit-image-set(url(../images/video_over.png) 1x, url(../images/video_over@2x.png) 2x); /* Image for Retina */ background-position: 0% 0%; cursor:pointer; display:inline-block; position:absolute; width:75px; height:75px; top:46%; left:50%; z-index:55; margin-left:-35px; }
	.video_hover:hover { background-position: -100% 0%; } 

	
/******************************************************
/// Mape, kontakti i sl.
******************************************************/
.pin-sadrzaj { padding-top: 30px !important; }
	
	.tvrtka { margin:30px 0 0 0 !important; }
.kontakt-info>li { padding-bottom:10px; padding-top:10px; }
	.kontakt-info.no_border>li { border-bottom:none }
	.kontakt-info>li.last { border-bottom:none }
	.kontakt-info>li>ul { display:inline-block; }
	.kontakt-info .title  { margin-right:15px; }

.map-container {
	width: 100%;
	margin: 0;
}
.map-container iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
	pointer-events: auto;
}
/******************************************************
/// SVG karta
******************************************************/
.svg-mapa { position:relative; top:-60px; }
.map { margin: 0px auto 0px auto; }
	.map svg { height: auto; width: 100%; margin: 0 auto; display: block; }
	.map g { }
	map g:hover { cursor: help; }

.info_panel { background-color: rgba(255,255,255,1); padding: 12px; font-size: 11px; font-family: Helvetica, Arial, sans-serif; position: absolute; color: #333; white-space: nowrap; border: 2px solid #aaa; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }
	.info_panel::first-line { }

.bookmarksi { background: none !important; border: 0 !important; color: #000!important; font-size:15px; font-weight:bold; white-space: nowrap; text-decoration: none; cursor: pointer; margin: 0 45px 0 0; line-height: normal; padding: 2px 0px 0px 0px; border-radius: 0px; }
	.bookmarksi:focus { border: none; outline:none; }

.cyan:before { content: ">"; font-size:18px; position: absolute; height: 20px; color: #fff !important; background: #00aeef !important; top: 0; margin:0px -15px 0 0; margin-left:-30px; width: 20px; }
.cyan:hover { border:0 !important; color: #bcbec0!important; }
.magenta:before { content: ">"; font-size:18px; position: absolute; height: 20px; color: #fff !important; background: #ec008c !important; top: 0; margin:0px -15px 0 0; margin-left:-30px; width: 20px; }
.magenta:hover { border:0 !important; color: #bcbec0!important; }
.yellow:before { content: ">"; font-size:18px; position: absolute; height: 20px; color: #666666 !important; background: #fff200 !important; top: 0; margin:0px -15px 0 0; margin-left:-30px; width: 20px; }
.yellow:hover { border:0 !important; color: #bcbec0!important; }
.reset:before { content: ""; content: ""; position: absolute; height: 20px; background: #bcbec0 !important; top: 0; margin:0px -15px 0 0; margin-left:-30px; width: 20px; }
.reset:hover { border:0 !important; color: #bcbec0!important; }

h3.cyan { color: #00aeef !important; }
h3.magenta { color: #ec008c !important; }
h3.cyan:before, h3.magenta:before { display:none; }
h3.cyan:hover { color: #00aeef!important; }
h3.magenta:hover { color: #ec008c!important; }

.proizvodna { fill:#BCBEC0; stroke:#939598; stroke-width:0.2835; stroke-miterlimit:10; fill-opacity:1; }
.proizvodna:hover { fill:#00aeef; stroke:#939598; stroke-width:0.2835; stroke-miterlimit:10; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; fill-opacity:1; }
.poslovna { fill:#939598; stroke:#939598; stroke-width:0.2835; stroke-miterlimit:10; fill-opacity:1; }
.poslovna:hover { fill:#EC008C; stroke:#939598; stroke-width:0.2835; stroke-miterlimit:10; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; fill-opacity:1; }
.specijalna { fill:#6D6E71; stroke:#939598; stroke-width:0.2835; stroke-miterlimit:10; fill-opacity:1; }
.specijalna:hover { fill:#FFF200; stroke:#939598; stroke-width:0.2835; stroke-miterlimit:10; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; fill-opacity:1; }
.zelena { fill:#57B28F; stroke:#939598; stroke-width:0.2835; stroke-miterlimit:10; fill-opacity:1; }
.zelena:hover { fill:#00A69E; stroke:#939598; stroke-width:0.2835; stroke-miterlimit:10; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; fill-opacity:1; }
.cesta { fill:#FFFFFF;stroke:#999999; stroke-width:0; stroke-miterlimit:10; fill-opacity:1; }
.cesta:hover { fill:#FFFFFF; stroke:#777777; stroke-width:0.835; stroke-miterlimit:10; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; fill-opacity:1; }
.ulaz { fill:#6D6E71; fill-opacity:1; }
.ulaz:hover { fill:#999999; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; fill-opacity:1; }
	
	
	
/******************************************************
/// Sadržaji
******************************************************/
.page_header { margin-top: 50px; margin-bottom: 50px; padding-bottom:25px; }
	.page_header p { border-bottom:1px #cccccc solid; margin-bottom: 50px; padding-bottom:25px; } 
 
.o_zoni { padding-bottom:20px; text-align:center; }
	.o_zoni .desc { display: block; overflow:hidden; }
	.o_zoni .desc h5 { margin-top:0px; font-weight:700; }

.povrsina_wrapper { width: 33%; min-width:210px; position:relative; margin:0 auto; text-align:center; display:inline-block; float:left; }
	.povrsina_wrapper h4 { margin-top:25px !important; }
	.povrsina_wrapper h3 { margin-bottom:25px !important; font-size:18px; text-transform: uppercase; }
	.povrsina { border: 1px solid #31bdb1; padding:30px 10px 10px 10px; margin: 0px 25px 0px 25px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
	.povrsina:hover { background:rgba(57,189,176, 0.4); }
	
.tvrtke_u_zoni { text-align:center; padding-bottom:10px; cursor:pointer; }
	.tvrtke_u_zoni .desc { display: block; overflow:hidden; min-height:60px; }
	.tvrtke_u_zoni img { width:auto; height:75px; }
	.tvrtke_u_zoni span { font-family: "SegoeUIBold", sans-serif; font-size:16px!important; color:#fff; text-transform:uppercase; padding: 20px !important; }
	.tvrtke_u_zoni .naziv i { color:#16191c; }
	.zeleno { background: #3bbdb1 !important; }	
	.naziv.zeleno:after { border-top: 25px solid #3bbdb1; }	
	.tvrtke_u_zoni .naziv { position:relative; padding: 0px 0px 0px 0px; display: block; margin: 0px auto 20px; max-width:250px; text-align:center; }
	.naziv:after { content: ""; position: absolute; bottom: -19px; left: 50%; width: 0; height: 0; margin-left: -20px; z-index: 100; border-left: 20px solid transparent; border-right: 20px solid transparent; }

.dokumenti { text-align:center; padding-bottom:10px; cursor:pointer; }
	.dokumenti .desc { display: block; overflow:hidden; min-height:60px; }
	.dokumenti img { width:auto; height:75px; }
	.dokumenti span { font-family: "SegoeUIBold", sans-serif; font-size:16px!important; color:#fff; text-transform:uppercase; padding: 20px !important; }
	.dokumenti .naziv i { color:#16191c; }
	.sivo { background: #6c6c6c !important; }	
	.naziv.sivo:after { border-top: 25px solid #6c6c6c; }	
	.dokumenti .naziv { position:relative; padding: 0px 0px 0px 0px; display: block; margin: 0px auto 20px; max-width:250px; min-height:92px; text-align:center; }
	.naziv:after { content: ""; position: absolute; bottom: -19px; left: 50%; width: 0; height: 0; margin-left: -20px; z-index: 100; border-left: 20px solid transparent; border-right: 20px solid transparent; }
	.dokumenti ul.noBorder { list-style:none!important; margin-left:0px!important; }
	.dokumenti>li { padding-bottom:10px; padding-top:10px; }
	.dokumenti.no_border>li { border-bottom:none }
	.dokumenti>li.last { border-bottom:none }
	.dokumenti>li>ul { display:inline-block; }
	.dokumenti .title  { margin-right:15px; }
	
.sadrzaj { position: relative; z-index:99999999999999999999999999; overflow:hidden; }

.sadrzaji { margin-top: 60px; margin-bottom: 50px; padding-bottom:25px; }
#sekcija { padding:0; }
#sekcija .naslovi h1, #sekcija .naslovi h2, #sekcija .naslovi h3 { color:#fff; }
#sekcija .naslovi h1 { font-family: "SegoeUIBold", sans-serif; text-transform: uppercase; }
#sekcija .naslovi h2 { font-family: "SegoeUIRegular", sans-serif; }
#sekcija .naslovi h3 { font-family: "SegoeUILight", sans-serif; }

#sekcija .sadrzaji h4 { font-family: "SegoeUIRegular", sans-serif; font-weight:bold; font-size:22px; color: #3bbdb1; line-height: 1.4; margin:10px 0 0px 0; }
#sekcija .sadrzaji h5 { font-family: "SegoeUIRegular", sans-serif; font-weight:bold; font-size:14px; color: #3bbdb1; line-height: 1.3; margin:10px 0 0px 0; }

#sekcija .sadrzaji ul { list-style: square; padding:10px 0; margin-left:30px; }
#sekcija .sadrzaji ul li { padding:6px 15px; border-bottom:1px solid #eee; line-height:20px; }
#sekcija .sadrzaji ul li:last-child { border-bottom:0px solid #eee; }
#sekcija .sadrzaji ul li a { text-decoration:none; color:#39bdb0; }
#sekcija .sadrzaji ul li a:hover { text-decoration:underline; }

/******************************************************
/// FB novosti
******************************************************/
.card-text:last-child { padding-top: 20px; }

/******************************************************
/// On-hover na slike
******************************************************/
.overlay { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity : 0; z-index:5; -webkit-transition: opacity 180ms ease-in-out; -moz-transition: opacity 180ms ease-in-out; -o-transition: opacity 180ms ease-in-out; transition: opacity 180ms ease-in-out; }
	a:hover .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity : 1; } 
	.overlay.zoom { display: block; background: url(../images/overlay_zoom.png) no-repeat center center; zoom: 1; } 
	.overlay.link { display: block; background: url(../images/overlay_link.png) no-repeat center center; zoom: 1; }
	.overlay.detail { display: block; background: transparent; background: url(../images/overlay_detail.png) no-repeat center center; zoom: 1; } 

.itemOver {	-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.itemOver .overlay { width:10%; height:10%; margin:0 auto; left:50%; top:50%; text-align:center; visibility:hidden; overflow:hidden; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.itemOver:hover .overlay { background:rgba(57,189,176, 0.7); width: 100%; height:100%; left:0%; top:0%; visibility:visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity : 1; } 
.itemOver .overlay .popup_overlay { width:100% !important; max-width:100% !important; height:100%; z-index:100; } 
.itemOver:hover .overlay .popup_overlay,
	.notTouchDevice .itemOver:hover .overlay .popup_overlay { display:block; }	
	.notTouchDevice .itemOver .overlay .popup_overlay { display:none; } 
	.itemOver .popup_overlay .magnificPopup { position: inherit; }
	.itemOver .overlay .popup_overlay .popup_links { position:relavite !important; margin: 50% auto; display: block; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
	
figure.itemOver .overlay .popup_overlay .popup_links { margin: 33% auto; }
.itemOver .overlay .popup_overlay .popup_links>a { width:40px; height:40px; top:50%; margin-top:-20px; margin-right:2px; padding:2px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounceIn; animation-name: bounceIn; } 
	.itemOver .overlay .popup_links>a { position:relative; display:inline-table; width:40px; }
	.itemOver .overlay .popup_links>a:hover { background-color: rgba(0,0,0, .5); }
	.itemOver .overlay .popup_links>a:nth-child(1) { animation-delay:.2s; -webkit-animation-delay:.2s; }	
	.itemOver .overlay .popup_links>a:nth-child(2) { animation-delay:.4s; -webkit-animation-delay:.4s; }
	.itemOver .overlay .popup_links>a:nth-child(3) { animation-delay:.6s; -webkit-animation-delay:.6s; }
	.itemOver .overlay .popup_links>a:nth-child(4) { animation-delay:.8s; -webkit-animation-delay:.8s; }
	.itemOver .overlay .popup_links>a:nth-child(5) { animation-delay:1s; -webkit-animation-delay:1s; }
	.itemOver .overlay .popup_links>a:nth-child(6) { animation-delay:1.2s; -webkit-animation-delay:1.2s; }
	.itemOver .overlay .popup_links>a:nth-child(7) { animation-delay:1.4s; -webkit-animation-delay:1.4s; }
	.itemOver .overlay .popup_links img,
	.itemOver .overlay .popup_overlay .popup_links img { max-width: 100%; height: auto; margin:0 auto !important; display:block; } 
	.itemOver:hover .overlay .popup_overlay .popup_links>a { -webkit-animation-name: bounceIn; animation-name: bounceIn; } 
	.itemOver .popup_links>a span { width:40px; height:40px; display:block; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
	.itemOver .popup_links .link_audio { background-image : url(../images/ikone/icon_audio.png); background-image : -Webkit-image-set(url(../images/ikone/icon_audio.png) 1x, url(../images/ikone/icon_audio@2x.png) 2x); background-position: center center; background-repeat:no-repeat; }
	.itemOver .popup_links .link_image { background-image : url(../images/ikone/icon_image.png); background-image : -Webkit-image-set(url(../images/ikone/icon_image.png) 1x, url(../images/ikone/icon_image@2x.png) 2x); background-position: center center; background-repeat:no-repeat; }
	.itemOver .popup_links .link_link { background-image : url(../images/ikone/icon_link.png); background-image: -Webkit-image-set(url(../images/ikone/icon_link.png) 1x, url(../images/ikone/icon_link@2x.png) 2x); background-position: center center; background-repeat:no-repeat; }
	.itemOver .popup_links .link_video { background-image : url(../images/ikone/icon_video.png); background-image: -Webkit-image-set(url(../images/ikone/icon_video.png) 1x, url(../images/ikone/icon_video@2x.png) 2x); background-position: center center; background-repeat:no-repeat; }
	.itemOver .popup_links .link_desc { background-image : url(../images/ikone/icon_desc.png); background-image: -Webkit-image-set(url(../images/ikone/icon_desc.png) 1x, url(../images/ikone/icon_desc@2x.png) 2x); background-position: center center; background-repeat:no-repeat; }
	.itemOver .popup_links .link_gallery { background-image : url(../images/ikone/icon_gallery.png); background-image: -Webkit-image-set(url(../images/ikone/icon_gallery.png) 1x, url(../images/ikone/icon_gallery@2x.png) 2x); background-position: center center; background-repeat:no-repeat; }
	.itemOver .popup_links .link_portfolio { background-image : url(../images/ikone/icon_portfolio.png); background-image: -Webkit-image-set(url(../images/ikone/icon_portfolio.png) 1x, url(../images/ikone/icon_portfolio@2x.png) 2x); background-position: center center; background-repeat:no-repeat; }
	.itemOver .popup_links>a:hover span { -webkit-animation-name: swing; animation-name: swing;	}
	
	
/******************************************************
/// Animacije
******************************************************/
.animated_bounce, .makeAnimate .animated_bounce, .animated_flip, .makeAnimate .animated_flip, .animated_rubberBand, .makeAnimate .animated_rubberBand, .animated_swing, .makeAnimate .animated_swing, .animated_tada, .makeAnimate .animated_tada { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_bounce:hover, .makeAnimate:hover .animated_bounce { -webkit-animation-name: bounce;	animation-name: bounce; }
.animated_flip:hover, .makeAnimate:hover .animated_flip { -webkit-animation-name: flip; animation-name: flip; }
.animated_rubberBand:hover, .makeAnimate:hover .animated_rubberBand { -webkit-animation-name: rubberBand;	animation-name: rubberBand; }
.animated_swing:hover, .makeAnimate:hover .animated_swing { -webkit-animation-name: swing; animation-name: swing; }	
.animated_tada:hover, .makeAnimate:hover .animated_tada { -webkit-animation-name: tada; animation-name: tada; }


/******************************************************
/// Cursors
******************************************************/
.fm_drag-cursor { cursor:move; }
	.fm_drag-cursor { cursor:url("../images/cursors/openhand.png") 8 8,-moz-grab; }
	.fm_drag-cursor { *cursor:url(../images/cursors/openhand.cur); }
	.fm_drag-cursor { cursor:url(images/cursors/openhand.cur); }
	
	.fm_draging-cursor { cursor:move; }
	.fm_draging-cursor { cursor:url("../images/cursors/closedhand.png") 8 8,-moz-grabbing; }
	.fm_draging-cursor { *cursor:url(../images/cursors/closedhand.cur); }
	.fm_draging-cursor { cursor:url(images/cursors/closedhand.cur); }	

	
/******************************************************
/// Socijalne ikone
******************************************************/
.jssocials-shares { margin: 0.2em 0; }
.jssocials-shares * { box-sizing: border-box; }
.jssocials-share { display: inline-block; vertical-align: top; margin: 0.3em; }
.jssocials-share:first-child { margin-left: 0; }
.jssocials-share:last-child { margin-right: 0; }
.jssocials-share-logo { width: 1em; vertical-align: middle; font-size: 1.5em; }
img.jssocials-share-logo { width: auto; height: 1em; }
.jssocials-share-link { display: inline-block; text-align: center; text-decoration: none; line-height: 30px; font-size: 22px; color: #3bbdb1; -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; }
.jssocials-share-link:hover { color: #5a5a5a; }
.jssocials-share-link.jssocials-share-link-count { padding-top: .2em; }
.jssocials-share-link.jssocials-share-link-count .jssocials-share-count { display: block; font-size: .6em; margin: 0 -.5em -.8em -.5em; }
.jssocials-share-link.jssocials-share-no-count { padding-top: .5em; }
.jssocials-share-link.jssocials-share-no-count .jssocials-share-count { height: 1em; }
.jssocials-share-label { padding-left: 0.3em; vertical-align: middle; color: #ccc; font-size: 0.8em; -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; }
.jssocials-share-label:hover { color: #5a5a5a; }
.jssocials-share-link:focus .jssocials-share-label, .jssocials-share-link:active .jssocials-share-label { color: #5a5a5a; }
.jssocials-share-count-box.jssocials-share-no-count { display: none; }

.socialne-ikone a { display:inline-block; width:145px; height:145px; margin:30px 7px 10px 0; text-align:center; border:2px solid #434343; float:right; }
.socialne-ikone a:hover { border-color:#fff; }
.socialne-ikone a i { line-height:152px; font-size:130px; color:#434343; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.socialne-ikone a:hover i { color:#fff; }
	

/******************************************************
/// Footer
******************************************************/
.footer { margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px!important; position: fixed; bottom:0px; z-index:99; width:100%; border-top: 2px solid #eee; background-color: rgba(255,255,255, 1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.footer ul.logos { list-style:none; margin:0 0 5px 0; }
.footer ul.logos li { display: inline; line-height: 30px; padding:5px 8px 5px 0px; margin-left: 8px; border-right: 1px solid #aaa; }
.footer ul.logos li:first-child { padding-left:0; }
.footer ul.logos li:last-child { border-right: 0px; margin-left: 0px; }
.footer ul.logos li a { background:none; border:none; }
.footer ul.logos li a:hover { opacity: 0.65 }

.footer p { margin: 3px 0 20px 0; }

.footer ul.menu { float:right; list-style:none; margin:0px 36px 0px 10px; }
.footer ul.menu li { width:100%; margin:3px 0 10px 0; }
.footer ul.menu li a { display:block; color:#6c6c6c; text-transform:uppercase; font-weight:400; font-size:13px; background: #3bbdb1; line-height:20px; padding: 3px 15px; text-align:center;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.footer ul.menu li button {  border: 2px solid #3bbdb1; color:#6c6c6c;  display:block;text-transform:uppercase; font-weight:400; font-size:13px; line-height:20px; padding:0px 15px; 
text-align:center;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.footer ul.menu li button:hover { background: none; border: 2px solid #33363e; opacity: 0.65; color:#33363e; }

.footer ul.menu li.inavis a { display:block; color:#fff; background: #0c4fa0; text-transform:none!important;  }
.footer ul.menu li a:hover { background: #33363e; opacity: 0.65; color:#fff; }
.footer ul.menu li a.doc { background: none; border: 2px solid #3bbdb1; color:#6c6c6c; padding:0px 15px; }
.footer ul.menu li a.doc:hover { background: none; border: 2px solid #33363e; opacity: 0.65; color:#33363e; }
	
hr.foooter_space{ padding: 12px 0px 5px 0px; clear:both; margin:0px; height:0px; border:none; }
	
	.footer_close { position:fixed !important; margin-right:30px; bottom:35px; right:0px; z-index:2000000; cursor:pointer; font-size:24px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity : .5; color:#39bdb0; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
	.footer_close:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity : 1; color:#39bdb0; }
	
	.footer_close { visibility:hidden; }	
	.horizontal_layout .footer_close { visibility:visible; }
	

/******************************************************
/// Interni linkovi - Navigacija
******************************************************/
.addBackgroundColor { background-color: #ffffff !important; }	
	.backGround { background-color: #fff; }
	.overlayBg.light { background-color: #ffffff; }		
	.overlayBg.dark { background-color: #2b3034; }	
	.overlayBg.highlight { background-color: #39bdb0; }

.bg_container { position:relative; overflow:hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: translate3d(0,0,0); }
.plusBG { position:relative; background-color: #1a1a1a; background-image: url(../images/bg_pattern2.jpg); background-attachment:scroll; }	
.interni-link { padding:30px 0 30px 0; margin-top: 30px; color: #ffffff !important; }
	.interni-link h2 { font-family: "SegoeUIBold", sans-serif; color: #ffffff !important; font-size:30px; text-transform:uppercase; }
	.interni-link p { font-size: 18px; font-weight:400; color: #ffffff !important; line-height:1.6; }

.paginacija { margin:50px 25px 50px 0px; display:block; clear:both; }
	.paginacija li { display:inline-block; margin-bottom: 10px; }
	.paginacija li a { display: block; padding: 7px 14px 7px 13px; font-weight: 400; text-transform: uppercase; margin-right: 10px; font-size: 12px; font-family: "Poppins", sans-serif; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } 
	
.previousPage, .nextPage { top:46%; position:fixed; font-size:130px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity : .5; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;color:#39bdb0;		}
	.previousPage:hover, .nextPage:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity : 1; }
	
	.previousPage { left:15px; z-index:10050000; margin-top:-25px; }
	.nextPage { right:15px; z-index:10050001; margin-top: 25px; }
	
	.pageNavHorizontal .previousPage { left:30px; z-index:10007000; margin-top:-55px; }
	.pageNavHorizontal .nextPage { right:30px; margin-top: -55px; }
	
	.previousPage .btn_hover, .nextPage .btn_hover { position:absolute; display:block; width:0%; height:100%; top:0px; z-index: 3px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } 
	.previousPage .btn_hover { left:0px; }
	.nextPage .btn_hover { right:0px; }		
	
	.pageNavHorizontal .previousPage { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
	.previousPage .btn_icon, .nextPage .btn_icon { width:100%; height:100%; position:relative; display:block; text-align:center; cursor:pointer; z-index:10px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } 
	.previousPage .btn_icon { background-image: url(../images/sprite.png); background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x); /* Image for Retina */ background-position: 0px 0px; background-repeat:no-repeat; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } 
	.nextPage { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } 
	.nextPage .btn_icon { background-image: url(../images/sprite.png); background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x); /* Image for Retina */ background-position: -100px 0px; background-repeat:no-repeat; } 
	.nextPage .btn_icon { background-position: -140px -50px; }
	.previousPage .btn_icon { background-position: -95px -50px; }
	
	.previousPage:hover .btn_hover, .nextPage:hover .btn_hover { width:100%; }		
	
	.pageNavHorizontal .nextPage .btn_icon { background-position: -240px -50px; }
	.pageNavHorizontal .previousPage .btn_icon { background-position: 0px -50px; }		

	.previousPage.autoPosition { left:-50px; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity : 0; } 
	.pageNavigation.hideBtn, .horizontal_layout .pageNavigation.hideBtn { display:none; visibility:hidden; }
	
	.nextPage.autoPosition { right:-52px; }
	.nextPage.endPage { right:-52px; }	
	
	.previousPage.autoPosition { right:-52px; }
	.previousPage.endPage { right:-52px; }
	
	.horizontal_layout .previousPage.autoPosition { right:auto; left:-52px; }
	.horizontal_layout .previousPage.endPage { right:auto; left:-52px; }
	
	.not_onepage_ver .nextPage,
	.not_onepage_ver .previousPage { display:none; }

/* Hardware Acceleration & Transition */
.enablHardwareAcc, figure { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: translate3d(0,0,0); }
.enableTransition { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.fxButton { border: 0px solid #000000; }
.fxButton .btn_icon { color:#5a5a5a; }
.fxButton .btn_icon:hover { color:#3bbdb1; }
.fxButton .btn_hover { background-color: #3bbdb1 !important; }
.fxButton:hover { border: #39bdb0 0px solid !important; }
.fxButton:hover .btn_icon { color: #ffffff; border:none !important; }
.fxButton:hover :last-child { color: #ffffff; }
.fxEmbossBtn .btn_hover { position:absolute; display:block; width:0%; height:0%; top:50%; left:50%; }
.fxEmbossBtn:hover .btn_hover { width:88%; width:calc(100% - 4px); width:-moz-calc(100% - 4px); width:-webkit-calc(100% - 4px); height:88%; height:calc(100% - 4px); height:-moz-calc(100% - 4px); height:-webkit-calc(100% - 4px); top:2px; left:2px; } 
.retinaDevice .fxEmbossBtn:hover .btn_hover { width:88%; height:88%; top:8%; left:8%; } 
.fxEmbossBtn .btn_icon { display:block; position:relative; width:100%; height:100%; z-index:5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }	
.fxEmbossBtn.fa_btn { display:block; }
.fxEmbossBtn.fa_btn .btn_icon i { padding-left:7px; padding-top:6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.fxButton { width:170px; height:50px; position:relative; display:block; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: translate3d(0,0,0); font-family: "Poppins", sans-serif; font-size: 12px; text-transform:uppercase; overflow:hidden; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.fxButton .btn_hover { position:absolute; display:block; width:0%; height:0%; top:50%; left:50%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.fxButton:hover .btn_hover { width:88%; width:calc(100% - 4px); width:-moz-calc(100% - 4px); width:-webkit-calc(100% - 4px); height:88%; height:calc(100% - 4px); height:-moz-calc(100% - 4px); height:-webkit-calc(100% - 4px); top:2px; left:2px; }
.retinaDevice .fxButton:hover .btn_hover { width:97%; height:88%; top:8%; left:2%; }	
.fxButton .btn_icon { display:block; position:relative; width:100%; height:100%; z-index:5; text-align:center; padding-top:13px; font-size:18px; font-family: "SegoeUIRegular", sans-serif; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
		
.fadeAfterLoad { display:none; }	
.top_left_items { float:left; margin-right:15px; margin-top:15px; }

.fxButton .btn_icon i { display: inline-block; margin-right:7px; }
.fxButton .btn_icon h5 { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.fxButton .btn_icon h5:nth-child(2) { position: relative; font-size: 14px; font-weight: 800; padding: 0px; margin: 0px; display: inline-block; bottom: 4px; }
.fxButton .btn_icon h5:nth-child(1) { padding: 0px; margin: 0px; }
.fxEmbossBtn.fa_btn.detail_btn .btn_icon i, .fxEmbossBtn.fa_btn.fa_zoom .btn_icon i { padding-left : 0px; }
.addCssTransition .btn_hover { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }	

#big-video-wrap { display:none!important; }