/*********************************************************
	Company: Bitef, http://www.bitef.rs
	by Halo Creative Team, http://www.haloteam.rs/
	Date (create): 23-06-2019
	Date (create): 11-07-2019

	******************************
	*****      Index       	 *****
	******************************
	CONTENT:
	1. HEADER
	2. SLIDER
	3. SEARCH
	4. CONTENT
	5. FOOTER
	6. RESPONSIVE


*********************************************************/

@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow|PT+Sans:400,700&subset=cyrillic&display=swap');
@import url('animation.css');

body {
	font-family: 'PT Sans';
	font-weight: 400;	
	background: #fff;
}
.body-box {
	padding: 0 30px;
}

#loading {
  z-index: 99999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  background: #e8ebed;
  position: fixed;
}
#loading .speen {
}
#loading .loader {
    border: 16px solid #0e3f68; /* Light grey */
    border-top: 16px solid #208ccc; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-image: url(../../images/loading_spinner_org.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: 10% auto; 
}
.se-pre-con.box {
	position: relative;
	height: 500px;
	background-color: transparent;
}
.se-pre-con.small {
	position: relative;
	height: 40px!important;
	background-color: transparent;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


h1,h2,h3,h4,h5,h6 {
	color: #007dc6;
	font-weight: 400;
	line-height: 1.5;
}

p {
	color: #000;
}

a:hover,
a:focus {
	text-decoration: none;
}


.badge { 
	font-size: 11px;
	background-color: #cd3f37;
	color: #fff;
	border: none;
	border: solid 2px #fff;
	border-radius: 5px;
}
.badge.note { width: 100%; margin-bottom: 5px; font-weight: normal; text-align: left }
.badge.blue { background-color: #22262f; color: #fff; } 
.badge.green { background-color: green; color: #fff; } 
.badge.yellow { background-color: #ffd700; color: #000; } 
.old {
	text-decoration: line-through;
	color: inherit !important; 
	font-size: smaller!important;
	font-weight: lighter!important;
	opacity:0.7;filter:alpha(opacity=70); 
}
.text-hide .old {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.container-fluid {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
	display: block; 
}
.red {
	color: #cd3f37;
}
.bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover {
  text-decoration: line-through!important;
  color: #888!important;
  font-size: small!important;
}

.nomargin {
	margin: 0; padding: 0;
}
.wtm {
  direction: rtl;
  unicode-bidi: bidi-override;
  text-align: left;
}
.wtm:before {
  content: attr(data-website)"\0040" attr(data-user);
}
.wtm i {	display: none;
}
.img-cover {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%; width: 100%;
    max-width: none!important;
    margin: 0!important;
}
.img-contain {
    object-fit: contain;
    object-position: 50% 50%;
    height: 100%; width: 100%;
    max-width: none!important;
    margin: 0!important;
}
.custom-object-fit-cover {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
}
.custom-object-fit-cover .img-cover { opacity: 0; }
.custom-object-fit-contain {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
}
.custom-object-fit-contain .img-contain { opacity: 0; }

/****************Icon****************/
.category { 
  position: absolute;
  z-index: 5;
  padding: 4px 10px;
  top: 10px; left: 25px;
  background-color: #00529b;
  color: #fff; text-transform: uppercase;
}
.category-parent { 
  padding: 4px 10px; 
  margin: 0 15px 15px 0;
  background-color: #00529b;
  color: #fff; text-transform: uppercase;
}
.icon-before:before {
	content: '';
	width: 30px; height: 20px;
	display: block; float: left;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-image: url(../../images/icon-bitef.svg); 
}
.icon-221:before, .icon-221:before { background-image: url(../../images/icon-newspaper-folded.svg); }
.icon-295:before { background-image: url(../../images/icon-blog.svg); }
.icon-gallery:before { background-image: url(../../images/icon-gallery.svg); }
.icon-video:before { background-image: url(../../images/icon-youtube.svg); }
.icon-play:before { background-image: url(../../images/icon-play.svg); }
.icon-636:before, .icon-637:before { background-image: url(../../images/icon-gallery.svg); }
.icon-620,.icon-626 { background-color: #333; }


.videoBox:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    margin: -30px 0 0 -30px;
    width: 60px; height: 60px;
    background: url(../../images/icon-play.svg) no-repeat top left;
    z-index: 10;
    line-height: 0;
    text-indent: -999px;
}
.videoBox:after {
    display: block;
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
	background-color: transparent;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 60%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 60%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 60%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    /*background: #007dc6;
    opacity: 0.3;*/
}
/****************Button****************/
.button-read-more {
	color: #fff!important; 
	display: table; cursor: pointer;
	padding: 5px 30px;
	margin-top: 30px;
	background-color: #007dc6;
	border: solid 1px #007dc6;
	position: relative;
	border-radius: 0px;
	font-size: 16px; text-transform: uppercase;
	transform: scale(1, 1.1);
	-webkit-transform: scale(1, 1.1); /* Safari and Chrome */
	-moz-transform: scale(1, 1.1); /* Firefox */
	-ms-transform: scale(1, 1.1); /* IE 9+ */
	-o-transform: scale(1, 1.1); /* Opera */
}
.button-read-more:hover {
	color: #fff!important;  
	background-color: #00529b;
}

.button-read-more i { color: #fff!important; margin-left: 10px; }
.button-read-more:hover i { color: #fff!important; }

.button-read-more a { color: #fff; }
.button-read-more a:hover { color: #fff!important; }
.main .button-read-more {	
	display: inline-block;
	margin: 0 20px 30px 0;
}

.button-read-more.blank::after {	display: none; }

.button-read-more.small { font-size: 14px; font-weight: 700; padding: 5px 20px; }


.button-read-more.invert {
	background: #00529b!important;
	color: #fff!important;
	border: solid 1px #00529b!important;
}
.button-read-more.invert:hover {
	color: #fff!important;  
	background-color: #007dc6!important;
}
.button-read-more.invert i { color: #fff!important;  }
.button-read-more.invert:hover i { color: #fff!important; }

.button-read-more.black {
	background-color: #ee2d3d;
	color: #fff!important;
	border: solid 1px #580e10;	
}
.button-read-more.black:hover {
	color: #fff!important;
	background-color: rgba(241,89,34, 0.5);
}
.button-read-more.black:after {	color: #fff!important; }
.button-read-more.black:hover:after { color: #fff!important;; }
.button-read-more.black i { color: #fff!important;  }
.button-read-more.black:hover i { color: #fff!important; }


.button-read-more.white {
	background: #fff!important;
	color: #007dc6!important;
}
.button-read-more.white:hover {
	color: #fff!important;  
	background-color: #00529b!important;
}
.button-read-more.white i { color: #007dc6!important;  }
.button-read-more.white:hover i { color: #007dc6!important; }


button.button-read-more {
	padding-left: 40px;
	padding-right: 40px;
	margin: 0 auto;
}
.button-read-more.float {
	display: inline-block;
	margin: 0 20px 0 0;
}

.button-read-more.arrow-left,
.button-read-more.arrow-right {
	background: transparent!important;
	border: none!important;
	color: #00529b!important;
	margin: 0 20px 0 0;	
	padding: 5px 0; text-transform: none;
	text-decoration: underline;
}
.button-read-more.arrow-left:hover,
.button-read-more.arrow-right:hover { 
	background: transparent!important;
	border: none!important;
	color: #00529b!important;
	text-decoration: none;
}
.button-read-more.arrow-right i { color: #007dc6!important; }
.button-read-more.arrow-right:hover i { color: #00529b!important; }

.button-read-more.arrow-left::before,
.button-read-more.arrow-left::after { display: none; }
.button-read-more.arrow-right::before,
.button-read-more.arrow-right::after  { display: none; }

/*.button-read-more.arrow-right::after {
	content: '';
	background-color: #007dc6;
	background-image: url(../../images/right-arrow.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50% auto;
	margin: 5px 0 0 10px;
	border-radius: 50%; 
	width: 20px; height: 20px; 
	display: block; float: right;
}*/

.button-read-more.left { margin-left: 0; }
.button-read-more.nomargin { margin: 0; }

.button-read-more.admin {
	color: #fff!important;
	font-size: 14px; padding: 5px 10px!important;
	background: rgba(209,24,32,1);
	text-transform: none;
	text-align: center;
	border: none;
}
.button-read-more.admin:hover {
	background-color: #ebebeb;
	color: #000;
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.button-read-more.admin .fa { color: #22262f; }
.button-read-more.admin:hover .fa { color: #22262f; }


/****************Pagination & scrollbutton****************/
/*location*/
#location {
	padding: 20px 0 0 0; margin: 0;
	background: #fff;
}
.breadcrumb {
	padding: 0px; margin: 0;
	background: transparent;
	border: none; border-radius: 0; 
	color: #4e4e4e; font-weight: 300; 
} 
.breadcrumb > li > a { color: #4e4e4e; text-decoration: underline; line-height: 20px; padding-bottom: 10px; }
.breadcrumb > li > a:hover { text-decoration: none; }
.breadcrumb > .active  { color: #cd3f37; }
.breadcrumb > .active > a  { color: #cd3f37; }
.breadcrumb > li .fa { padding-right: 10px; }

.pagination {
	margin: 45px 0;
}
.page-link {
	border-radius: 0px!important;
	margin: 0 5px;
	color: #007dc6;
	background-color: #f2f8fc;
	border: solid 1px #007dc6!important;
	font-size: 18px; width: 40px;
	padding: 0; line-height: 40px;
	text-align: center; 
}
.page-link:focus, .page-link:hover {
	color: #fff;
	background-color: #007dc6;
}
.page-item.active .page-link {
	color: #fff;
	background-color: #00529b;
}
.page-item .page-link i {
	font-size: 24px;
}

/****************Social Share****************/
.scrollbutton {
  display: none;
  width: 40px; height: 40px;
  position: fixed;
  bottom: 45px;
  right: 15px;
  background: #007dc6;
  /*border-radius: 50%;
  border: 2px solid #fff; */
  z-index: 999997;
	-webkit-transition: transform 300ms ease;
     -moz-transition: transform 300ms ease;
       -o-transition: transform 300ms ease;
      -ms-transition: transform 300ms ease;
          transition: transform 300ms ease;
	text-align: center;
}
.scrollbutton i {
	font-size: 24px;
	line-height: 40px;
	color: #fff;
}
.scrollbutton:hover {
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	color: #000;
	opacity: 1;
}

/****************Text over images****************/
figure {
	height: 100%; width: 100%;
	display: block;
	overflow: hidden;
	z-index: 100;
}
figcaption {
	height: 100%; width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	text-align: center;
	position: absolute;
	bottom: 0; left: -2000px;
	opacity: 1; 
	padding: 15px;
	font-size: 18px;
}
figcaption h3 {	
	color: #fff;
	text-align: center; text-transform: uppercase;
	font-size: 24px;
}
figcaption p {
	font-size: 20px!important;
	color: #fff; text-align: center!important;
	position: absolute;
	top: 20px;
}
a:hover figcaption {
    /*opacity: 0.8;*/
    left: 0;
    transition: all 0.7s;
}

 /****************Social Share****************/
.social-share {
	position: relative;
	padding: 30px 0;
}
.social-share .social-wrap {
	padding: 30px 0;
}
.social-share p {
	border: none;
	padding: 0;
	color: #333;  
	text-transform: uppercase;
	line-height: 1rem;
	text-align: center;
	display: inline-block;
}
.social-share a {
	display: inline-block;
	font-size: 22px;
	color: #fff; padding-top: 3px;
	display: inline-block;
	width: 40px; height: 40px;
	text-align: center;
	background: #007dc6;
	border: none;
	margin-left: 5px;
	border-radius: 50%;
	-ms-border-radius: 50%;
    -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;
}
.social-share a:hover {
	background: #00529b;
}




/********************************************************
	1. HEADER
********************************************************/

/****************Header ****************/
header {
	padding: 0; position: relative;
	z-index: 101;
}


/****************NAVBAR***************/
.navbar {
	width: 100%;
	margin: 0; 
	border: none; 
}

/*** Logo ***/
.navbar-header {
	margin-top: -60px; 
}
.navbar-header .navbar-brand {
	float: none;
	position: relative;
	padding: 0; margin: 0 30px 0 0;
	display: table;
	padding: 0; height: 150px;
	background-color: #fff;
}
.navbar-header .navbar-brand::before {
	content: '';
	display: block; float: left;
	height: 150px; width: 125px;
	background-image: url('../../images/english/header-logo.jpg?v=58');
	background-size: contain;
	background-repeat: no-repeat;
}
.navbar-header .navbar-brand span { display: none; }



/****************Navigation****************/
header .navbar-light .navbar-nav .nav-item {
	display: table;
	padding-right: 2px;
}
header .navbar-support {
	height: 60px;
	background: #01447f;
}
header .navbar-main {
	height: 90px;
	background: #00529b;
}
.navbar-light .navbar-nav .dropdown-menu {
	border: none;
	border-radius: 0; 
}


/* nav-icon */
.navbar-light .navbar-nav .nav-icon {
	margin-left: 10px;
}
.navbar-light .navbar-nav .nav-icon .nav-link {
	border: solid 1px #fff;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-size: 20px 20px;
	padding-left: 30px; 
}
.navbar-light .navbar-nav .nav-icon .nav-link:hover {
	background-color: #00529b;
}
.navbar-light .navbar-nav .nav-icon .nav-link::before {
	display: none;
}
.navbar-light .navbar-nav .nav-user .nav-link {
	background-image: url(../../images/arrow-right-in-circle.svg);
}
.navbar-light .navbar-nav .nav-bitef .nav-link {
	background-image: url(../../images/icon-teatar-bitef.png);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-size: 20px 20px;
	padding-left: 30px; 
}
/* nav-lang */
.navbar-light .navbar-nav .nav-lang .dropdown-item {
	padding: .25rem .5rem;
}
.navbar-light .navbar-nav .nav-lang .dropdown-item {
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-size: 20px 20px;
	padding-left: 30px; 
}
.navbar-light .navbar-nav .nav-lang .lang-lat, 
.navbar-light .navbar-nav .nav-lang .lang-cir {
	background-image: url(../../images/flag_srb.png);
}
.navbar-light .navbar-nav .nav-lang .lang-eng {
	background-image: url(../../images/flag_eng.png);
}



/********************************************************
	2. SLIDER
********************************************************/
.slider {
	position: relative;
}
.slider .background-img {
	z-index: 2; position: absolute;
	width: 100%; 
	height: calc(100vh - 85px);
	top: 0; left: 0;
}
.slider .background-video {
	z-index: 2; position: absolute;
	width: 100%; 	height: 100%;
	background: #000;
	top: 0; left: 0;
}
.slider .background-video video {
	position: absolute;
	top: 0px; left: 0;
	object-fit: cover;
	object-position: 50% 50%;
	height: 100%; width: 100%;
	max-width: none!important;
	margin: 0!importnat;
}
/* ie edge only gets the following rule */
@supports (object-fit: cover) and (-ms-ime-align:auto) {
	.slider .background-video video {height:auto}
}

.slider .carousel {
	position: relative;
}
.slider .image-animation {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%  
}
.slider .slider-img {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%; width: 100%;
    max-width: none!important;
    margin: 0!importnat;
}
.slider .bottom .slider-img {
    object-position: 50% 100%;
}
.slider .carousel-caption {
	width: 100%; height: 100%;
	position: absolute;
	left: 0; bottom: 0;
	z-index: 10;
	color: #fff;
}
.slider .carousel-caption.text-bg {
	background-color: transparent;
	background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 60%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 60%,rgba(0,0,0,.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 60%,rgba(0,0,0,.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */	
}

.slider .carousel-caption .container-fluid {
	position: relative;
	padding: 0;
	text-align: left;
}

.slider .carousel-caption .container-fluid .row > div {
/*	background-image: url(../../images/maska.png);
	background-repeat: no-repeat;
	background-size: 100% 100%; 
*/
}
.slider .carousel-caption h2 {
	width: 100%;
	font-weight: 700;
	font-size: 48px; line-height: 1em;
	color: #fff; /* text-transform: uppercase; */
	margin: 0; padding: 0;
	margin-bottom: 15px;
	text-shadow: 1px 2px 3px #000;
}
.slider .carousel-caption p {
	clear: both;
	color: #fff;
	font-size: 18px; line-height: 1.6;
	padding: 0; margin: 0;
	margin-bottom: 15px;
}
.slider .carousel-caption p b, 
.slider .carousel-caption p em {
	font-style: normal; font-weight: 700;
	color: #d22c38;
}
.slider .carousel-caption p.lead { 
	color: #fff; font-size: 18px;
	text-shadow: 1px 1px 1px #000;
}

.slider .carousel-caption h2 > a { color: #fff; }
.slider .carousel-caption h2 > a:hover { color: #007dc6; }
.slider .carousel-caption p > a { color: #fff; text-decoration: none; }
.slider .carousel-caption p > a:hover { text-decoration: underline; }

.carousel-control-prev { width: 60px; }
.carousel-control-next { width: 60px; }

.carousel-control-next-icon, .carousel-control-prev-icon {
	background: #007dc6;
	width: 30px; height: 30px;
}
.carousel-control-next-icon i, .carousel-control-prev-icon i {
	font-size: 18px; line-height: 30px;
}
.slider .button-read-more {
	margin: 0; min-width: 200px;
	clear: both; text-align: center;
}
.slider .carousel-item {
	height: calc(100vh - 150px);
}


/* info-slider */
.slider .carousel-indicators { justify-content: right; /*margin: 0; bottom: 50px; left: 50px;*/ }

.slider .carousel-indicators li {
	width: 20px; height: 20px;	
	background: #fff;
	border: none; 
	border-radius: 50%; 
	/*display: inline-block; 
	vertical-align: middle;
	cursor: pointer; 
	position: relative;
	text-indent: 0;
	text-transform: uppercase;
	color: #cd3f37;
	margin-left: 20px;*/
}
.slider .carousel-indicators .active { background: #007dc6; }


/**
 * Change animation duration
 */
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInText {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20vh, 0);
    transform: translate3d(0, 20vh, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInText {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20vh, 0);
    transform: translate3d(0, 20vh, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInText {
  -webkit-animation-name: fadeInText;
  animation-name: fadeInText;
}


/****************Slick****************/
.slick-list {
	width: 100%;
	float: left;
	position: relative;
}
.slick-dots {
	list-style: none;
	padding: 0;
	margin: 0 auto 0 0;
	display: table;
	clear: both;
}
.slick-dots li {
	float: left;
	margin: 20px 5px 0 ;
}
.slick-dots button {
	cursor: pointer;
	background-color: #999;
	border: none;
	display: inline-block;
	width: 15px; height: 15px;
	border-radius: 50%;
	-ms-border-radius: 50%;
	outline-color: transparent;
	text-indent: -1000em;
	-webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;
}
.slick-dots button:hover {
	-webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
     transform:scale(1.2);
}
.slick-dots li.slick-active button {
	background-color: #007dc6;
	border: none;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
	border: none;
	padding: 0;
	display: block; cursor: pointer;
	position: absolute; z-index: 1000;
	top: 30%; left: 0px;
	width: 40px; height: 40px;
	text-indent: -9999px;
	background-image: url(../../images/left-arrow.svg);
	background-position: 50% 50%;
	background-size: 50% auto; 
	background-repeat: no-repeat;
	background-color: #999;
	opacity: 0.5;
}
.slick-slider .slick-next {
 	right: 0px; left: auto;
	background-image: url(../../images/right-arrow.svg);
}
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
	background-color: #007dc6;
	opacity: 1;
}
.slick-slider button:hover, button:active, button:focus {
	outline: 0;
}



/****************Banner****************/
#banner { 
	padding: 80px 0 120px; margin: 0;
	position: relative;
	overflow: hidden;
	background-color: #00529b;
	background-image: url(../../images/stars-bg2.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: 50% auto;
}
#banner:before {
	content: '';
	display: block;
	position: absolute;
	top: 0; 
	width: 30%; height: 100%; 
	background-color: transparent;
	background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 60%, rgba(0,0,0,0.50) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 60%,rgba(0,0,0,.50) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 60%,rgba(0,0,0,.50) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */	
}
#banner.small { 
	padding: 60px 0 40px;
	margin-bottom: 40px;
}
#banner .article-wrapper {	 position: relative; overflow: hidden;  }
#banner .article-thumb-wrapper { height: 50vh; background-color: #181712; }
#banner .article-thumb-wrapper img { object-position: 50% 50%; } 
#banner .article-thumb-wrapper.top img { object-position: 50% 00%; } 
#banner .article-thumb-wrapper.center img { object-position: 50% 50%; } 
#banner .article-thumb-wrapper.middle img { object-position: 50% 50%; } 
#banner .article-thumb-wrapper.bottom img { object-position: 50% 100%; } 


#banner h1 {
	width: 100%; font-size: 64px;
	color: #fff; font-weight: 700; 
	margin: 0 0 15px 0;
	line-height: 1.1;
}
#banner h2 { color: #fff; font-weight: 400; line-height: 1;  margin: 0 0 15px 0; }
#banner .date {
	color: #fff; font-size: 18px;
	line-height: 2;
}
#banner p {	color: #fff; font-size: 18px;}
#banner b { font-weight: 700; }

#banner .crew { margin-bottom: 30px; }
#banner .crew p { line-height: 1.6; padding: 0; margin: 0; letter-spacing: 1px; }

#banner .comment {}
#banner .comment p { color: #fff; }
#banner .comment a {	font-size: 20px; color: #fff; padding-right: 5px; }
#banner .comment a:hover { color: #007dc6; }

/********************************************************
	3. SEARCH
********************************************************/




/********************************************************
	4. CONTENT
********************************************************/

/****************General and Homepage****************/
.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible!important;
}
@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0
    }
    60% {
        transform: scale(1)
    }
    100%,
    80% {
        transform: scale(1);
        opacity: 1
    }
}

.content-wrapper {
	padding: 40px 0;
}

.text-primary { color: #666; }
.text-info { color: #000; }
.text-warning { color: #cd3f37; }


.row-big-title {
	color: #00529b;
	font-size: 28px; font-weight: 400;  
	margin: 0 0 30px 0;
	line-height: 1.6;
	text-transform: uppercase;
}
.row-big-title a { color: #00529b; }
.row-big-title a:hover { text-decoration: underline;  }


.row-small-title {
	color: #00529b;
	font-size: 28px; font-weight: 400;  
	margin: 0 0 30px 0;
	line-height: 1.6;
} 
.row-small-title a { color: #00529b; }
.row-small-title a:hover { text-decoration: underline  }

.withline {}
.withline:after  {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #007dc6;
    margin: 20px 0;
}


.article-slide {
	margin-bottom: 20px;
}
.page-content {
	clear: both;
	color: #333; font-size: 18px
}

.article-thumb-wrapper {
	overflow: hidden;
}
.article-thumb {
	width: 100%; height: 100%;
	display: block;
	position: relative;
}
.article-slide-desc {
	padding: 0 15px;
}
.article-slide-desc p {
	font-size: 16px; font-weight: 400; 
}
.article-slide-desc strong {
	font-weight: 700; 
}

/**************** INNER PAGE Page****************/
#inner-page-offer {
	padding: 0; margin: 0;
}
.move-page-wrapper {
	margin-top: -120px;
}


/****************Product & Category Page****************/
.video-product .article-thumb {	
	position: relative;
}
.video-product .article-thumb .figcaption {
	position: absolute; z-index: 2;
	width: 100%; height: 100%;
	top: 0;
	background-color: rgba(0,0,0,0.3);
  -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;	
}
.video-product .article-thumb .figcaption:hover {
	position: absolute; z-index: 2;
	width: 100%; height: 100%;
	top: 0;
	background-color: rgba(0,0,0,0.7);
}
.video-product .article-thumb .figcaption .fa {	
	position: absolute;
	top: 35%; left: 40%;
	color: #fff; font-size: 100px;
}
.video-product .article-thumb img {
	width: 100%;	
}
.video-product .background-video {
	width: 100%; 	height: 100%;
	top: 0; left: 0;
	overflow: hidden;
}
.video-product .background-video video {
	object-fit: cover;
	object-position: 50% 50%;
	height: 100%; width: 100%;
	max-width: none!important;
	margin: 0!important;
}

/***************GALLERY***********************/

#gallery-page-wrapper { 
	background-color: #333;
	background-image: url(../../images/stars-bg2.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
#gallery-page-wrapper .row-big-title { color: #fff; }
#gallery-page-wrapper .slick-gallery {
	overflow: hidden;
}
#gallery-page-wrapper .slick-gallery div {
	padding-bottom: 15px;
}
#gallery-page-wrapper .slick-gallery div > .article-thumb {
	padding: 0; margin: 0;
	display: inline-block;
	overflow: hidden;
	height: 300px;
}

#gallery-page-wrapper .slick-gallery div > .article-thumb > img {
	object-position: 50% 0%;
}
#gallery-page-wrapper .slick-slider .slick-prev,
#gallery-page-wrapper .slick-slider .slick-next {
	background-color: #007dc6;
	opacity: 1;
}
#gallery-page-wrapper .slick-slider .slick-prev:hover,
#gallery-page-wrapper .slick-slider .slick-next:hover {
	background-color: #999;
	opacity: 0.5;
}

/***************BANNER***********************/

.single-banner-wrapper > div {
	display: inline-table;
	padding: 0 15px 15px 15px;
}
.single-banner-wrapper .clearfix { width: 100%; display: block; height: 1px;}

.single-banner-wrapper  .article-thumb {
	height: 70px; padding: 0; margin: 0;
}
.single-banner-wrapper  .article-thumb.big { height: 100px; }
.single-banner-wrapper  .article-thumb.middle { height: 70px; }
.single-banner-wrapper  .article-thumb.small { height: 20px; margin: 10px 0; }

.single-banner-wrapper  .article-thumb .img-fluid {	
	max-height: 100%;
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.single-banner-wrapper .article-thumb:hover .img-fluid {	
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.single-banner-wrapper .article-slide-desc { 
	font-size: 14px; line-height: 0.875em; color: #999; 
	text-transform: uppercase;
	height: 20px; margin: 0 0 10px 0; padding: 0;
}

/***************HOME PAGE***********************/
#home-news {
	padding: 50px 0;	
	background: #fff;
}
#home-news .article-box {
}
#home-news .article-box .article-thumb {
	height: 250px;
	display: block;
}
#home-news .article-box .article-thumb img {
	-webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
	 -o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
		 transition: all 400ms ease;
}
#home-news .article-thumb:hover img {
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);	
}
#home-news .article-box .article-slide-desc {
	background: transparent;
	height: 200px; padding: 15px;
}
#home-news .article-box h3 {
	font-weight: 700; color: #333333;
	font-size: 28px; line-height: 26px;
	text-transform: uppercase;
}
#home-news .article-box h3 a { color: #333333; }
#home-news .article-box h3 a:hover { color: #01447f; }
#home-news .article-box .date { color: #333333; font-size: 18px;}

#home-news .article-box .button-read-more {
	display: none;
}
#home-news .article-box:hover .button-read-more {
	display: table;
}
#home-news .article-box.blog .article-thumb { height: 300px; }
#home-news .article-box.blog .article-thumb:before {
	content: ''; 
	position: absolute; z-index: 2;
	width: 100%; height: 100%;
	background-image: url(../../images/blog-thum-bg.png);
	background-repeat: no-repeat;
	background-size: 100% auto;	
	background-position: bottom;
}

#home-news .article-box.blog .article-slide-desc { height: 150px; 
	background-color: #00529b;
	background-image: url(../../images/blog-desc-bg.png);
	background-repeat: no-repeat;
	background-size: 100% auto;	
}
#home-news .article-box.blog h3 { color: #fff; }
#home-news .article-box.blog h3 a { color: #fff; }
#home-news .article-box.blog h3 a:hover { color: #01447f; }
#home-news .article-box.blog .date { color: #fff; font-size: 18px;}


#home-solutions {
	background-color: #000;
	padding: 0; margin: 0;
	width: 100%; height: 60vh;
	overflow: hidden;
	position: relative;
}
#home-solutions.with-image {
	height: 60vh;
	background-image: url('../../images/poster-action-2024-bg-pozadina.webp');
	background-position: 100% 0%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#home-solutions.with-image:before {
	content: ''; display: block;
	position: absolute;
	width: 100%; height: 100%;
	background-image: url('../../images/poster-action-2024-bg-01.webp');
	background-position: 100% 0%;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
#home-solutions.with-image.eng:before {
	content: ''; display: block;
	position: absolute;
	width: 100%; height: 100%;
	background-image: url('../../images/poster-action-2024-eng.webp');
	background-position: 100% 0%;
	background-size: auto 100%;
	background-repeat: no-repeat;
}


#home-solutions .article-slide-desc {
	color: #fff; width: 100%; 
	position: absolute;
}
#home-solutions .article-slide-desc .row {
	height: 60vh;
}
#home-solutions .article-slide-desc h2 {	
	font-size: 56px; line-height: 1em;
	color: #fff; font-weight: 700;
	text-transform: uppercase;
}
#home-solutions .article-slide-desc h2 strong {	
	color: #f15922; 
}
#home-solutions .article-slide-desc h3 {	
	font-size: 56px; line-height: 1em;
	color: #fff; font-weight: 400;
}
#home-solutions .article-slide-desc .button-read-more {}

.category-page #home-solutions.with-image {
	height: 25vh;
	/*background-image: url('../../images/poster-action-2023-bg-01.jpg');
	background-position: 100% 100%;
	background-size: 100% auto;
	background-repeat: no-repeat;*/
}
/*
.category-page #home-solutions.with-image:before {
	content: ''; display: block;
	position: absolute;
	width: 100%; height: 100%;
	background-position: 100% center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
*/
.category-page #home-solutions .article-slide-desc {}
.category-page #home-solutions .article-slide-desc .row { height: 25vh; }
.category-page #home-solutions .article-slide-desc h2 { font-size: 36px; line-height: 1em; color: #fff; }
.category-page #home-solutions .article-slide-desc h3 { font-size: 36px; line-height: 1em;  }
.category-page #home-solutions .article-slide-desc .button-read-more { display: none; }


#home-video {
	background-color: #00529b;
	background-image: url(../../images/stars-bg2.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding: 40px 0;
}
#home-video .row-big-title { color: #fff; }
#home-video .withline:after  { background: #007dc6; }

#home-video h3 { color: #fff; font-size: 20px; margin: 0; padding: 0; text-transform: uppercase; line-height: 20px; }
#home-video p { color: #fff; font-size: 18px; margin: 0; padding: 0 0 10px 0; }


#slider-multimedia-for .icon:after {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 96px;
  height: 96px;
  background-size: cover;
  content: '';
}
#slider-multimedia-for .icon.icon-gallery:after { background-image: url(../../images/icon-gallery.svg); }
#slider-multimedia-for .icon.icon-video:after { background-image: url(../../images/icon-play.svg); }

#slick-video {	margin-bottom: 70px; }
#home-video .more { margin-top: -100px; }

#slider-multimedia-for { overflow: hidden; padding: 15px 45px 15px 0; }
#slider-multimedia-for .article-thumb { 
	height: 30vw;	
	position: relative;
}
#slider-multimedia-for .article-thumb .info { 
	bottom: 0;  position: absolute; width: 100%;
	padding: 60px 30px 15px 30px;
	background-color: transparent;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 60%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 60%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 60%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

#slider-multimedia-nav { height: 30vw; }
#slider-multimedia-nav .video-post {
	height: 10vw;
	overflow: hidden;
	padding: 15px 0;
}
#slider-multimedia-nav .slick-prev,
#slider-multimedia-nav .slick-next {
	top: auto; bottom: -60px; left: 20px;
	background-image: url(../../images/arrows-top.svg);
}
#slider-multimedia-nav .slick-next {
 	left: 100px;
	background-image: url(../../images/arrow-down.svg);
}


#home-service {
	background-color: #fff;
	background-image: url(../../images/stars-bg2.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding: 50px 0;
}
#home-service .article-wrapper {	 position: relative; overflow: hidden;  margin-bottom: 30px; }
#home-service .article-thumb-wrapper { height: 60vw; max-height: 600px; }

#home-service .article-thumb-wrapper .img-contain {
    object-position: 100% 50%;
}
#home-service .article-slide-desc { 
	background-image: url(../../images/bg-dropdown-menu-large.png);
	background-color: #007dc6;
	background-position: right;
	background-repeat: no-repeat;
	padding: 50px 100px;
	margin-left: -100px;
}
#home-service .article-slide-desc h2 { color: #fff; text-transform: none }
#home-service .article-slide-desc p { color: #fff; }




/***************PRODUCT PAGE***********************/

/* product-search-wrapper */
#product-search-wrapper {
	z-index: 10;
}
.product-search-wrapper {
	height: 500px;
	overflow: hidden;
}
.product-search-wrapper .page-form .form-control {
	background: #00529b;
	color: #fff; font-size: 18px;
	border: none;
}
.product-search-wrapper .page-form ::placeholder {  color: rgba(255, 255, 255, 0.5)!important;  opacity: 1; }
.product-search-wrapper .page-form :-ms-input-placeholder {  color: rgba(255, 255, 255, 0.5)!important;}
.product-search-wrapper .page-form ::-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); }

.product-search-wrapper .caption {
	background: #00529b;
	color: #fff; font-size: 18px;
	padding: 15px;
}
.product-search-wrapper .caption span {	
	display: block; font-size: 28px; line-height: 1;
	font-weight: 700; text-transform: uppercase;  
}
.product-search-wrapper .calendar-wrapper {
	background: #01447f;
	padding: 15px;
}
.product-search-wrapper .calendar {
	width: 100%; background: #01447f;
	text-align: center;	
	color: #fff;
	padding: 15px;
}
.product-search-wrapper th,
.product-search-wrapper tr,
.product-search-wrapper td {
	background: transparent; border: none;
	text-align: center; 
	color: #007dc6; font-size: 16px; line-height: 1.8;
	transform: scale(1, 1.1);
	-webkit-transform: scale(1, 1.1); /* Safari and Chrome */
	-moz-transform: scale(1, 1.1); /* Firefox */
	-ms-transform: scale(1, 1.1); /* IE 9+ */
	-o-transform: scale(1, 1.1); /* Opera */	
}
.product-search-wrapper th {
	color: #fff;
	text-transform: uppercase; font-weight: 400;
}
.product-search-wrapper .search-choose { color: #fff; cursor: pointer;}
.product-search-wrapper .active { color: #fff; background: #007dc6; }


/* Product list */
#product-wrapper {
	margin-top: -500px;
}
.product-wrapper {
	margin-bottom: 30px;
}
.product-wrapper .article-thumb-wrapper {
	height: 290px;
	margin: 0; padding: 0;
}
.product-wrapper .article-slide-desc {
	padding: 15px;
	color: #333; font-size: 16px;
	background: #f2f8fc;
}
.product-wrapper .article-slide-desc h3 {
	text-transform: uppercase;
	font-weight: 700;
	color: #333; font-size: 20px;
	transform: scale(1, 1.1);
	-webkit-transform: scale(1, 1.1); /* Safari and Chrome */
	-moz-transform: scale(1, 1.1); /* Firefox */
	-ms-transform: scale(1, 1.1); /* IE 9+ */
	-o-transform: scale(1, 1.1); /* Opera */		
}
.product-wrapper .article-slide-desc h3 a { color: #333; }
.product-wrapper .article-slide-desc h3 a:hover { color: #00529b; }
.product-wrapper .article-slide-desc p { margin: 0 0 5px 0;}

.product-wrapper .article-slide-desc .projections { margin: 0 -5px; }
.product-wrapper .article-slide-desc .bd-highlight {
	background: #01447f; color: #fff;
	min-width: 120px; text-align: center;
 	padding: 0.2rem .5rem; margin: 0 5px 10px 5px;
}




.product-crow-wrapper .article-title {
	background: #01447f; padding: 10px 15px;
	margin-bottom: 25px;
}
.product-crow-wrapper .article-title h3 {
	color: #fff; padding: 0; margin: 0;
	text-transform: uppercase;	
}
.product-crow-wrapper .article-title h3:before {
	content: '';
	width: 35px; height: 35px;
	display: block; float: left;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-image: url(../../images/icon-bitef.svg); 
	margin: 5px 10px 0 0;
}
.product-crow-wrapper .article-slide-desc {
	background: #f2f8fc;
	padding: 15px; color: #333;
	margin-bottom: 15px;
	max-height: 430px;
	overflow: auto;
   overflow-y: auto;
   overflow-x: hidden;
}
.product-crow-wrapper .article-slide-desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 10px rgba(0,82,155,0.3); background-color: #f2f8fc; }
.product-crow-wrapper .article-slide-desc::-webkit-scrollbar { width: 10px; background-color: #f2f8fc; }
.product-crow-wrapper .article-slide-desc::-webkit-scrollbar-thumb { background-color: #00529b; }

.product-crow-wrapper .article-slide-desc p {
	color: #333!important;
}
.product-crow-wrapper .article-slide-desc a {
	color: #007dc6; text-decoration: underline;
}
.product-crow-wrapper .article-slide-desc a:hover {
	text-decoration: none;
}
.product-crow-wrapper .article-slide-desc .bd-highlight {
	background: #01447f; color: #fff;
 	padding: 0.2rem .5rem; margin: 5px 10px;
	min-width: 120px; text-align: center;
}
/***************INNER PAGE***********************/


/** WELCOME **/
#ip-welcome {}
#ip-welcome .article-slide-desc .col:nth-child(odd) { padding-right: 45px; }
#ip-welcome .article-slide-desc .col:nth-child(even) { padding-left: 45px; }
#ip-welcome .article-slide-desc p { line-height: 2em;}
#ip-welcome .article-slide-desc .row > div { text-align: justify; padding: 0  30px 0 15px; }
#ip-welcome .article-slide-desc .row > div:nth-child(even) { padding: 0 15px 0 30px; border-left: solid 1px #ccc; }


#ip-welcome .icons { margin-top: 60px;  }
#ip-welcome .icons .icon { margin-bottom: 50px; }
#ip-welcome .icons .article-thumb-wrapper { height: 80px; width: 50%; float: left; }
#ip-welcome .icons .article-thumb { height: 80px; display: block }
#ip-welcome .icons .article-desc { height: 100%; width: 50%; float: left; }
#ip-welcome .icons .article-desc p { color: #031d34; margin: 0; line-height: 1em; }
#ip-welcome .icons .article-desc p:first-child { text-transform: uppercase; font-weight: 700; margin-bottom: 10px;}
#ip-welcome .icons p a { color: #031d34; }
#ip-welcome .icons p a:hover { text-decoration: underline;}



/* CONTACT */
#contact-page-wrapper {
	padding: 0;
}
#contact-page-wrapper .page-content {
	clear: none;
}
.contact-people {
	margin: 30px 0;
}
.contact-people .article-thumb-wrapper { 
	border-radius: 50%;
	overflow: hidden;
	width: 200px; height: 200px;
 	margin: 0 auto;
}
.contact-people .article-thumb-wrapper img {
	-webkit-transition: all 900ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 900ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 900ms ease-in;
    -moz-transform: scale(1);
    transition: all 900ms ease-in;
    transform: scale(1); 
}
.contact-people  .article-thumb-wrapper:hover img {
	-webkit-transition: all 900ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 900ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 900ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 900ms ease-in;
    transform: scale(1.2);
}
.contact-people .article-thumb { 
	overflow: hidden;
	width: 200px; height: 200px;
 	margin: 0 auto;
}
.contact-people .article-slide-desc { 
	margin-top: 20px; text-align: center;
	color: #333;
}
.contact-people .article-slide-desc h2 { color: #00529b; }
.contact-people .article-slide-desc a { color: #007dc6; }
.contact-people .article-slide-desc a:hover { text-decoration: underline; }

/****************General Lis Page****************/
/* GLAVNI PRIKAZ AUTOMOBILA */
.single-cars-wrapper {
	background: #fff;
	border: solid 1px #dcdcdc;
	padding: 15px; position: relative;
	/*max-height: 420px;*/ overflow: hidden;
}
.single-cars-wrapper .carousel-control .glyphicon-chevron-left, .single-cars-wrapper .carousel-control .glyphicon-chevron-right, .single-cars-wrapper .carousel-control .icon-next, .single-cars-wrapper .carousel-control .icon-prev {
	top: 30%;
}
.single-cars-wrapper .article-thumb-wrapper {
	padding: 0;
	height: 500px; overflow: hidden;
	position: relative;
}
.single-cars-wrapper .article-thumb {
	height: 500px; width: 100%; display: block; 
}
.single-cars-wrapper .article-thumb-logo {
	margin-top: 15px;
}
.single-cars-wrapper .article-thumb-logo .article-thumb {
	display: block;
	height: 110px;
	margin: 0 5px;
	overflow: hidden;
	cursor: pointer;
}


/****************News/Blog Page****************/
#ip-news {

}
.news-wrapper {
	background-color: #fff; 
	padding: 0; 
}
.news-wrapper .news { margin-bottom: 30px; }
.news-wrapper .article-thumb-wrapper { height: 300px; padding-right: 30px; }
.news-wrapper .img-contain { object-position: 50% 0; }
.news-wrapper h3 { color: #333333; }
.news-wrapper h3 a { color: #333333; }
.news-wrapper h3 a:hover { color: #007dc6;  }
.news-wrapper .article-slide-desc {	 }
/*.news-wrapper .article-slide-desc { background: #f2f8fc; }*/
.news-wrapper .article-slide-desc p { color: #333333; text-align: justify; line-height: 1.5em; }
.news-wrapper .article-slide-desc .date { font-size: 18px; line-height: 1em; padding: 0; margin: 0;}

.news-box-wrapper {
	background-color: #fff; 
	padding: 0; 
}
.news-box-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.news-box-wrapper .news { margin-bottom: 15px; padding: 0;  }
.news-box-wrapper .row { padding: 0px 15px 15px 15px; }
.news-box-wrapper .article-thumb-wrapper { height: 250px; padding: 0; }
.news-box-wrapper h3 { color: #fff; line-height: 1; }
.news-box-wrapper h3 a { color: #fff; }
.news-box-wrapper h3 a:hover { color: #007dc6;  }
.news-box-wrapper .article-slide-desc { 
	height: 150px; padding: 20px;
	background-color: #333;
	background-image: url(../../images/stars-bg2.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.news-box-wrapper .article-slide-desc p { color: #fff; text-align: justify; display: none }
.news-box-wrapper .article-slide-desc .date { padding: 0; margin: 0; display: block}

.news-box-wrapper .special {  }
.news-box-wrapper .special .article-thumb-wrapper { height: 530px;  }
.news-box-wrapper .special .article-slide-desc { height: 300px; }
.news-box-wrapper .article-slide-desc p { display: block }

/****************Product Page****************/

/****************Product & Category Page****************/

#category-page-wrapper {
	padding: 0px; margin: 45px 0;
}



/****************Inner Page****************/
.breadcrumbs {
	background-color: #343b43;
	padding: 65px 0 57px;
}

.breadcrumbs .container-fluid {
	padding: 0;
}

.breadcrumbs a {
	color: #c3d4df;
	display: inline-block;
	font-size: 20px;
	position: relative;
	top: -3px;
	-webkit-transition: opacity 300ms ease;
     -moz-transition: opacity 300ms ease;
       -o-transition: opacity 300ms ease;
      -ms-transition: opacity 300ms ease;
          transition: opacity 300ms ease;
}

.breadcrumbs a:hover {
	opacity: .7;
}

.breadcrumbs a:after {
	content: '>';
	display: inline-block;
	margin: 0 8px;
}

.breadcrumbs p {
	width: 210px;
	display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    margin-bottom: 0;
    line-height: 1;
    color: #fff;
}

#inner-page-wrapper {
	padding: 20px 0;
	background: #fff;
}


#ip-contact {
}
#ip-contact .row-big-title {
	color: #cd3f37;
	font-size: 28px;
	margin-bottom: 20px;
}
#ip-contact strong {
	color: #999; font-weight: 600;
	text-transform: uppercase;
}
#ip-contact a { color: #cd3f37; }
#ip-contact a:hover { color: #000; }



#page-header {
	margin: 0; padding: 0;
	position: relative;
}

#page-header .article-slide-desc {
	padding: 20px 15px; 
}
#page-header .date { 
	background: #007dc6; 
	color: #fff; font-weight: 700; 
	font-size: 18px;
	display: inline-table; padding: 5px 15px;
}
#page-header .date strong { color: #fff; }

#page-header .row-big-title { font-size: 48px; }
#page-header .row-small-title {  }

#page-header .lead {
	color: #333; 
	padding: 0; font-size: 20px;
	font-weight: 400; line-height: 2em;
}


.main h2,
.main h3,
.main h4 {
	text-transform: none;
	margin: 30px 0 15px 0; 
}
.main h2  {
	color: #00529b;
	font-size: 34px; font-weight: 400;  
	line-height: 1;
	padding: 30px 0 15px 0; margin-bottom: 30px;
	border-bottom: solid 1px #007dc6;
}
.main h2 a { color: #00529b; text-decoration: underline }
.main h2 a:hover { text-decoration: none; }

.main h3 { color: #00529b; font-size: 28px; font-weight: 400; }
.main h4 { color: #333; font-size: 20px;  font-weight: 400; }

.main .background-video {
	width: 100%; 	height: 100%;
	top: 0; left: 0;
	overflow: hidden;
}
.main .background-video video {
	object-fit: cover;
	object-position: 50% 50%;
	height: 100%; width: 100%;
	max-width: none!important;
	margin: 0!important;
}
.main .snippet-image {  padding: 0; margin-bottom: 40px; position: relative }
.main .snippet-image .article-thumb { display: block; overflow: hidden; padding: 0; margin: 0; }
.main .snippet-image .article-thumb img {  }
.main .snippet-image.left { padding-right: 30px; float: left }
.main .snippet-image.right { padding-left: 30px; float: right }
.main .article-thumb-wrapper.snippet-image.center { 
	overflow: hidden;
	position: relative;
	display: block;/* height: 50vh;*/
}
.main .article-thumb-wrapper.snippet-image.center .article-thumb { 
	height: 100%; width: 100%;
	display: block;
	overflow: hidden;
}
.main .snippet-image figure { margin: 0; }

.main .snippet-image .image-desc { 
	position: absolute; bottom: 2px; left: 2px;
	padding: 5px 20px; background: #181712; color: #fff;
	font-size: 16px; font-style: italic;
}
.main .snippet-image .video-desc { 
	position: absolute; bottom: 0px; left: 2px;
	padding: 0 15px; background: transparent; color: #fff;
	font-size: 20px;
	text-transform: uppercase;
}
.main .snippet-image.none { 
	background: transparent;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-bottom: 40px;
	padding: 0;
}
.main .snippet-image.logo { 
	padding: 15px 0 15px 15px;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.main .snippet-image.logo:hover { 
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.main figcaption {
	background-color: rgba(255, 255, 255, 0.75);
}
.main figcaption.video {
	padding-top: 25%;
}
.main figcaption.video .fa { font-size: 60px; color: #22262f; }
.main .snippet-image p { color: #000; margin: 0!important; padding: 10px 0; }
.main .snippet-image p a { color: #cd3f37; }
.main .snippet-image figcaption p {
	color: #000; margin: 0; padding: 15px 10px; 
}

.main .snippet-big { 
	margin-top: -30px;
	padding: 0;
}

.main .date {
	margin: 15px 0; display: inline-table;
	padding: 5px 10px;
	color: #333; font-size: 18px;
	text-transform: uppercase;
}
.main .page-content .lead {
	color: #333; 
	padding: 0; font-size: 18px;
	font-weight: 500;
}

.main {
	color: #333; font-weight: 400;
	font-size: 18px;
}
.main .page-content div,
.main p {
	margin-bottom: 15px;
	margin-top: 15px;
	color: #333; 
	font-size: 18px; line-height: 2em;
	text-align: justify;
}

.main p strong { font-weight: 700; }
.main .custom { font-weight: 700; color: #007dc6 }

.main .dl-horizontal {
	margin-bottom: 15px;
	margin-top: 15px;
}
.main dt,.main dd {
	font-size: 18px;
	margin-bottom: 5px;
}

.main dt {	}

.main p > a:not([class]) { color: #007dc6;  text-decoration: underline; } 
.main p > a:not([class]):hover { color: #007dc6; text-decoration: none; } 

.main a.wtm { color: #007dc6; text-decoration: underline;} 
.main a.wtm:hover { color: #007dc6; text-decoration: none; } 
.main a.wtm i { margin-right: 10px; } 


.main strong,
.sidebar strong {
	font-weight: 700;
}

.main .page-content ul:not([class]) {
	list-style: none;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 0;
}

.main .page-content ul li:not([class]),
.main .page-content ol li:not([class])  {
	margin-left: 0;
	margin-bottom: 5px;
	position: relative;
	color: #333; font-size: 18px;
}
.main .page-content ul li:not([class])::before  {
	content: ''; display: block; float: left;
	width: 7px; height: 7px;
	background: #007dc6;
	border-radius: 50%; 
	margin: 8px 20px 0 0;
}
.main .page-content ul li ul {
	margin-top: 10px;
	margin-bottom: 30px;
}
.main .page-content ul li ul li  {
	margin-bottom: 10px;
	position: relative;
	padding-left: 25px;
	color: #333; font-size: 16px;
}
.main .page-content ul li ul li::before  {
	content: ''; display: block; float: left;
	width: 10px; height: 10px;
	background: #007dc6;
	margin: 8px 30px 0 0;
}
#contact-wrapper .main .page-content ol {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
#contact-wrapper .main .page-content ol li {
	flex: 0 0 50%;
	max-width: 50%;
	display: block;
	padding: 0 30px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
}

.main table,
.main th {
	border-collapse: collapse;
	border-bottom: solid 1px #007dc6;
}
.main table {
	margin-bottom: 40px;
	margin-top: 40px;
	width: 100%;
}
.main th,
.main td {
	border-collapse: collapse;
	padding: 10px;
	border-bottom: solid 1px #007dc6;
}

.main table tr  {}
.main td {
	vertical-align: baseline;
	color: #333; font-size: 16px; 
}
.main td p {
	margin: 0; padding: 5px 0;
	color: #333; font-size: 16px; 
	text-align: left;
}
.main table td strong{
	color: #333; font-size: 16px;
	font-weight: 700; text-transform: uppercase;
}
.main table td a {
	color: #007dc6; font-size: 16px;
}
.main table td a:hover {
	color: #333;
}

table > tbody > tr:nth-of-type(even) {
  background-color: transparent;
}
table > tbody > tr:nth-of-type(odd) {
  background-color: transparent;
}
table > thead > tr > th,
table > tbody > tr > th {
	border-bottom: solid 1px #007dc6;
	background: #007dc6;
	color: #fff; font-size: 16px;
	font-weight: 700;	
}
table > tr:first-child {
	background: #007dc6;
	color: #cd3f37;
	font-weight: 700;
}


.main .blockquote {
	margin: 45px 0;
	/*padding: 30px 30px 30px 60px;*/
	border: none; border-radius: 0; 
	color: #007dc6; 
	font-size: 40px; font-weight: 700;
	font-style: italic;
}
.main .blockquote p {
	color: #007dc6; 
	font-size: 40px; font-weight: 700;
	text-align: left;
}
.main .blockquote strong {
	color: #333;
}

.main .page-content .jumbotron {
	background-color: #f2f8fc;
	background-image: url(../../images/stars-bg2.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: 50% auto;
	padding: 30px;
	border: none;
	border-radius: 0; 
	font-weight: 700;
	font-size: 22px; color: #00529b; 
}
.main .page-content .jumbotron div, 
.main .page-content .jumbotron p { font-size: 22px; color: #00529b;}


.page-form {}

.form-group .g-recaptcha > div {
	margin: 0 auto!important;
}

.page-form .form-control {
	background-color: #fff;
	border: none;
	border-bottom: solid 1px #333;
	outline: 0; 
  	-webkit-box-shadow: none;
 	box-shadow: none;
 	color: #000; /*opacity: 0.55;*/
	font-size: 16px; 
	border-radius: 0px;
	padding: 5px 10px;
	margin-bottom: 30px;
	font-weight: 400;
}
.page-form .form-control:focus {
	opacity: 1;
}
.page-form textarea.form-control {
	height: 160px;
	/*line-height: 40px;
	background: url(../../images/textarea_line.png) repeat;*/
	border-bottom: none;
}
.page-form .custom-file-input { }
.page-form ::placeholder {  color: rgba(0, 0, 0, 0.5)!important;  opacity: 1; }
.page-form :-ms-input-placeholder {  color: rgba(0, 0, 0, 0.5); }
.page-form ::-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent;
    background-image: none;
    color: rgba(0, 0, 0, 1);
}

.form-group label { color: #333; font-weight: 400; font-size: 16px;  }
.form-group label.value { font-weight: 400; text-transform: none; margin-left: 10px; }
.form-group p:not([class]) { color: #000; padding: 0; margin: 0; font-size: 16px;  }
.form-group p.red { color: red; font-size: 14px;  }
.form-group a { color: #000; text-decoration: underline; }
.form-group a:hover { text-decoration: none; }

 
/* select */
.btn-select {
    position: relative;
    padding: 0;
    min-width: 50px;
    width: 100%;
    border-radius: 0;
	 border: none;
	border-bottom: solid 1px #000;
    margin-bottom: 20px;
}

.btn-select .btn-select-value {
    padding: 10px 12px;
    display: block;
    position: absolute;
    left: 0;
    right: 34px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

.btn-select .btn-select-arrow {
    float: right;
    line-height: 20px;
    padding: 10px 10px;
    top: 0;
    background: transparent !important;
    border: none !important;
}

.btn-select ul {
    display: none;
    background-color: white;
    color: black;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: none !important; 
    position: absolute;
    left: -1px;
    right: -1px;
    top: 41px;
    z-index: 999;
    max-height: 33vh; overflow-y: scroll; overflow-x: hidden;    
}

.btn-select ul li {
    padding: 3px 6px;
    text-align: left;
}

.btn-select ul li:hover {
    background-color: #f4f4f4;
}

.btn-select ul li.selected {
    color: white;
}

/* Default Start */
.btn-select.btn-default:hover, .btn-select.btn-default:active, .btn-select.btn-default.active {
    border-color: #ccc;
}

.btn-select.btn-default ul li.selected {
    background-color: #ccc;
}

.btn-select.btn-default ul, .btn-select.btn-default .btn-select-value {
    background-color: white;
    border: #ccc 1px solid;
}

.btn-select.btn-default:hover, .btn-select.btn-default.active {
    background-color: #e6e6e6;
}
/* Default End */

/* Primary Start */
.btn-select.btn-primary {
    border-color: #fff!important;
    background: transparent;
    color: #fff;
}
.btn-select.btn-primary:hover, .btn-select.btn-primary:active, .btn-select.btn-primary.active {
    border: none ;
}

.btn-select.btn-primary ul li.selected {
    background-color: transparent;
    color: white;
}

.btn-select.btn-primary ul {
    border: none;
}

.btn-select.btn-primary .btn-select-value {
    background-color: transparent;
    border: none;
}

.btn-select.btn-primary:hover, .btn-select.btn-primary.active {
    background-color: transparent;
}
/* Primary End */

/* Success Start */
.btn-select.btn-success:hover, .btn-select.btn-success:active, .btn-select.btn-success.active {
    border-color: #22262f;
}

.btn-select.btn-success ul li.selected {
    background-color: #22262f;
    color: white;
}

.btn-select.btn-success ul {
    border: #22262f 1px solid;
}

.btn-select.btn-success .btn-select-value {
    background-color: #5cb85c;
    border: #22262f 1px solid;
}

.btn-select.btn-success:hover, .btn-select.btn-success.active {
    background-color: #22262f;
}
/* Success End */

/* info Start */
.btn-select.btn-info:hover, .btn-select.btn-info:active, .btn-select.btn-info.active {
    border-color: #46b8da;
}

.btn-select.btn-info ul li.selected {
    background-color: #46b8da;
    color: white;
}

.btn-select.btn-info ul {
    border: #46b8da 1px solid;
}

.btn-select.btn-info .btn-select-value {
    background-color: #5bc0de;
    border: #46b8da 1px solid;
}

.btn-select.btn-info:hover, .btn-select.btn-info.active {
    background-color: #269abc;
}
/* info End */

/* warning Start */
.btn-select.btn-warning:hover, .btn-select.btn-warning:active, .btn-select.btn-warning.active {
    border-color: #eea236;
}

.btn-select.btn-warning ul li.selected {
    background-color: #eea236;
    color: white;
}

.btn-select.btn-warning ul {
    border: #eea236 1px solid;
}

.btn-select.btn-warning .btn-select-value {
    background-color: #f0ad4e;
    border: #eea236 1px solid;
}

.btn-select.btn-warning:hover, .btn-select.btn-warning.active {
    background-color: #d58512;
}
/* warning End */

/* danger Start */
.btn-select.btn-danger:hover, .btn-select.btn-danger:active, .btn-select.btn-danger.active {
    border-color: #cd3f37;
}

.btn-select.btn-danger ul li.selected {
    background-color: #cd3f37;
    color: white;
}

.btn-select.btn-danger ul {
    border: #cd3f37 1px solid;
}

.btn-select.btn-danger .btn-select-value {
    background-color: #cd3f37;
    border: #cd3f37 1px solid;
}

.btn-select.btn-danger:hover, .btn-select.btn-danger.active {
    background-color: #cd3f37;
}
/* danger End */

.btn-select.btn-select-light .btn-select-value {
    background-color: white;
    color: black;
}



/* forms */
#form-page-wrapper { 
	background-color: #333;
	background-image: url(../../images/stars-bg2.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: 50% auto;
}
#form-page-wrapper h2 { 
	color: #fff;
	padding-bottom: 15px;
	border-bottom: solid 1px #007dc6;
	text-transform: uppercase;
}
#form-page-wrapper .form-group label {
	color: #fff; 
}
#form-page-wrapper div { color: #fff; }
#form-page-wrapper .note {	color: #fff; }

#form-page-wrapper .page-form .form-control {
    background-color: #f2f8fc;
    border: none;
}
#form-page-wrapper .page-form textarea.form-control {
	background: #fff;
	line-height: 20px;
}

/* download */ 
.page-download {
	background: #007dc6;
	margin: 30px 0;
	padding: 10px 15px;
	display: flex;
}
.page-download:before {
	content: ''; display: block;
	float: left;
	width: 50px; height: 100%;	
	background-image: url(../../images/icon-download.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 50% 50%; 
	margin-right: 15px;	
}
.page-download a { display: block; }
.page-download p { color: #fff; padding: 0; margin: 0; line-height: normal; }
.page-download span { color: #fff; text-transform: uppercase; font-weight: 700;  padding: 0; margin: 0; }
.page-download .fa { color: #fff; font-size: 40px; display: block; float: left; }

.page-download:hover { background: #00529b;  }
.page-download:hover p,
.page-download:hover span,
.page-download:hover .fa
{ color: #fff;  }

#download-page-wrapper { }



.modal-dialog {
	width: 500px;
}
.modal-content {
	border-radius: 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
	position: relative;
}
.modal-title {
	text-align: center; color: #22262f;
}
.modal-header {
	min-height: 1px;
	width: 80%;
	padding: 20px 10px;
	margin: 0 auto 0 auto!important;
	background: #01447f;
	border: none;
	border-radius: 0;
	position: relative; z-index: 2;
	text-align: center;
}
.modal-body {
	top: -40px; position: relative; z-index: 1;
	background: #fff;
	border: solid 1px #fff;
	border-radius: 4px;
	padding-top: 60px;
	color: #22262f;
	
}

.modal-header h4 { 
	font-size: 24px; color: #fff; 
	margin: 0; padding: 0;
	text-transform: none;
	text-align: center;
}
.modal-header h4:before { display: none } 
.modal-header p { font-size: 16px; color: #22262f; padding: 10px 20px; text-align: center }
.modal-header .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 10px;
    border-radius: 100%;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -10px;
    right: -20px;
    z-index:1032;
    
    display: none;
}
.modal-body .form-group p:not([class]) {
	color: #000; text-align: center;
	
}
.modal-body .form-group a {
	color: #22262f; text-decoration: underline;
}

.ekko-lightbox .modal-dialog,
.ekko-lightbox .modal-content {
	background: transparent;
	padding-top: 0;
	max-width: 80vw;
}
.ekko-lightbox .modal-title {	
	padding: 0; margin: 0;
	display: none;
}
.ekko-lightbox .modal-header {
	width: 100%;
	margin: 0;
}
.ekko-lightbox .modal-content {
}
.ekko-lightbox .modal-body {	
	padding: 0; margin: 0;
}

#lightbox .modal-dialog {
	display: block; 
}
#lightbox .modal-body {	
	padding: 0; margin: 0;
}
#lightbox .modal-content {
    display: inline-block;
    text-align: center; 
    overflow: hidden;
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: 55px;
    right: -20px;
    z-index:1032;
}
.main .social-share {
	margin-bottom: 30px;
}
.main .social-share a::before {
    font-size: 20px;
    width: 40px;
    height: 40px;
    padding: 6px;
}
.main .social-share p {
    text-transform: uppercase;
    
}
.main .media-body a {
	color: #59adc5; text-transform: uppercase;
	font-size: larger;
}

/******SIDEBAR****/
.sidebar { padding: 30px 0 0 45px;  }
.sidebar.move-page-wrapper { margin-top: -150px; }

#map-canvas {
	height: 400px; width: 100%;
	overflow: hidden;
}


.snippet-wrapper-custom { position: relative; padding: 0; margin: 0 0 40px 0}
.snippet-wrapper-custom .article-wrapper {	 position: relative; overflow: hidden;  margin-bottom: 30px; }
.snippet-wrapper-custom .article-thumb-wrapper { /*height: 40vh; */min-height: 200px; max-height: 400px;  background-color: #181712; }
.snippet-wrapper-custom .article-slide-desc { 
	height: auto; width: 100%; 
	position: absolute; 
	padding: 15px;
	right: 0; bottom: 0; margin: 0;  
	background-color: transparent;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 60%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 60%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 60%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.snippet-wrapper-custom .article-slide-desc h3 { color: #fff; padding: 0; margin: 0; text-transform: uppercase }
.snippet-wrapper-custom .article-slide-desc h3 a { color: #fff; }
.snippet-wrapper-custom .article-slide-desc h3 a:hover { color: #007dc6;  }
.snippet-wrapper-custom .article-slide-desc p { color: #fff }
.snippet-wrapper-custom .article-slide-desc p.date { padding: 0; margin: 0; }
.snippet-wrapper-custom .article-slide-desc .button-read-more { margin-top: 0px; }

.snippet-wrapper { position: relative; padding: 0; margin: 0 0 40px 0}
.snippet-wrapper .article-wrapper {	 position: relative; overflow: hidden; margin-bottom: 30px; }
.snippet-wrapper .article-thumb-wrapper { max-height: 400px;  }
.snippet-wrapper .article-slide-desc { 
	height: auto; width: 100%; 
	padding: 15px;
	background: #f2f8fc;
}
.snippet-wrapper .article-slide-desc h3 { color: #333; padding: 0; margin: 0; font-size: 20px; text-transform: uppercase}
.snippet-wrapper .article-slide-desc h3 a { color: #333; }
.snippet-wrapper .article-slide-desc h3 a:hover { color: #00529b;  }
.snippet-wrapper .article-slide-desc p { color: #333 }
.snippet-wrapper .article-slide-desc p.date { padding: 0; margin: 0; }
.snippet-wrapper .article-slide-desc .button-read-more { margin-top: 0px; }


.panel {
  margin: 40px 0;
  border: none; 	
  border-radius: 0px;
  background: transparent;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
          box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}
.panel .panel-default {
	border: none;
	outline: invert;
}
.panel h3 {
	color: #888;
	font-size: 18px; 
	text-transform: uppercase;
	
}
.panel .panel-heading {
  background-color: transparent;
  padding: 0; margin: 0;
  border: none;
}
.panel .panel-heading .panel-title {
	margin: 10px 0; padding: 0;
}

.panel .panel-body.nav {
	padding: 0;
	border: none;
}

.list-group {
	margin: 0;
}
.list-group-item {
  position: relative;
  display: block;
  margin: 10px 0;
  padding: 0 0 0 10px;
  background-color: transparent;
  color: #22262f; 
  font-size: 18px; 
  border: none;
}

.list-group-item:first-child,
.list-group-item:last-child {
	border-radius: 0;
	-ms-border-radius: 0;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #767676;
  background: transparent;
  border: none;
}

.list-group a { 
	color: #22262f; 
	border-left: solid 2px; border-color: #a9abad;
}
.list-group a:hover { color: #767676; background: transparent; border-color: #767676; }


.list-group-item.active:before {
	color: #fff;	
}

.list-group .fa {
	color: #59adc5;
	margin-right: 5px;
}

.list-group-item.sec { color: #767676; padding-left: 30px;  }
.list-group-item.sec:hover { color: #6f3d5a; }
.list-group-item.sec.active { color: #6f3d5a;  }

.list-group-item.rd { color: #6f3d5a; padding-left: 30px;  font-size: 16px; border: none }
.list-group-item.rd.active { background: #f3f3f3; color: #000}




/********************************************************
	5. FOOTER
********************************************************/
footer {
	background: #00529b;
	padding: 0!important; margin: 0!important;
}

#site-footer {
	background: #f2f8fc;
	padding: 40px 0; margin: 0;
}

#site-footer .navbar-brand {
	float: none; display: block;
	position: relative;
	padding: 0; margin: 0 auto;
	height: 51px; width: 229px;
  	background-image: url('../../images/english/footer-logo.png');
  	background-repeat: no-repeat;
  	background-position: 0 0;
}
#site-footer .navbar-brand span { display: none }

#site-footer .footer-share {
	padding: 35px 0; margin: 0 auto;
	text-align: center;
}
#site-footer .footer-share .fab { 
	padding: 0 25px; color: #00529b; font-size: 50px;
}
#site-footer .footer-share .fab:hover { 
	color: #007dc6;
}
#site-footer .footer-article-wrapper {
	padding: 0; margin: 0;
	text-align: center;
}

#site-footer .navbar-form {
	padding: 0; margin: 0 auto;
	width: auto;
}

#site-footer .form-inline {
	padding: 0; margin: 0;
	margin-bottom: 35px;
}
#site-footer .form-inline input {
	height: 30px; width: 260px;
	background: #fff;
	color: #999; font-size: 14px;
	border: solid 1px #d8dada;
	padding: 5px 15px;
	border-radius: 0; 
}
#site-footer .form-inline .btn {
	height: 30px; width: 120px;
	margin: 0; padding: 0; 
	background-color: #00529b;	
	border: none;
	border-radius: 0; 
	color: #fff;
	font-size: 14px; font-weight: 700; 
	text-transform: uppercase;
	text-align: center;
}
#site-footer .form-inline .btn:hover { background-color: #007dc6; }

#site-footer #newsletter-form {
	margin: 0; padding: 0;
	margin-bottom: 30px;
}
#site-footer .form-control {
	border: none; background: #fff;
	border: solid 1px #d2d2d2;
	width: 100%; height: 34px;
	color: #000;
	font-size: 14px;
}
#site-footer .btn {
	background: #00529b; color: #fff;
	text-transform: uppercase;
	height: 34px;
	border-radius: 0; 
	/*position: absolute; top: 0; right: 0;
	border: none; background: url(../../images/footer_icon-btn.png) 0 50% no-repeat;
	height: 34px; width: 20px;*/
}


#site-footer .copyright { 
	color: #79a5cb; font-size: 14px;
	text-align: center;
}
#site-footer .copyright a { color: #79a5cb; }
#site-footer .copyright a:hover { color: #00529b; }


#footer-banners {
	padding: 15px 0; margin: 0;
}
#footer-banners  .home-article-wrapper {	
	text-align: center;
	margin: 0 auto;
}
#footer-banners  .home-article-wrapper > div:not([class]) {
	display: inline-table;
	padding: 10px;
}
#footer-banners  .home-article-wrapper > div.clearfix {
	display: inline-table;
	width: 100%; height: 15px;
}
#footer-banners  .article-thumb {
	height: 75px; margin: 0;
	padding: 5px;
}
#footer-banners  .article-thumb .img-fluid {	
	max-height: 100%;
	/*-webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
	-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
#footer-banners .article-thumb:hover {
	background-color: #fff;
}
#footer-banners .article-thumb:hover .img-fluid {	
	/*-webkit-filter: brightness(1) invert(0);
    filter: brightness(1) invert(0);*/
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);    
}
#footer-banners .article-slide-desc { 
	font-size: 14px; line-height: 0.875em; color: #fff; 
	font-weight: 700;
	text-align: center; text-transform: uppercase;
	margin: 0; padding: 0;
	display: inline-table;
	width: 100%; height: 20px; 
 }


/********************************************************
	6. RESPONSIVE
********************************************************/
/* Medium devices (tablets, 768px and up) */ 
@media screen and (min-width: 769px) {	
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 993px) {
	.container-fluid { max-width: 1100px; }
	
	.button-read-more:before {
		content: '- ';
	}
	.button-read-more:after {
		content: ' -';
	}

	
	.navbar-light .navbar-nav {
		position: relative;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #fff;
		display: table-cell;
		vertical-align: middle;
		font-size: 16px; line-height: 2;
		font-weight: 400;
		padding: 0 1rem;
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}
	.navbar-light.navbar-main .navbar-nav .nav-link {
		font-size: 20px; 
		text-transform: uppercase; 
		transform: scale(1, 1.2);
		-webkit-transform: scale(1, 1.2); /* Safari and Chrome */
		-moz-transform: scale(1, 1.2); /* Firefox */
		-ms-transform: scale(1, 1.2); /* IE 9+ */
		-o-transform: scale(1, 1.2); /* Opera */	
	}
	.navbar-light .navbar-nav .nav-link::before {
		content: '';
		display: block; position: absolute; 
		bottom: 0; left: 10%;
		width: 0%;
		height: 2px;
		background: #007dc6;
		transition: width .3s;
	}
	header .navbar-light .navbar-nav .nav-link:hover {
		color: #fff;
	}
	.navbar-light .navbar-nav .nav-link:hover::before {
		width: 80%; left: 10%;
	}
	.navbar-light .navbar-nav .active .nav-link {
		color: #fff;
	}
	.navbar-light .navbar-nav .active .nav-link::before {
		content: '';
		display: block; position: absolute; 
		bottom: 0; 
		width: 80%; left: 10%;
		height: 2px;
		background: #007dc6;
		transition: width .3s;
	}
	.navbar-light .navbar-nav .nav-item:last-child .nav-link {
	/*	padding-right: 0;*/
	}
	.navbar-main .navbar-nav .nav-item:first-child .nav-link {
		background: #007dc6;
	}



	/* DropDown Larg */
	.navbar-light .navbar-nav .nav-item .dropdown-menu {
		background-color: #007dc6;
	}
	.navbar-light .navbar-nav  .dropdown-large {
    	position: static!important;
	}
	.navbar-light .navbar-nav .nav-item .dropdown-menu-large {
		background-image: url(../../images/bg-dropdown-menu-large.png);
		background-color: #007dc6;
		background-position: right;
		background-repeat: no-repeat;
		padding: 20px 15px!important;
		margin: 0!important;
		width: 100%!important;
		z-index: 1500;
	}
	.navbar-light .navbar-nav .nav-item .dropdown-menu-large .dropdown-item {
		padding-left: 0; padding-right: 0;
		line-height: 1;
 		white-space: normal;
	}
	.navbar-light .navbar-nav .nav-item .dropdown-menu .dropdown-item {
		color: #fff;
	}
	.navbar-light .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
		color: #01447f;
		background-color: transparent;
	}
	.navbar-main .dropdown-menu-large .dropdown-item:before {
		content: '';
		display: inline-table; vertical-align: middle;
		background-color: #fff;
		border-radius: 50%;
		width: 5px; height: 5px; 
		margin-right: 5px; margin-top: -5px;
	}
	.navbar-main .dropdown-menu-large .col-12 {
		border-right: solid 1px #01447f;
	}
	
	.dropdown:hover >.dropdown-menu {
		display: block;
		top: calc(100% - 5px);
	}
	
	/* Fixed top */
	.navbar-fixed-top {
		-webkit-box-shadow: 0 4px 20px 0 #000;
		box-shadow: 0 -2px 20px 0 #000;
		position: fixed!important;
		z-index: 1001;
		padding: 0; margin: 0;
		top: 0px;
		filter: none;
	}	
	header .navbar-main.navbar-fixed-top {
		height: 60px;
	}	
	.navbar-fixed-top .navbar-header {
		margin-top: 0px; 
	}
	.navbar-fixed-top .navbar-header .navbar-brand {
		height: 60px;
	}
	.navbar-fixed-top .navbar-header .navbar-brand::before {
		height: 60px; width: 60px;
		background-image: url('../../images/header-logo-blank.jpg');
	}
	.navbar-fixed-top .navbar-nav {
		padding-right: 80px;
	}
	.navbar-fixed-top .navbar-nav .nav-link {
		font-size: 16px!important;
		transform: scale(1, 1.1);
		-webkit-transform: scale(1, 1.1); /* Safari and Chrome */
		-moz-transform: scale(1, 1.1); /* Firefox */
		-ms-transform: scale(1, 1.1); /* IE 9+ */
		-o-transform: scale(1, 1.1); /* Opera */	
	}
	.navbar-fixed-top .navbar-text {
		display: none;
	}

	
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1201px) {
	.container-fluid { max-width: 1100px; }
}
@media screen and (min-width: 1300px) {
	.container-fluid { max-width: 1200px; }	
}
@media screen and (min-width: 1400px) {
	.container-fluid { max-width: 1300px; }
}
@media screen and (min-width: 1500px) {
	.container-fluid { max-width: 1380px; }
}

/* Extra large devices */
@media screen and (max-width: 1200px) {
}
/* Medium devices */
@media screen and (max-width: 1399px) {
}

/* Medium devices */
@media screen and (max-width: 992px) {
	.navbar-light .navbar-toggler {
		background: #cd3f37;
		color: #fff;
	}
	.navbar-light.navbar-support .navbar-toggler {
		background: #007dc6;
		color: #fff;
	}
	.navbar-light .navbar-toggler-icon {
  		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	header .navbar-support { height: auto; }
	header .navbar-main { height: auto; }
	header .navbar-main.navbar-fixed-top { height: auto; }
	
	.navbar-light.navbar-main .navbar-toggler-icon {
		background-image: none;
		width: auto;
	}
	.navbar-light.navbar-main .navbar-toggler-icon:before {
		content: '58BITEF';
		color: #fff;
		line-height: 30px;
	}	
	.navbar-collapse { z-index: 1000; }
	.navbar-header { margin-top: -60px; }
	.navbar-header .navbar-brand { height: 100px; }
	.navbar-header .navbar-brand::before { height: 100px; width: 81px; }
	
	.button-read-more {
		padding: 5px 15px;
	}
	.article-slide-desc p {
		font-size: 16px;
	}
	.row-small-title {
		font-size: 20px!important;
		line-height: normal!important;
	}
	.row-big-title {
		font-size: 28px!important;
		line-height: normal!important;
		text-align: center!important;
	}
	
	
	header .navbar-light .navbar-nav>.nav-item {
		background: #f2f8fc;
		margin: 0; display: block;
		height: auto;
	}
	header .navbar-light .navbar-nav .nav-link {
		/*line-height: 40px;*/
		color: #000;  display: block;	
 		border-bottom: 1px solid #e8e8e8;
 		padding: 10px 15px;
 		position: relative;
	}
	header .navbar-light .navbar-nav .nav-link:hover {
		text-decoration: underline;
	}
	header .navbar-light .navbar-nav > .nav-item > .nav-link::before {
		display: none;
	}
	header .navbar-light .navbar-nav > .nav-item > .nav-link.dropdown-toggle::after {
    	display: block;
    	content: '';
    	background: url(../../images/gnb_menu_mo.png) no-repeat;
    	-webkit-background-size: 23px auto;
    	background-size: 23px auto;
    	width: 23px;
    	height: 23px;
    	position: absolute;
    	right: 14px;
    	top: 50%;
    	margin: -11px 0 0 0;
    	border: none;
	}
	header .navbar-light .navbar-nav > .nav-item.show > .nav-link::after {
		 background-position: 0 -23px;
	}
	header .navbar-light .navbar-nav > .nav-item.show > .nav-link {
		color: #fff; background: #007dc6;
		text-decoration: none;
	}
	.navbar-light .navbar-nav .dropdown-menu {
		background-color: #007dc6;
	}
	.navbar-light .navbar-nav .dropdown-menu .dropdown-item {
		color: #fff;
	}
	.navbar-light .navbar-nav .nav-item .dropdown-menu-large {
		background-image: url(../../images/bg-dropdown-menu-large.png);
		background-color: #007dc6;
		background-position: right;
		background-repeat: no-repeat;
		padding: 20px 15px!important;
		margin: 0!important;
		width: 100%!important;
		z-index: 1500;
	}

	
	
	.article-slide {
		opacity: 1!important;
	}
	.modal-dialog {
		width: 90%; margin: 0 auto;
	}
	.slick-dots button {
		width: 10px; height: 10px;
		border-radius: 0; 
	}

	/* SLIDER */	
	.slider .carousel-item { height: 100vw; }
	.slider .carousel-indicators { display: none; }
	.slider .carousel-caption {	padding: 0 30px; }
	.slider .carousel-caption h2 { font-size: 22px; }
	.carousel-control-prev, 
	.carousel-control-next { width: 25px; }
	
	/* HOME PAGE */
	#home-news { padding: 30px 0; }
	#home-news .article-box .article-thumb { height: 60vw; }
	#home-news .article-box .article-slide-desc { height: auto; }
	#home-news .article-box.blog .article-thumb { height: 300px; }
	#home-news .article-box.blog .article-thumb { height: 60vw; }
	#home-news .article-box.blog .article-slide-desc { height: auto;  }

	#home-solutions.with-image {  height: 30vh; }
	#home-solutions .article-slide-desc .row { height: auto; }
	#home-solutions .article-slide-desc h2 { font-size: 32px; }
	#home-solutions .article-slide-desc h3 { font-size: 32px; }
	#home-solutions .button-read-more.black { margin: 0 auto; }

 

	#slick-video {	margin-bottom: 40px; }
	#home-video .more { margin-top: -50px; }
	#slider-multimedia-for { padding: 15px; }
	#slider-multimedia-for .article-thumb {  height: 60vw; }
	#slider-multimedia-for .icon:after { width: 60px; height: 60px; }
	#home-video p { display: none }
	#home-video h3 { font-size: 16px; line-height: 16px; text-transform: none;}
	
	#slider-multimedia-for .article-thumb .info { 
		bottom: 0;  position: absolute; width: 100%;
		padding: 60px 30px 15px 30px;
	}
	#slider-multimedia-nav { height: 60vw; }
	#slider-multimedia-nav .video-post { height: 60vw; padding: 15px;	}

	#home-service .article-slide-desc { padding: 15px; margin-left: 0px; }
	#home-service .article-slide-desc h2 { font-size: 20px; }
	
	/* NEWS */
	.news-box-wrapper .article-thumb-wrapper { height: auto!important; }
	.news-box-wrapper .article-slide-desc { height: auto!important; }
	.news-wrapper .article-thumb-wrapper { height: auto!important; margin-bottom: 10px; }
	.news-wrapper .article-slide-desc p { display: none;	}

	
	
	#banner { padding: 30px 0; }
	#banner h1 { font-size: 34px; }
	#banner h2 { font-size: 24px; }
	#banner p { font-size: 16px; }
	#banner .comment a { font-size: 16px; }

	.move-page-wrapper { margin: 0!important; }
	.content-wrapper { padding: 20px 10px; }
	.sidebar { padding: 30px;}
	
	/* main */
	.main .page-content div, .main p { font-size: 16px; text-align: left; }
   
	#gallery-page-wrapper .slick-gallery div > .article-thumb { height: 60vw; }
	#slider-multimedia-nav {display: none; }
	
	/* Product */
	.category-page #home-solutions .article-slide-desc h2 { font-size: 20px; }
	.product-wrapper .article-thumb-wrapper { height: 60vw;}

	.product-crow-wrapper .article-title { margin-bottom: 0px }
	.product-crow-wrapper .article-title h3:before { width: 25px; height: 25px; }
	.product-crow-wrapper .article-title h3 { font-size: 18px; }

	/* contact */	
	.contact-people .article-thumb-wrapper,
	.contact-people .article-thumb { width: 120px; height: 120px; }
	
	/* footer */
	#site-footer .navbar-brand { height: 35px; width: 160px; background-size: 100% auto; }
	#site-footer .footer-share .fab { padding: 0 15px; font-size: 30px; }
	#footer-banners .article-thumb { height: 50px; }
	
	.product-crow-wrapper .article-slide-desc {
		max-height: none;
	}

#home-solutions .article-slide-desc {
    color: #fff;
    width: 100%;
    position: relative;
}
#home-solutions.with-image:before {
	width: 100%; height: 50%;
	background-position: 100% 0%;
	background-size:  auto 100%;
	position: relative;
}
#home-solutions.with-image.eng:before {
	width: 100%; height: 100%;
	background-position: 100% 100%;
	background-size: auto 60%;
}


	.category-page #home-solutions.with-image { height: 15vh; }
	.category-page #home-solutions .article-slide-desc .row { display: none }	
	#home-solutions.with-image:before { height: 100%; }

}

/* Small devices  */
@media screen and (max-width: 768px) {	


	.row-big-title {
		font-size: 22px!important;
	}

	.slider .article-thumb-wrapper {
    	top: 0px;
    	height: 45vh;
    	min-height: 200px;
	}
	.slider .article-slide-desc {
    	padding: 15px;
    	height: auto;
    	min-height: 50px;
    	margin-bottom: 50px;
	}
	.slider .article-slide-desc:after {
		display: none;
	}
	.slider .article-slide-desc h2 {
    	font-size: 26px!important;
	}



}

/* Extra Small devices */
@media screen and (max-width: 380px) {

		
		footer .navbar-brand::before {
			height: 100px; width: 60px;
		}
		footer .navbar-brand span {
			margin-left: 60px;
		}
		footer .navbar-brand span:first-child {
			font-size: 20px;
		}
		footer .navbar-brand  span:last-child {
			font-size: 16px;
			letter-spacing: 0em;
		}
	

	
}