/*********************************************************
	Company: Konvexgv, http://www.konvexgv.rs
	by Halo Creative Team, http://www.haloteam.rs/
	Date (create): 01-03-2016
	Date (update): 05-03-2016
		
	******************************
	*****      Index       *****
	******************************
	CONTENT:
	1. HEADER
	2. SLIDER
	3. SEARCH
	4. CONTENT
	5. FOOTER
	6. RESPONSIVE
	
*********************************************************/

@import url(https://fonts.googleapis.com/css?family=Dosis:300,400,500,700,800&subset=latin-ext);

::selection {
  background-color: #5ec2a5;
  color: #fff ;
}
::-moz-selection {
  background-color: #5ec2a5;
  color: #fff ;
}
::-o-selection {
  background-color: #5ec2a5;
  color: #fff ;
}
::-ms-selection {
  background-color: #5ec2a5;
  color: #fff ;
}

body {
	font-family: 'Dosis', serif;
	font-weight: 500;
	background: #fff;
}

h1,h2,h3,h4,h5,h6 {
	color: #2d2c32;
	font-family: 'Dosis', serif; font-weight: 700; 
	line-height: 1.5;
}

p {
	color: #999;
}

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

.container-fluid {
	width: 100%;
	max-width: 1096px;
	padding: 0 15px;
	margin: 0 auto;
}


/****************Button****************/
.button-read-more {
	color: #5ec2a5; font-size: 18px; font-weight: 700; 
	display: table;
	padding: 10px 20px;
	margin: 15px auto 0 auto;
	border: none;
	background-color: transparent;
	border: solid 2px #5ec2a5;
	-ms-border-radius: 10px;
	-webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;
}
.button-read-more:hover {
	color: #fff;
	background-color: #5ec2a5;
}
.button-read-more.red {
	color: #d91b5c;
	border: solid 1px #d91b5c;
}
.button-read-more.red:hover {
	background-color: #fff;
}
.button-read-more.green {
	color: #fff;
	background-color: #5ec2a5;
}
.button-read-more.green:hover {
	color: #5ec2a5;
	background-color: #fff;
}
.button-read-more.black {
	color: #5ec2a5;
	background: #082d22;
	border-color: #082d22;
}
.button-read-more.black:hover {
	color: #082d22;
	background: #5ec2a5;
}

button.button-read-more {
	display: inline-block;
	margin: 0 20px 0 0;
	text-transform: uppercase;
}
.button-read-more.float {
	display: inline-block;
	margin: 0 20px 0 0;
}

.button-read-more.arrow-right {
	background-color: transparent;	
	border: none;
	color: #5ec2a5;
	margin-left: 0;
	font-size: 1.125em; 
	padding-left: 0;
	font-weight: 500;
	text-transform: uppercase;
}
.button-read-more.arrow-right::before {
	font-family: 'fontawesome';
	font-size: 1.250em;
	content: "\f105";
	padding-right: 5px;
	padding-left: 7px;
	color: #fff; margin-right: 10px;
	background-color: #5ec2a5;
}
.button-read-more.arrow-right:hover { color: #222; }

.button-read-more.arrow-right.white { color: #bbb; }
.button-read-more.arrow-right.white::before { background-color: #fff; color: #000; }
.button-read-more.arrow-right.white:hover { color: #5ec2a5; }

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

.button-read-more .fa { color: #5ec2a5; opacity: .5; padding-right: 7px; }
.button-read-more:hover .fa { color: #000; }

.green-btn {
	width: 54px; height: 65px;
	padding: 10px 5px ;
	color: #fff; font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 101;
	position: relative;
	text-align: center;
	overflow: hidden;
	background-color: #5ec2a5;
	border: solid 1px #fff;
}
.green-btn span {
    font-size: 28px; line-height: 20px;
    display: block; margin-bottom: 5px;
}
.green-btn.date {
	position: absolute;
	top: -2px; right: 10px;
}

/****************Pagination & scrollbutton****************/
/*location*/
.breadcrumb {
	padding: 15px 0; margin: 0;
	background: transparent;
	border: none;
	color: #999; font-weight: 300;
	font-size: 14px;
}
.breadcrumb > li > a { color: #767676; font-weight: 500; }
.breadcrumb > li > a:hover { color: #5ec2a5 }

.pagination > li > a,
.pagination > li > span {
	font-size: 1.125em; color: #fff;
	font-weight: 700;
	background-color: #5ec2a5;
	margin: 0 5px;
	padding: 10px 0;
	text-align: center;
	width: 45px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #5ec2a5;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #5ec2a5;
  background-color: #e3e3e3;
  border-color: #5ec2a5;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	/*border-radius: 50%;*/
}

/****************Social Share****************/
.scrollup {
  display: none;
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  background: #5ec2a5;
  border: solid 2px #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;
}
.scrollup::before {
	font-family: 'fontawesome';
	font-size: 1.750em;
	content: "\f106";
	padding: 5px 10px;
	color: #fff;
}
.scrollup: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);
}

 /****************Social Share****************/
.social-share {
	position: relative;
}

.social-share .social-wrap p {
	border: none;
	margin: 15px 0;
	padding: 0;
	color: #999;
	text-transform: uppercase;
	display: inline-block;
}

.social-share a:before {
	font-family: 'fontawesome';
	font-size: 1em;
	color: #fff;
	display: inline-block;
	background-color: #5ec2a5;
	width: 22px;
    height: 22px;
    text-align: center;
    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:before {
	background-color: #888888;
	color: #fff;
}

.social-share a.facebook:before {
	content: '\f09a';
	background: #4966a0;
}

.social-share a.twitter:before {
	content: '\f099';
	background: #28a9e0;
}
.social-share a.linkedin:before {
	content: "\f0e1";
	background: #0274b3;
}
.social-share a.email:before {
	content: '\f0e0';
}


/****************Media****************/
#page-heading {
	padding: 0; 	
	border-bottom: solid 1px #e3e3e3;
}
#article-wrapper {
	margin: 0; padding: 0;
}
.media-article-wrapper {
	display: block;
	width: 100%;
	margin: 0; padding: 0;
}
.media-split { height: 50px; width: 100%; }

.media-article {
	padding: 30px 0;
	display: block;
	overflow: hidden;
	background: #f3f3f3;
	border-bottom: solid 1px #e3e3e3;
}
.media-article:nth-child(odd) { background: #fff; }
.media-article:nth-child(even) { background: #f3f3f3; }

.media-article:first-child { background: #f3f3f3; }

.media {
	padding: 0;
}
.media-thumb-wrapper {
  padding: 0;
  position: relative;
  background: #fff;
  border: solid 1px #e3e3e3;
  overflow: hidden; 
  text-align: center;
  white-space: nowrap;  
}
.media-thumb-wrapper::before{
  content: '';
  display: inline-block;
  height: 270px;
  vertical-align: middle;
}
.media-object {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.media-object .img-responsive {
	/*max-height: 100%; width: auto; max-width: 100%;*/
}

.media-body {
  padding-left: 30px;
	font-size: 16px;
	color: #999;
	position: relative;
	height: 270px;
}
.media-body h4 { 
	font-size: 36px;
	color: #2d2c32;
	text-transform: uppercase;
}
.media-body h4 a { color: #2d2c32; }
.media-body .button-read-more.float {
	font-size: 14px; font-weight: 400;
	margin-right: 10px;
	padding: 5px 10px;
	border-width: 1px;	
}
.media-body .read-more {
	position: absolute;
	bottom: 0; 
}
.media-body .read-more .button-read-more {
	margin-bottom: 0;
	padding-bottom: 0; 
}



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

/****************Header Contact****************/
header {
	/*min-height: 160px;*/
	height: 138px;
	background-color: #fff;
}

.small-menu-toggle {
	display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: inherit;
    outline-color: transparent;
}

.header-contact {
	background-color: #5ec2a5;
	color: #fff;
	font-size: 14px;
	height: 46px;
	overflow: hidden;
}

.header-contact p {
	float: left;
   font-weight: 300;
	line-height: 46px;
	color: #aefae4; 
}
/*
.head-social .head-phone::before {
	content: '\f09a';
}*/

.header-contact .head-contacts .fa { color: #fff; padding-right: 5px; }
.header-contact .head-contacts a { color: #fff; }
.header-contact .head-contacts a:hover { color: #aefae4; }

.header-contact .head-phone {
	border-right: solid 2px #fff;
	padding-right: 20px;
	margin-right: 20px;
}
 
.header-contact .head-lang { margin-right: 20px; }
.header-contact .head-lang a { font-weight: 500; color: #aefae4; padding: 0 5px; text-transform: uppercase }
.header-contact .head-lang a:hover, .header-contact .head-lang a.active { color: #fff; }



/* serach */
.header-contact .head-search .navbar-form {
	margin: 0; padding: 0;
	position: relative;
	color: #aefae4;
}
.header-contact .head-search .navbar-form .form-group input {
	height: 46px; width: 235px;
	border: none;
	border-radius: 0;
	background: #54ae94;
	color: #fff; font-weight: 300;
	border-left: solid 2px #fff; 
	border-right: solid 2px #fff; 
}
.header-contact .form-control::-moz-placeholder {
  color: #aefae4;
  opacity: 1;
}
.header-contact .form-control:-ms-input-placeholder {
  color: #aefae4;
}
.header-contact .form-control::-webkit-input-placeholder {
  color: #aefae4;
}

.header-contact .head-search .navbar-form .btn {
	width: 46px; height: 46px;
	background: transparent;
	overflow: hidden;
	color: #fff;
	position: absolute; 
	top: 0px; right: 10px;
}
.header-contact .head-search .navbar-form .btn:focus { outline: none; }
.header-contact .head-search .navbar-form .btn::before {
	font-family: 'fontawesome'; font-size: 20px;
	content: "\f002";
	padding-right: 40px;
	line-height: 20px;
}
.header-contact .head-search .navbar-form .btn:hover {
	color: #aefae4;
}


/****************Logo****************/
.navbar-default .navbar-brand {
	display: block;
	padding: 0;
	margin: 25px 0 0!important;
	color: #000;
	height: 41px; width: 200px;
	-webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
       -o-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
          transition: all 300ms ease;
  	background-image: url('../../images/header-logo.png');
  	background-repeat: no-repeat;
  	background-position: 0 0;
  	position: relative; z-index: 20;
	/*padding-left: 90px;*/	
}

.navbar-default .navbar-brand:hover {
	color: #000;
}

.navbar-brand span {
	display: none;
	-webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
       -o-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
          transition: all 300ms ease;
}

.navbar-brand span:first-child {
	text-transform: uppercase;
  	font-size: 30px;
  	margin-bottom: 7px;
  	font-weight: 700;
}

.navbar-brand span:last-child {
  	font-size: 10px;
}

/****************Navigation****************/
.navbar {
	background: #fff;
	border: none;
	margin: 0; padding: 0;
	width: 100%;
}
.navbar .navbar-collapse {
    padding: 0;
    position: relative;
    margin: 16px 0 0!important;
}

.navbar .nav li {
	text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a {
    color: #444;  font-size: 16px; 
    margin: 5px 0 5px 10px;
    padding: 14px 10px;
    -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
       -o-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
          transition: all 300ms ease;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
    color: #5ec2a5;
    background-color: transparent;
}
/*
.navbar-default .navbar-nav > .dropdown > a:after {
	color: #444;
	font-family: 'fontawesome'; font-weight: 400; font-size: 18px;
	content: "\f107";
	padding-left: 10px;
}*/

.navbar-default .navbar-nav > li:last-child > a {
    margin-right: 0;
}
.dropdown-menu {
	border-top: none;
	border-left: none;
}
.dropdown-menu > li > a {
	font-weight: 300; font-size: 16px;
	color: #999;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #5ec2a5;
}
.dropdown-menu > li > ul > li {
	color: #5ec2a5;
	margin-bottom: 5px;
}
.dropdown-menu > li > ul > li > a {
	font-weight: 300; font-size: 14px;
	color: #999;
}
.dropdown-menu > li > ul > li > a:hover,
.dropdown-menu > li > ul > li > a:focus {
	color: #5ec2a5;
}


.navbar-fixed-top {
	-webkit-box-shadow: 0 4px 10px 0 #808080;
    box-shadow: 0 -2px 10px 0 #808080;
    background-color: rgba(255, 255, 255, 1);
    position: fixed;
}


/********************************************************
	2. SLIDER
********************************************************/
#slider {
	position: relative;
	z-index: 101;
}
#slider .container-fluid {
	position: relative;
	padding: 0;
}

#slider .slider-img {
	width: 100%;
}
#slider .slide-caption {
	width: 100%; height: 100%;
	position: absolute;
	left: 0; bottom: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
}
#slider .slide-caption .container-fluid {
	margin-top: 145px;
}
#slider .slide-caption h2 {
	width: 100%;
	text-transform: uppercase;
	font-size: 67px;
	line-height: 1.5; 
	font-weight: 800;
	color: #fff;
	text-shadow: 2px 3px 4px #000;
	margin: 0; padding: 0;
}
#slider .slide-caption p {
	clear: both;
	color: #fff; font-size: 22px;
	text-shadow: 1px 2px 3px #000;
	/*text-align: center;*/
}
#slider .slide-caption p.lead {
	background-color: rgba(0, 0, 0, 0.65);
	display: inline;
	padding: 5px 10px;
}
#slider .slide-caption a { color: #fff; }
#slider .slide-caption a:hover { color: #5ec2a5; }

#slider .button-read-more {
	margin: 0;
}
.carousel-inner .item {
	height: 450px;
	height: 30vw;
	margin: 0; padding: 0;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  position: relative;
  z-index: -1;
}

.carousel-indicators {
	position: absolute;
	bottom: 1vw;
	left: 0;
	z-index: 15;
	width: 100%;
	margin: 0 auto;
	padding: 0 10%;
	text-align: center;
	list-style: none;
}
.carousel-indicators li {
	display: inline-block;
	margin: 12px 5px;
	width: 15px; height: 15px;
	background-color: transparent;
	border: 3px solid #fff;
	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;
	
}
.carousel-indicators li: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);
}
.carousel-indicators .active {
	margin: 12px 5px;
	width: 15px; height: 15px;
	background-color: #fff;
}

.carousel-control { opacity: .5; }

.carousel-control.right,
.carousel-control.left {
	background-image: none;
}

.carousel-control span.glyphicon {
  border: none;
  display: block;
  width: 54px;
  height: 54px;
  background: url(../../../images/arrow-slider.png) 0 100% no-repeat;
  -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;
	display: none;
}

.carousel-control span.glyphicon:hover {
	-webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}

.carousel-control.left span.glyphicon {
  background: url(../../../images/arrow-slider.png) 0 0 no-repeat;
}

.carousel-control span.glyphicon::before {
  display: none;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  right: 20%;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  left: 20%;
}


/**/
.slick-slider button {
  border: none;
  padding: 14px 16px;
  display: block;
  position: absolute;
  top: 45%; 
  width: 59px;
  height: 59px;
  text-indent: -9999px;
  left: -50px;
  background: url(../../images/arrow-slider-left.png) no-repeat center;
  -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-slider button:hover {
	-webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}

.slick-slider .slick-next {
	right: -50px; left: auto;
  background: url(../../images/arrow-slider-right.png) no-repeat center;
}


/****************Banner****************/
#banner {
	position: relative;
	overflow: hidden;
}
#banner.paralax-background {
	background-size: 100% auto ;
	background-position: 0 0; 
}
#banner.paralax-background {
	background-image: url(../../images/banner-paralax-01-background.jpg);
}
#banner .row {
	height: 118px;
	height: 9vw;
	display: table-cell;
	vertical-align: middle;
}
#banner h1 {
	margin: 0; padding: 0;
	text-transform: uppercase;
	color: #fff;
	font-size: 48px; font-weight: 800;
}
#banner h2 {
	margin: 0; padding: 0;
	text-transform: uppercase;
	color: #fff;
	font-size: 38px; font-weight: 800;
}
#banner.blank {
	background: #f9f9f9;
	border-top: solid 2px #ececec;
	border-bottom: solid 1px #ececec;
}
#banner.blank .row {
	height: 118px;
	height: 7vw;
}
#banner.blank h1 {
	color: #333;
}



/********************************************************
	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: #e30117; }


.row-small-title {
	color: #2d2c32;
	text-transform: uppercase;
	font-size: 26px;
	margin: 10px 0;
	line-height: 1.1;
}

.row-big-title {
	color: #2d2c32;
	text-transform: uppercase;
	font-size: 36px;
	margin: 0 0 30px 0;
	line-height: 1;
}

.row-big-title:after {
	content: '';
	display: block;
	width: 60px;
	height: 3px;
	background: #5ec2a5;
	margin: 20px auto 0 0;
}

.home-desc {
	max-width: 925px;
    margin: 0 auto;
    line-height: 1.8;
    font-size: 16px;
    text-align: center;
}

.home-article-wrapper { padding: 0; margin: 0; }
.home-article-wrapper .article-slide-desc { padding: 0; margin: 0; }
.home-article-wrapper:first-child { padding-right: 20px; }
.home-article-wrapper .article-slide-desc h1, .home-article-wrapper .article-slide-desc h2 { margin-top: 0; }


#home-welcome {
	background-color: #f3f3f3;
	border-bottom: 3px solid transparent;
}
#home-welcome .article-thumb-wrapper {
	padding: 0 0 0 35px;	
}
#home-welcome .article-slide-desc {
	color: #999; font-size: 16px;
	font-weight: 500;
}

#home-products {
	background-color: #050505;
	background-image: url(../../images/home-paralax-background.jpg);
	background-position: 0 center;
	padding: 30px 0;
}
#home-products .row-big-title { color: #fff; }

#home-products .article-slide-desc { height: 266px; position: relative }
#home-products .article-slide-desc p { color: #fff; }

#home-products .article-slide  {
	border: solid 2px #fff;
	height: 266px;
	position: relative;
}
#home-products .article-slide .article-thumb-wrapper { height: 266px; background: #fff; }
#home-products .article-slide .desc-text { height: 266px; }
#home-products .article-slide .desc-text h3 { color: #fff; font-weight: 300; }
#home-products .article-slide .button-read-more { position: absolute; bottom: 20px; }


#home-solutions {
	background: #050505 url(../../images/home-solutions-background.jpg) 0 0 repeat;
	padding: 30px 0;
}
#home-solutions .row-big-title { color: #fff; }

#home-solutions .article-slide-desc p { color: #fff; 	}

#home-solutions .article-slide  {
	background: rgba(0,0,0,0.25);
	height: 205px;
	padding: 10px 15px;
	margin-right: 10px;
}
#home-solutions .article-slide .article-thumb-wrapper { width: 100%; height: 130px; margin-bottom: 10px; }
#home-solutions .article-slide .desc-text { width: 100%; height: 65px; text-transform: uppercase;}
#home-solutions .article-slide .desc-text p { color: #fff; }
#home-solutions .article-slide .desc-text a { color: #aefae4; }
#home-solutions .article-slide .desc-text a:hover { color: #fff; }

#home-solutions #home-laboratory {
	border: solid 2px #000;
	background: url(../../images/home-laboratory-background.png) 50% 50% repeat; 
	text-align: center;
	height: 355px;
	padding: 15px 30px;
	position: relative;
	margin-bottom: 30px;
}
#home-solutions #home-laboratory .row-big-title { color: #082d22; }
#home-solutions #home-laboratory .row-big-title:after {
	margin: 20px auto 0;
}
#home-solutions #home-laboratory .article-thumb-wrapper { width: 100%; height: 80px; margin-bottom: 40px; }
#home-solutions #home-laboratory .article-slide-desc {
	height: 215px; padding-bottom: 30px;
	position: relative;
}
#home-solutions #home-laboratory .article-slide-desc p { color: #082d22; 	}
#home-solutions #home-laboratory .article-slide-desc .button-read-more { position: absolute; bottom: -20px; left:30%; text-transform: uppercase }


#home-logos {
	background: #f3f3f3;
	padding: 30px 0;
}
#home-logos .row-big-title { color: #2d2c32; }

#home-logos .article-slide-desc p { color: #999; }

#home-logos .article-slide  {
	height: 130px; overflow: hidden;
	padding: 30px 20px;
	border: solid 1px #dedede;
	border-left: none;
	background: #fff;
}
#home-logos .article-slide:first-child  { border-left: solid 1px #dedede; }
#home-logos .article-slide .article-thumb-wrapper { height: 70px; display: table-cell; vertical-align: middle; }


#home-offer {
	margin-top: 0;	padding-top: 0;
	position: relative;
	/*top: -20px;*/
}

#home-offer.border-none {
	border-bottom: 3px solid transparent !important;
	-webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
       -o-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
          transition: all 500ms ease;
}

#home-offer .container-fluid,
#home-news .container-fluid {
	padding: 0 !important;
}

#home-offer .row,
#home-news .row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.home-news-articles .row { padding: 0; }

.home-news-articles .article-slide {
	max-width: none;
	max-height: 330px;
	overflow: hidden;
	padding-left: 40px;
}
.home-news-articles #slider-news .article-slide:first-child {
	padding-left: 0px;
}
.home-news-articles .article-thumb-wrapper {
	height: 190px; width: 100%;
}
.home-news-articles .article-slide-desc  {
	padding: 15px 0;
}
.home-news-articles .article-slide-desc h2 {
	color: #666666; text-transform: uppercase;
	line-height: 1; font-weight: 500;
	font-size: 16px;
}
.home-news-articles .article-slide-desc p {
	color: #999; line-height: 16px;
}
.home-news-articles .button-read-more {
	position: absolute;
	bottom: -15px;
}


/* article-slide */

.article-slide {
	padding: 0;
	margin-bottom: 20px;
}
.home-page .article-slide {
	margin-left: 0px;
	margin-right: 0px;
	max-width: 100%;
}

.page-content {
	padding-left: 0;
}
.article-thumb-wrapper {
	overflow: hidden;
}

.article-thumb {
	width: 100%;
	display: block;
	position: relative;
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.article-thumb img { margin: 0 auto; max-width: 100%;  }

.article-slide-desc {
	padding: 0 15px;
	min-height: 130px;
}
.article-slide-desc p {
	font-size: 16px; 
}
.article-slide-desc strong {
	color: #000;
}


.article-reference .article-thumb-wrapper {
	height: 140px;
	vertical-align: middle;
	display: table-cell;
}

.article-reference .article-slide-desc  {
    min-height: 140px;    
    border: none; 
}
.article-reference .article-slide-desc p {
    color: #7f7f7f; font-size: 16px;
}

.article-reference .button-read-more {
	margin: 0;
}


#home-call {
	background-color: #ededed;
	background-image: url(../../images/home-call-paralax.jpg);
	/*background-repeat: no-repeat;*/
	background-position: 0 bottom;
	/*background-attachment: fixed;*/
	padding: 30px 0;
}
#home-call .row-small-title {
	color: #000; 
}
#home-call .article-slide-desc p {
	color: #666;
}

.inner-page #home-call {
	background-color: #000;
	background-image: url(../../images/home-call-paralax-inner.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	background-attachment: fixed;
	background-size: 60% auto;
	padding: 0;
}
.inner-page #home-call h2 {
	color: #5ec2a5; font-size: 64px; 
}
.inner-page #home-call .article-slide-desc  {
	background-color: rgba(0, 0, 0, 0.65);
}
.inner-page #home-call .article-slide-desc p {
	color: #fff;
	font-size: 18px;
}

#ip-call {
	background: #fff;
}
#ip-call .row-big-title {
	font-size: 60px;
}
#ip-call .article-slide-desc p {
	font-size: 18px;
}


.contact-page .page-content {
	font-size: 16px;
	color: #999;
	font-weight: 400;
	margin-bottom: 30px;
}
.contact-page .page-content a { color: #5ec2a5; }
.contact-page .page-content a:hover { color: #000; }

#download-wrapper {
	background-color: #000;
	background-image: url(../../images/download-paralax-inner.jpg);
	background-repeat: no-repeat;
	background-position: 50% 80%;
	/*background-attachment: fixed;*/
	background-size: 30% auto;
	padding: 30px 0;
	font-weight: 700;
}
#download-wrapper .page-download {
	margin: 0;
}

#download-wrapper .social-share {
	margin: 0
}
#download-wrapper .social-share a::before {
	font-size: 30px;
	color: #000;
	background-color: #fff;
	width: 42px; height: 42px;
}
#download-wrapper .social-share .social-wrap p {
	font-size: 20px;
	display: block; margin-top: 0;	
}



#home-elements {
	background: url(../../images/home-elements.png) 0 0 repeat;
}
.home-page .article-slide {
	margin: 0;
}	
#home-elements .row-small-title {
	color: #fff; 
}
#home-elements .article-slide-desc {
	min-height: 10px;
}

#home-elements .article-slide-desc p {
	color: #fff;
}
#home-elements  .article-thumb-wrapper {
	width: 125px;
	height: 125px;
	padding: 4px;
	background: #fff;
	overflow: hidden;
}
#home-elements  .article-thumb { height: 100%; }
#home-elements  .article-thumb img { height: 100%; }

#home-elements .article-slide-desc {
	padding: 15px 0;
	min-height: inherit;
}

#home-counter {
	background-color: #fff;
	padding-bottom: 0;
}


#home-counter .home-count {
	text-align: center;
}

#home-counter .home-count span {
	color: #bf9441;
}

#home-counter .home-count p {
	font-size: 24px;
	text-transform: uppercase;
	color: #bbbbbb;
}

#home-reference {
	background-color: #fff;
	padding-top: 0;
}


/****************Category Page****************/
#category-call {
	background: url(../../images/category-call.png) 0 0 repeat;
	padding: 30px 0;
	margin: 0;
}
#category-call .article-slide-desc {
	text-align: left;
}
#category-call .article-slide-desc p {
	color: #666; 
	font-size: 16px;
}

#category-wrapper .row-small-title {
	color: #000;
}
#category-wrapper .desc-title {
	font-size: 30px;
	color: #888;
	line-height: 20px;
}
#category-wrapper .desc-title h2 { margin-top: 0; }
#category-wrapper .desc-title i { margin: 0 10px 0 20px; }
#category-wrapper .desc-title span { color: #bf9441 }


/****************News/Blog Page****************/
#news-wrapper {
	padding: 45px 0;
}
.news-article-wrapper { padding: 0; }

.news-article  {
	position: relative;
 	margin-bottom: 50px; 
}

.news-article .article-thumb-wrapper {
	height: 368px; width: 100%;
	margin: 0; padding: 0;
}
.news-article .article-thumb-wrapper .img-responsive { height: auto; width: 100%; }

.news-article .article-slide-desc  {
	background: #f3f3f3;
	margin: 0;
}
.news-article .article-slide-desc h2 {
	color: #666666; text-transform: uppercase;
	line-height: 1; font-weight: 500;
	font-size: 24px;
}
.news-article .article-slide-desc p {
	color: #999;
}

	

/****************Product Page****************/
#product-wrapper {
	padding: 45px 0;
}
.product-article-wrapper {
	padding: 0;
	border: solid 1px #ececec;
}

.product-article  {
	background: #f5f5f5;
	padding: 30px 15px;	
	position: relative;
}
.product-article .article-thumb-wrapper .article-thumb { border: solid 1px #ececec; }
.product-article .article-slide-desc  {color: #999; font-weight: 400; }
.product-article .article-slide-desc .button-read-more {  font-weight: 400; }

.product-tablist {
	padding: 0;
}
.product-tablist .nav-tabs {
	background: #f5f5f5;
}


/* TABS */
.nav-tabs {
  border-bottom: 1px solid #ececec;
  padding: 0 30px; 
}

.nav-tabs > li {
	padding: 0;
}
.nav-tabs > li > a {
	margin-right: 0px;
	/*border-left: 1px solid #ececec;
	border-top: 1px solid #ececec;*/
 	border-radius: 0;
	color: #999; font-size: 18px; font-weight: 400;
	text-align: center;
}
.nav-tabs > li > a:hover {
	color: #000;
	/*border-bottom-color: transparent;*/
	border-color: transparent;  
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	border-color: #ececec;
	border-radius: 0;
	background: #fff; 
	color: #000;
	border-bottom: solid 1px #fff;
}
.tab-content {
	padding: 20px 30px;
}
.tab-pane h2 {
	margin-top: 0;
}
.tab-pane p {
	font-weight: 400;
}

/****************Google Page****************/
#map-canvas {
	width: 100%; height: 225px; 
	overflow: hidden; clear: both;
}

/****************Product & Category Page****************/
.single-product {
	margin: 15px 0;
}

.single-product .article-border {
	padding: 10px;
	background: #fff;
	border: solid 1px #ddd;
	-webkit-transition: transform 300ms ease;
     -moz-transition: transform 300ms ease;
       -o-transition: transform 300ms ease;
      -ms-transition: transform 300ms ease;
          transition: transform 300ms ease;
}
.single-product .article-border:hover {
	-ms-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}

.single-product .article-thumb-wrapper {
	width: 100%; height: 200px; position: relative;
	overflow: hidden;
	/*display: table;
	text-align: center;
	overflow: hidden;*/
}
.single-product .article-thumb {
	height: 200px; width: 100%;
	display: table-cell; vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
}
.single-product .img-responsive { height: auto; width: 100%; max-width: none; }

.single-product.logo .article-thumb-wrapper { height: 80px; text-align: center }
.single-product.logo .article-thumb { height: 80px; text-align: center; display: block }
.single-product.logo .img-responsive { height: 100%; width: auto; max-width: none; margin: 0 auto; text-align: center }

.single-product .article-thumb-wrapper .zoom {
	height: 70px; width: 70px;
	overflow: hidden;
	border: solid 2px #fff;
	position: absolute; 
	top: 0; left: 0;
}
.single-product .article-thumb-wrapper .type {
	height: 40px; width: 40px;
	overflow: hidden;
	background: #fff;
	position: absolute; 
	top: 0; left: 0;
	color: #b2b2b2; font-size: 26px;
	padding-left: 4px;
}

.single-product h2 {
	font-size: 28px;
	color: #333;
}
.single-product p {
	padding: 0; margin: 0;
}





#load-more {
	cursor: pointer;
	background-image: none;
	padding: 10px 20px;
	margin-top: 35px;
}

#load-more.loading {
	background-image: url(../../images/loading_spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: transparent;
	margin-bottom: 40px;
	min-height: 40px;
}
#load-more.loading div { display: none; }
#load-more.hidden div { display: none; }

/****************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-info {
	padding-left: 5px;
    padding-right: 40px;
    padding-top: 40px;
}

.inner-page-info .article-slide {
	margin-bottom: 0;
}

.inner-page-info .article-thumb-wrapper {
    height: auto;
}

.inner-page-info .article-slide-desc {
	border: none;
}

.inner-page-info .article-slide-desc .slide-desc-location {
    margin-top: 50px;
}

.inner-page-info .article-slide-desc {
	min-height: 100%;
}

#inner-page-wrapper .container-fluid {
}

.main {
	padding: 0;
}

.inner-page-thumb-wrapper {
	overflow: hidden;
	padding: 40px 40px 0;
}

.inner-page-thumb img {
	width: 100%;
}

.page-title-wrapper h1 {
    font-size: 18px;
    margin-top: 0 !important;
}


.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6,
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 35px;
	margin-top: 35px;
}


.main h1 { color: #000; }
.main h2 { color: #54ae94; }
.main h3 { color: #000;}
.main h4 { color: #999; }

.page-header  {
	margin: 0; padding: 0;
	margin-bottom: 20px; 
	padding-bottom: 20px;
}
.page-header h1, 
.page-header h2 {
   font-size: 32px;
	margin: 0; padding: 0;
}
.main .snippet-image { margin-bottom: 20px; }
.main .snippet-image.pull-left { padding-left: 0px; }
.main .snippet-image.pull-right { padding-right: 0px; }
.main .snippet-image.center { padding: 0; }

.main .lead {
	margin-top: 0; padding-top: 0;
	padding-bottom: 20px;
	color: #4b4b4b;
	text-transform: uppercase;
	font-size: 20px;
}

.main .table > tbody > tr:nth-of-type(even) {
  background-color: #d1dadf;
}
main .table > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.main p {
	margin-bottom: 15px;
	margin-top: 15px;
	color: #999; font-size: 16px;
}

.main strong,
.sidebar strong {
	font-weight: 600;
	color: #4b4b4b;
	word-break: break-word;
}

.main ul {
	list-style: none;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 30px;
}

.main ul li  {
	margin-bottom: 25px;
	position: relative;
	padding-left: 25px;
	color: #666666;
	color: #999; font-size: 16px;
}

.main ul li::before  {
	content: '';
	display: block;
	height: 10px;
	width: 10px;
	background-color: #54ae94;
	position: absolute;
	top: 5px;
	left: 0;
  border-radius: 50%;
	
}

.main table {
	margin-bottom: 35px;
	margin-top: 35px;
	width: 100%;
}

.main table,
.main th,
.main td {
	border: 1px solid #ececec;
	border-collapse: collapse;
}

.main th,
.main td {
	border-collapse: collapse;
	text-align: center;
	padding: 10px
}

.main td {
	vertical-align: top;
}
.main td p { padding: 0; margin: 0; }
/*.main table tr th:first-child,
.main table tr td:first-child  {
	text-align: left;
}
*/
.main table th  {
	background-color: #ececec;
	color: #54ae94;
	font-weight: 600;
	font-size: 18px; text-transform: uppercase;
	height: 50px;
}

.main table tr  {
	color: #333333;
}
.main table tr:first-child {
	color: #000;
}

/*.main table tr:first-child td {
	background-color: #ececec;
}*/


/* forms */

.page-form { color: #999; }
.page-form .col-sm-1, .page-form .col-sm-2, .page-form .col-sm-3, .page-form .col-sm-4, .page-form .col-sm-5, .page-form .col-sm-6, .page-form .col-sm-7, .page-form .col-sm-8, .page-form .col-sm-9, .page-form .col-sm-10, .page-form .col-sm-11, .page-form .col-sm-12 {
	padding-left: 0;
}
.page-form .form-control {
	background-color: #fff;
	border-color: #ececec;
 	color: #999;
	font-size: 16px;
	border-radius: 0;
	padding: 5px 20px;
	height: 35px;
}
.page-form .form-control:focus {
	background: #fff;
}

.page-form .form-control::-moz-placeholder
, .page-form .form-control:-ms-input-placeholder
, .page-form .form-control::-webkit-input-placeholder {
  opacity: 0.5;
}

.form-group label { color: #999; }
.form-group p { color: #000; text-align: center; padding: 10px 0; font-size: 18px; }
.form-group a { color: #5ec2a5; text-decoration: underline; }
.form-group a:hover { text-decoration: none; }
/*
.page-form .button-read-more { min-width: 200px; }*/

/* download */ 
.page-download {
	display: block;
	/*display: table;*/
	margin: 20px 0;
	color: #999;
	font-size: 18px;
}
.page-download:hover { color: #54ae94 }
.page-download span { text-transform: uppercase;}
.page-download .fa { font-size: 50px; display: block; float: left; padding-right: 20px;  }
.page-download p { color: #54ae94; font-size: 16px; font-weight: 300;  }

.main .page-download { color: #666; }
.main .page-download:hover { color: #54ae94 }
.main .page-download p { margin: 0; }

/* popup */
.modal-dialog {
	background: url(../../images/modal-dialog-bg.png) 50% 0 no-repeat;
	padding-top: 75px;
	width: 450px;
}
.modal-content {
	background: #ececec url(../../images/modal-dialog-bg.png) 50% -75px no-repeat;
	padding-top: 50px;
	border-radius: 0;
	border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-title {
	text-align: center; color: #54ae94;
}
.modal-header {
  min-height: none;
  padding: 0;
  border: none;
}


.ekko-lightbox .modal-dialog,
.ekko-lightbox .modal-content {
	background: transparent;
	padding-top: 0;
}
.ekko-lightbox .modal-content {
	width: 80vw;
	margin: 0 auto;
}
.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 a {
	color: #5ec2a5;
}

.main a:hover {
	color: #000;
	-webkit-transition: color 300ms ease;
     -moz-transition: color 300ms ease;
       -o-transition: color 300ms ease;
      -ms-transition: color 300ms ease;
          transition: color 300ms ease;
}

.main .inner-page-footer.social-share {
   padding-top: 50px;
	margin-top: 30px;
	background: url(../../images/line-20x1-dddddd.png) 0 18px repeat-x
	, url(../../images/slick-logos-left.png) 0 0 no-repeat
 	, url(../../images/slick-logos-right.png) 100% 0 no-repeat
}

.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;
    font-weight: 700;
}

.main .media-body a {
	color: #54ae94; text-transform: uppercase;
	font-size: larger;
}

.alert-danger { font-size: 18px; text-align: center;}
.alert-danger p { color: #fff; }
.alert-danger a { color: #fff; text-transform: uppercase; font-weight: 700 }
.alert-danger a:hover { color: #d1dadf; }

.sidebar {
	padding: 0;
	padding-left: 45px;
}
.sidebar .row-small-title {
	font-size: 18px; font-weight: 500;
	margin-bottom: 20px;
}

.sidebar h1 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d1dadf;
	line-height: 1;
	margin-top: 0;
}

.sidebar .tags-wrapper {
	margin-bottom: 20px;
}

.sidebar .tags {}
.sidebar .tag {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 200;
	padding: 10px;
	border: 1px solid #5ec2a5;
	color: #5ec2a5;
	margin-bottom: 15px;
	margin-right: 15px;
	display: inline-block;
	-webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
       -o-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
          transition: all 300ms ease;
}

.sidebar .tag:hover {
	color: #fff;
	background-color: #5ec2a5;
}
.sidebar .related-news {
	position: relative;
}
.sidebar .related-news .article-slide-desc {
	background: #f3f3f3;		
}
.sidebar .related-news .article-slide-desc h2 {
	font-size: 22px; font-weight: 500;
	margin: 10px 0; padding: 0;
}


.panel {
  margin-bottom: 20px;
  border: 1px solid #dfdfdf;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel h3 {
	color: #333;
	font-size: 18px; 
	text-transform: uppercase;
	font-weight: 500;
}
.panel .panel-heading {
  background-color: #f9f9f9;
  padding: 0 20px; margin: 0;
}
.panel .panel-heading .panel-title {
	margin: 0; padding: 15px 0;
	border-bottom: 2px solid #5ec2a5;
}

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

.list-group {
	margin: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 20px;
  background-color: transparent;
  font-size: 18px; font-weight: 300;
  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: #fff;
  background-color: #5ec2a5;
  border-color: #5ec2a5;
}

.list-group a { 
	color: #999; 
	border-left: solid 2px; border-color: #fff;
}
.list-group a:hover { color: #000; background: transparent; border-color: #5ec2a5; }

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

.list-group-item.sec { font-size: 16px;  padding-left: 30px; }
.list-group-item.sec:hover { border-color: #000; }
.list-group-item.sec.active { background: #f3f3f3; border-color: #000; color: #000}

.list-group-item.rd { font-size: 14px;  padding-left: 30px;   }
.list-group-item.rd.active { background: #f3f3f3; color: #000}

/********************************************************
	5. FOOTER
********************************************************/
footer.content-wrapper {
	margin: 0; padding: 0;
}
#site-footer {
	min-height: 350px;
	background: #000 url(../../images/site-footer-background.jpg) 0 0 no-repeat;
	color: #999;
	font-size: 14px; 	font-weight: 500;
	padding: 0; padding-top: 55px;
}
#site-footer .footer-article-wrapper {
	padding-left: 0;
}
#site-footer a { color: #fff; }
#site-footer a:hover { opacity: .5; }

#site-footer h3 {
	color: #fff;
	font-size: 24px;
	font-weight: 500;
}
#site-footer .navbar-nav a {
	display: inline-table;
	padding-bottom: 7px;
}

#site-footer .navbar-brand {
	display: block;
	padding: 0;
	margin: 0; margin-bottom: 30px;
	color: #fff;
	height: auto;
	-webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
       -o-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
          transition: all 300ms ease;
  	background-image: url('../../images/header-logo.png');
  	background-repeat: no-repeat;
  	background-position: 0 0;
	padding-left: 90px;  
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

#site-footer .navbar-brand:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

#site-footer .navbar-brand span {
	display: block;
	-webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
       -o-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
          transition: all 300ms ease;
}

#site-footer .navbar-brand span:first-child {
	text-transform: uppercase;
  	font-size: 30px;
  	margin-bottom: 7px;
  	font-weight: 700;
}
#site-footer .navbar-brand span:last-child {
  	font-size: 10px;
}

#site-footer  .page-form,
#site-footer .navbar-form,
#site-footer  .form-group {
	padding: 0; margin: 0;
}
#site-footer .navbar-form .form-group input {
	height: 42px; width: 100%;
	background: transparent;
	color: #999; font-size: 14px;
	border: solid 1px #999;
	margin: 20px 0 15px 0;
}
#site-footer .navbar-form .form-group input::-webkit-input-placeholder {
	opacity: .5;
}
#site-footer .navbar-form .form-group input::-moz-placeholder { /* Firefox 18- */
   opacity: .5;
}

#site-footer .navbar-form .btn {
	background-color: transparent;	
	border: none;
	color: #fff;
	margin-left: 0;
	font-size: 1.125em; 
	padding-left: 0;
	font-weight: 500;
	text-transform: uppercase;
}
#site-footer .navbar-form .btn::before {
	font-family: 'fontawesome';
	font-size: 1.250em;
	content: "\f105";
	padding-right: 5px;
	padding-left: 7px;
	color: #000; margin-right: 10px;
	background-color: #fff;
}
#site-footer .navbar-form .btn:hover { color: #999; }

#site-copyright {
	margin: 0;
	color: #393939;
	font-size: 14px;
	padding: 20px 0;
	background: #000;
}

#site-copyright a {
	color: #fff;
}
#site-copyright a:hover {
	opacity: .8;
}
#site-copyright .developed {
	text-align: right;
}


/********************************************************
	6. RESPONSIVE
********************************************************/
@media screen and (min-width: 768px) {

	.navbar-fixed-top .navbar-brand {
		background-size: 80% auto;
	}
	.navbar-fixed-top .navbar-brand span:first-child {
	    font-size: 14px;
	    background-size: contain;
	    border: none;
	    padding: 0; margin: 0;
	    line-height: 10px;
	}
	.navbar-fixed-top .navbar-brand span:last-child {
		font-size: 10px;
	    padding: 0; margin: 0;
	}


	.navbar-fixed-top .navbar-nav > li > a {
	    font-size: 13px;
	}
	
}

@media screen and (max-width: 1500px) {
}

@media screen and (max-width: 1250px) {
    #slider .slide-caption {
	    text-align: center;
	    right: 0;
	}

	#slider .slide-caption h2,
	#slider .slide-caption p {
		width: 100%;
	}

	#slider .button-read-more {
		margin: 2vw auto 0 auto;
	}
}

@media screen and (max-width: 1199px) {
	.docs-links-wrap {
		float: none !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}

	#home-offer .container-fluid,
	#home-news .container-fluid {
		width: 700px;
	}

	.slick-list {
		left: -7px;
	}

	.slick-dots {
	  width: auto;
	}

	.article-slide-desc {
	  min-height: 290px;
	}

	#home-news .article-slide-desc > p {
		min-height: 163px;
	}

	#site-footer .row {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	#site-footer .row .footer-contact {
	   background-size: contain;
	}

	.social-share a::before {
		margin-left: 0;
	}
}

@media screen and (max-width: 1112px) {
	header {
		min-height: 174px;
	}

    nav ul.nav {
		clear: both;
		float: none !important;
  		display: table;
  		margin: 0 auto;
	}

	.navbar-header {
		float: none;
		position: relative;
	}

	.navbar-default .navbar-brand {
	    display: table;
	    padding: 10px;
	    margin: 10px auto 0!important;
	    float: none;
	}

	.navbar-default .navbar-nav > li > a {
	    padding: 10px 12px;
	}

	.navbar-default .navbar-nav > li:last-child > a {
	    padding-right: 12px;
	}

	#slider .slide-caption h2 {
		font-size: 40px;
	}


	.site-search p {
	    display: block;
	    text-align: center;
	}

	.s-tabs {
		margin-top: 25px;
	}

	.first-search-row .select-wrap:after {
		top: 25px;
	}

	.header-contact .row {
		margin-left: 0;
		margin-right: 0;
	}

	.single-product-wrapper {
		width: 940px;
		margin: 0 auto;
	}

	.single-product {
		width: 300px;
		margin-left: 20px;
	} 

	.single-product:hover {
		-ms-transform: initial;
		-moz-transform: initial;
		-webkit-transform: initial;
		-o-transform: initial;
		transform: initial;
	}

	.single-product:nth-of-type(3n+1) {
		margin-left: 0;
	}

	.single-product-desc {
		width: auto;
		float: none;
		padding: 25px;
	}

	.single-product-text > div,
	.single-product-text > div p,
	.single-product-text > div span,
	.single-product-footer div {
	    float: none;
	    margin: 0;
	    padding: 0;
	    border: none;
	}

	.single-product-footer div {
		position: absolute;
  		bottom: 0;
	}

	.single-product-text > div:nth-of-type(2) span,
	.single-product-text > div:nth-of-type(3) span {
		max-width: 100%;
	}

	.single-product-footer a.single-product-links {
		float: none;
		margin: 0;
		border: none;
	}


	.single-product-text {
		padding-bottom: 0;
		margin-bottom: 10px;
		min-height: 238px;
	}

	.single-product-text h2 {
		margin-top: 0;
	}

	.single-product-text > div {
		margin-bottom: 10px;
	}

	.single-product-footer {
		min-height: 210px;
		position: relative;
	}


	.second-search-row .s-tabs {
		margin-top: 0 !important;
		margin-bottom: 15px !important;
	}

	.breadcrumbs {
	    padding: 10px 0 10px 40px;
	}

	.breadcrumbs a,
	.breadcrumbs p {
	    font-size: 12px;
	}

	.breadcrumbs a {
		top: -2;
	}

	.single-product-footer div > a:after {
	    top: 6px;
	}
}

@media screen and (max-width: 991px) {
	.sidebar,
	.inner-page-info {
		padding-left: 40px;
	}

	.inner-page-info .article-slide {
		margin: 0 auto;
	}

	.sidebar .article-slide {
		max-width: 320px;
	}

	.main .inner-page-footer.social-share {
	    border-bottom: 1px solid #d1dadf;
	    margin-top: 50px;
	    margin-bottom: 50px;
	}

}

@media screen and (max-width: 960px) {
	.single-product-wrapper {
		width: 620px;
	}

	.single-product:nth-of-type(3n+1) {
		margin-left: 20px;
	}

	.single-product:nth-of-type(2n+1) {
		margin-left: 0;
	}
	
	
	#home-products .article-slide-desc { height: auto; }
	#home-products .article-slide  { height: 250px;  }
	#home-products .article-slide .article-thumb-wrapper { height: 150px; }
	#home-products .article-slide .button-read-more { position: relative; }
	#home-products .article-slide .desc-text { height: auto; }


	
	#home-solutions .article-slide-desc { min-height: inherit; height: auto; }
	#home-solutions .article-slide  { height: 250px; }
	#home-solutions .article-slide .article-thumb-wrapper { height: 150px;  }
	#home-solutions .article-slide .desc-text { height: auto;}
	#home-solutions #home-laboratory {	height: auto; }	
	
#home-logos .article-slide-desc { min-height: inherit; height: auto; }
	
}

@media screen and (max-width: 820px) {

	.small-menu-toggle {
		display: block;
		float: left;
		position: relative;
		height: 50px;
		width: 50px;
		margin-left: -15px;
  		margin-right: 5px;
  		-webkit-transition: all 300ms ease;
     	-moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
     	-ms-transition: all 300ms ease;
        transition: all 300ms ease;
        
        display: none;
	}

	.small-menu-toggle.sub-extended {
		background-color: #414e5c;
	}

	.small-menu-toggle:after {
		font-family: 'fontawesome';
	    content: '\f00b';
	    font-weight: 400;
	    font-size: 25px;
	    position: absolute;
	    left: 12px;
	    top: 9px;
	    color: #fff;
	}

	.small-menu-toggle:hover {
		cursor: pointer;
	}

	.header-contact .nav {
	    padding: 0 20px;
	    list-style: none;
	    top: 50px;
	    left: 0;
	    z-index: 10000;
	    width: 260px;
	    background-color: #414e5c;
	    position: absolute;
	    display: none;
	}

	.header-contact .nav li {
	    float: none;
	    line-height: 1;
	    padding: 0 0 10px 10px;
	    margin-bottom: 10px;
	    border-bottom: 1px solid #21262b;
	}
	.header-contact .nav li:first-child {
	    margin-top: 10px;
	}

	.header-contact .nav li:last-child {
	    border-bottom: none;
	    margin-bottom: 0;
	}
	    

	.header-contact .nav a {
	    padding: 0px;
	    margin: 0px;
	}

	.header-contact .nav:after {
	    clear: both;
	    background-color: transparent;
	}

	#slider .slide-caption h2 {
		font-size: 20px;
		font-weight: 600;
	}

	#slider .slide-caption p {
		font-size: 12px;
	}

	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right {
		top: auto;
		bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	header {
		min-height: 80px;
	}

	.navbar-nav {
	    margin: 0;
	}


	.navbar-default .navbar-brand {
		/*margin-top: 0 !important;*/
	}

	.navbar-brand span:first-child {
	    padding-left: 41px;
	    padding-bottom: 5px;
	    font-size: 14px;
	    background-size: 14%;
	    margin-bottom: 0px;
	}

	.navbar-brand span:last-child {
	    font-size: 15px;
	}

	.navbar-default .navbar-brand {
  		display: inline-block;
  	}

  	.navbar-header {
  		display: table;
  		margin: 0 auto !important;
  	}

	

	.navbar-default .navbar-brand {
  		display: inline-block;
		margin-top: 0 !important;
	}

  	.navbar-header {
  		display: table;
  		margin: 0 auto !important;
  	}

	.navbar-default .navbar-brand {
  		display: inline-block;
		margin-top: 0 !important;
	}

  	.navbar-header {
  		display: table;
  		margin: 0 auto !important;
  	}

	.navbar-toggle {
	   margin: 27px 20px 20px 20px;
		float: none;
		display: inline-block;
		top: -14px;
		background: #fff;
	}
	
	.navbar-default .navbar-nav.menuI {
			display: inherit;
	}
	
	.navbar {
    	background-color: rgba(255, 255, 255, 0.9);
    	z-index: 11111;
	}	
	.navbar-default .navbar-nav {
	    margin: 0 auto;
	}

	.navbar-default .navbar-nav > li {
		width: 100%;
	}
		
	.navbar-default .navbar-nav > li > a {
	   text-align: center;
	    display: block; 
	    text-shadow: none;
	    color: black;
	    font-size: 1.250em;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover {
		color: #5ec2a5;
		background: transparent;
	}

	.navbar-fixed-top  { display: none; }

	#slider .slide-caption .container-fluid {
		margin-top: 45px;
	}
	.carousel-inner .item {
		height: 40vw;
	}	
	
	
	#site-footer {
	    padding-top: 40px;
	}

	#site-footer .row .footer-contact {
	   background-size: initial;
	   margin-bottom: 50px;
	}

	#site-footer .row > div {
	   display: table;
	   margin: 0 auto;
	   text-align: center;
	}

	#site-footer .row > div:first-child {
	   text-align: left;
	}

	#site-footer .row ul {
	   margin-bottom: 25px !important;
	   min-height: 100%;
	}

	#site-footer .row div h3 {
	   margin-bottom: 10px;
	}

	#site-footer ul li {
	   margin: 0 0 5px;
	}

	.single-product-wrapper {
		width: 300px;
	}

	.single-product {
		height: 177px;
		overflow: hidden;
	}

	.single-product,
	.single-product:nth-of-type(3n+1),
	.single-product:nth-of-type(2n+1) {
		margin-left: 0;
	}


	.single-product-text h2 {
		position: relative;
	}

	.single-product-text h2:hover {
		cursor: pointer;
	}

	.single-product-text h2:after {
		font-family: 'fontawesome';
		content: '\f00b';
		font-weight: 400;
		font-size: 25px;
		position: absolute;
		right: 0;
		top: -3px;
	}



	.inner-page-thumb-wrapper {
		display: none;
	}

	.main th,
	.main td {
	    padding: 10px;
	    font-size: 12px;
	}

	.article-slide-desc > .row,
	.article-slide-desc > .row > div,
	.article-slide-desc > .row > div p {
		padding-left: 0 !important;
		margin-left: 0 !important;
	}

	#home-news .button-read-more {
		margin: 0 auto;
	}

	.social-wrap {
		display: table;
  		float: none;
  		margin: 0 auto;
	}

	.social-share a::before {
	  margin-left: 10px;
	}

	.article-slide-desc .social-share::before {
		display: none;
	}

	.social-share p {
     	margin: 10px 0 !important;
	}
	
	.news-article-wrapper { 
		padding: 10px!important;
	}

	.news-article  {
		margin-bottom: 20px; 
	}

	.news-article .article-thumb-wrapper {
		height: auto; height: 30vh;
	}
	.news-article .article-slide-desc  {
		height: auto;
	}

	
	
	.media-article-wrapper {
		padding: 10px!important;
		margin: 10px 0;
	}
	.media-object {
 		padding: 0;
	}	
	.media-left,
	.media-right,
	.media-body {
  		display: block;
  		margin: 0; padding: 0;
	}

	.media-article {
		height: auto;
		height: 80vh;
	}
	.media-left {
		height: 200px; height: 30vh;
		margin: 20px 0;
	}
	.media-body {
		height: auto;
		padding-bottom: 50px;
		margin-bottom: 20px;
	}	
	
}

@media screen and (max-width: 719px) {
	#home-offer .container-fluid,
	#home-news .container-fluid {
		width: 350px;
	}

	.slide-desc-location,
	.slide-desc-activity {
		padding: 0 !important;
	}

	.slick-prev,
	.slick-next {
		display: inline-block !important;
		text-indent: -1000em;
		border: none;
		width: 30px;
		height: 30px;
		margin: 15px;
		background: #5ec2a5 url(../../images/arrow-right.png) no-repeat center;
	}

	.slick-prev {
		background: #5ec2a5 url(../../images/arrow-left.png) no-repeat center;
	}

	.slick-list {
	    width: 100%;
	     left: 0px; 
	}


	.slide-desc-activity {
		min-height: 80px;
	}


	#home-docs-links .home-docs,
	#home-docs-links .home-links {
	    padding: 50px 30px;
	}

	#home-docs-links span {
	    font-size: 13px;
	    height: 70px;
	}

	#home-docs-links h1 {
	    font-size: 23px;
	    margin-top: -15px;
	    line-height: 1;
	}

	.slick-dots {
		display: none !important;
	}

	.sidebar .tag {
	    font-size: 10px;
	    padding: 5px;
	}
}

@media screen and (max-width: 550px) {
	/*#slider,
	#banner {
		display: none;
	}*/

	.s-tabs {
	    display: table;
	    margin: 25px auto 0 !important;
	}

	.select-wrap {
		display: table;
		margin: 0 auto;
	}

	.select-wrap:after {
		right: 0px;
	}



	.first-search-row > p {
		position: relative;
	}

	.first-search-row > p:after {
		font-family: 'fontawesome';
		content: '\f00b';
		font-weight: 400;
		font-size: 25px;
		position: absolute;
		right: 0;
		top: -5px;
		color: #fff;
	}

	.main table tr:first-child {
		display: none;
	}

	.main table td {
		display: block;
		width: 100% !important;
		float: none;
		clear: both;
		text-align: left;
		position: relative;
		padding-top: 38px;
	}

	.main td::before {
		display: block;
		position: absolute;
		background-color: #343b43;
		color: #fff;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 5px 10px;
	}

	.main td:first-child::before {
		content: 'Предмет продаје';
	}

	.main td:nth-child(2)::before {
		content: 'Процењена вредност (дин.)';
	}

	.main td:last-child::before {
		content: 'Депозит (дин.)';
	}

	.breadcrumbs p {
	    width: 100px;
	}

	.head-contact-lang p.head-email::before {
		display: none;
	}

	.head-contact-lang p.head-email {
	    margin-left: 10px;
	}

	.head-social a {
	   margin-left: 10px;
	}

	.head-social a.head-facebook {
	   margin-left: 0px;
	}
}

@media screen and (max-width: 364px) {

	#home-offer .container-fluid,
	#home-news .container-fluid {
		width: 280px;
	}

	.article-thumb-wrapper {
	    height: 194px;
	}

	.article-slide-desc h2 {
	    margin: 15px auto !important;
	    font-size: 15px;
	}

	#home-news .article-slide-desc > p {
		padding-bottom: 10px;
		font-size: 12px;
		min-height: 125px;
	}

	.home-big-title {
	    font-size: 31px;
	}
}