/* Original site layout, navigation, header and content. Cascade order retained for visual parity. */

@font-face {
  font-family: "helveticaThinregular";
  src: url("../fonts/hlct___.eot");
  src: url("../fonts/hlct___.eot#iefix") format("embedded-opentype"),
	url("../fonts/hlct___.svg#helvetica_ce_35_thinregular") format("svg"),
	url("../fonts/hlct___.woff") format("woff"),
	url("../fonts/hlct___.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "helveticaLight";
  src: url("../fonts/lte50263.eot");
  src: url("../fonts/lte50263.eot#iefix") format("embedded-opentype"),
	url("../fonts/lte50263.svg#helvetica_lt_45_light") format("svg"),
	url("../fonts/lte50263.woff") format("woff"),
	url("../fonts/lte50263.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeueLTThin";
  src: url("../fonts/lte502570.eot");
  src: url("../fonts/lte502570.eot#iefix") format("embedded-opentype"),
	url("../fonts/lte502570.woff") format("woff"),
	url("../fonts/lte502570.ttf") format("truetype"),
	url("../fonts/lte502570.svg#lte502570") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TrebuchetMS";
  src: url("../fonts/trebuc.eot");
  src: url("../fonts/trebuc.eot#iefix") format("embedded-opentype"),
	url("../fonts/trebuc.woff") format("woff"),
	url("../fonts/trebuc.ttf") format("truetype"),
	url("../fonts/trebuc.svg#trebuc") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TrebuchetMS-Bold";
  src: url("../fonts/trebucbd.eot");
  src: url("../fonts/trebucbd.eot#iefix") format("embedded-opentype"),
	url("../fonts/trebucbd.woff") format("woff"),
	url("../fonts/trebucbd.ttf") format("truetype"),
	url("../fonts/trebucbd.svg#trebucbd") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeueLT-Light";
  src: url("../fonts/lte502630.eot");
  src: url("../fonts/lte502630.eot#iefix") format("embedded-opentype"),
	url("../fonts/lte502630.woff") format("woff"),
	url("../fonts/lte502630.ttf") format("truetype"),
	url("../fonts/lte502630.svg#lte502630") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  padding: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

#page {
  background-color: #FFF;
  margin: 0;
  min-width: 100%;
  max-width: 100%;
}

#main {
  background-color: #f0f0f0;
  padding-top: 0;
  position: relative;
  z-index: 900;
}

.container_1200 {
  width: 1220px;
  margin: 0 auto;
  position: relative;
  z-index: 120;
}

.container_1200.page-content {
  margin-top: -7px;
  z-index: 100;
}

#primary-navigation {
  background: transparent;
  font-family: "TrebuchetMS", "Trebuchet MS", Arial, Verdana, sans-serif;
  font-size: 13px;
  box-shadow: none;
  position: absolute;
  margin: 0;
  z-index: 500;
  top: -114px;
}

#primary-navigation div {
  margin: 0;
}

#primary-navigation div > ul {
  margin: 0 auto;
  display: table;
}

#primary-navigation div > ul.menu > li > a {
  color: #333;
  display: block;
  font-family: "TrebuchetMS", "Trebuchet MS", Arial, Verdana, sans-serif;
  height: 23px;
  line-height: 1.2;
  padding: 84px 0 0 0;
  text-align: center;
  width: 141px;
  background: url("../images/home_teaser.jpg") no-repeat right top transparent;
  border-right: 1px solid #CCC;
}

#primary-navigation div > ul.menu > li#nav-factory > a {
  background-image: url("../images/fabrika-strana.jpg");
}

#primary-navigation div > ul.menu > li#nav-products > a {
  background-image: url("../images/proizvodi.jpg");
}

#primary-navigation div > ul.menu > li#nav-quality > a {
  background-image: url("../images/kvalitet-strana.jpg");
}

#primary-navigation div > ul.menu > li#nav-brand > a {
  background-image: url("../images/brend-strano-trziste.jpg");
}

#primary-navigation div > ul.menu > li#nav-region > a {
  background-image: url("../images/rtanj-i-okolina.jpg");
}

#primary-navigation ul.menu li:last-child a {
  border-right: 0 none;
}

#primary-navigation div > ul.menu > li > a:hover,
#primary-navigation div > ul.menu > li.is-current > a,
#primary-navigation div > ul.menu > li.is-current-parent > a {
  background-color: #408dc5;
  color: #FFF;
  font-family: "TrebuchetMS-Bold", "Trebuchet MS", Arial, Verdana, sans-serif;
  font-weight: normal;
  background-position: left top;
}

#primary-navigation div > ul.menu > li > a:hover {
  background-color: #408dc5;
  color: #FFF;
  font-weight: normal;
  background-position: left top;
}

#primary-navigation ul ul {
  width: 141px;
  box-shadow: none;
  top: 107px;
  bottom: auto;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: rgba(64,141,197,.8);
  zoom: 1;
}

.home #primary-navigation ul ul {
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  top: auto;
  bottom: 107px;
}

#primary-navigation ul ul li a {
  padding: 0;
  width: 125px;
  background: none;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  padding: 8px;
  font-weight: bold;
  color: #FFF;
}

#primary-navigation ul ul li a:hover {
  font-weight: bold;
  color: #66666;
}

#primary-navigation ul ul li:last-child a {
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.home #primary-navigation ul ul li:last-child a {
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.home #primary-navigation ul ul li:first-child a {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#primary-navigation ul ul li:last-child a {
  border-bottom: none;
}

.single-column #page {
  max-width: 1220px;
  position: relative;
  width: 1220px;
}

.whiteNav {
  background: none no-repeat center bottom transparent;
  height: 39px;
  position: relative;
  z-index: 200;
}

.rightNav {
  background: #f9f9f9;
  background: -moz-linear-gradient(top,  #f9f9f9 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%);
  background: -o-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%);
  background: -ms-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%);
  background: linear-gradient(to bottom,  #f9f9f9 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f9f9f9", endColorstr="#ffffff",GradientType=0 );
  height: 33px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: -1px;
}

#carousel .teaser {
  position: relative;
  display: block;
  float: left;
  padding: 200px 0 0 100px;
  height: auto;
  width: 1120px;
}

#carousel p {
  color: #fff;
  font-size: 12px;
  width: 455px;
}

#carousel .teaser img {
  margin-top: -410px;
  margin-left: 550px;
}

#carousel .teaser.classic img {
  margin-top: -453px;
}

#carousel .teaser.classic p a {
  color: #fff;
  text-decoration: underline;
}

#carousel .teaser.classic a.more-link {
  text-decoration: none;
}

ul#utility-menu {
  font-family: "TrebuchetMS", "Trebuchet MS", Arial, Verdana, sans-serif;
}

ul#utility-menu li a {
  color: #333;
  font-family: "TrebuchetMS", "Trebuchet MS", Arial, Verdana, sans-serif;
  font-size: 11px;
}

ul#utility-menu li:after,
ul#footer-menu li:after {
  content: " -";
}

ul#utility-menu li:last-child:after,
ul#footer-menu li:last-child:after {
  content: "";
}

.header-waves {
  background: url("../images/header-waves.png") no-repeat left top transparent;
  height: 111px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 1220px;
  z-index: 10;
}

#header-slider {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  z-index: 100;
}

#header-viewport {
  width: 1220px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 105;
}

#header-slider #header-panels {
  width: 8540px;
  z-index: 100;
}

#header-slider .slide {
  float: left;
  width: 1220px;
  height: 790px;
  float: left;
  z-index: 100;
  position: relative;
}

#header-slider #header-home {
  background: none;
}

#header-slider #header-factory {
  background: url("../images/logo_bg.png") no-repeat left top transparent;
}

#header-slider #header-products {
  background: url("../images/proizvodi_grupno.png") no-repeat left 15px transparent;
}

#header-slider #header-quality {
  background: url("../images/kvalitet-bg.png") no-repeat right bottom transparent;
}

#header-slider #header-region {
  background: url("../images/rtanj-i-okolina-bg.png") no-repeat left top transparent;
}

.header-intro {
  position: absolute;
  top: 195px;
  z-index: 150;
  padding-left: 98px;
  text-align: left;
  left: 0;
}

.header-intro p {
  color: #FFF;
  font-size: 13px;
  line-height: 1.2;
  padding-left: 30px;
  padding-top: 23px;
  width: 480px;
}

.header-intro h2 {
  color: #FFF;
  font-family: Arial, sans-serif;
  font-size: 45px;
  line-height: 44px;
}

.more-link {
  color: #FFF;
  background-color: #418ec6;
  background-color: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxOGVjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTQ0OTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #418ec6 0%, #014494 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#418ec6), color-stop(100%,#014494));
  background: -webkit-linear-gradient(top,  #418ec6 0%,#014494 100%);
  background: -o-linear-gradient(top,  #418ec6 0%,#014494 100%);
  background: -ms-linear-gradient(top,  #418ec6 0%,#014494 100%);
  background: linear-gradient(to bottom,  #418ec6 0%,#014494 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff418ec6", endColorstr="#ff014494",GradientType=0 );
  zoom: 1;
  border: 1px solid #E4EBEF;
  padding: 3px 10px;
  -webkit-box-shadow: 0px 0px 6px 2px rgba(1, 1, 1, 0.10);
  box-shadow: 0px 0px 6px 2px rgba(1, 1, 1, 0.10);
  font-family: "TrebuchetMS", sans-serif;
  font-size: 13px;
  cursor: pointer;
}

.more-link:hover,
.more-link:focus {
  text-decoration: none;
}

.single-column #content,
#content {
  margin: 0;
}

.home #branding {
  background: url("../images/home_bg.jpg") no-repeat 0px 0px white;
  margin: 0 auto;
  overflow: hidden;
  width: 1220px;
}

#branding {
  background: url("../images/main-bg-small.jpg") no-repeat center top transparent;
  border-top: 0 none;
  height: 405px;
  text-align: center;
  padding: 0;
  z-index: 100;
}

#branding.big {
  height: 791px;
}

#branding img {
  margin: 0 auto;
  position: relative;
  top: 13px;
  width: auto;
  z-index: 120;
}

#branding img.home-bg {
  display: none;
  top: 0;
  position: absolute;
  right: 0;
  z-index: 5;
}

.home #branding img.home-bg {
  display: block;
}

.lang-switch {
  list-style-type: none;
  margin: 0;
  position: absolute;
  right: -45px;
  top: 48px;
}

.lang-switch li {
  float: left;
  padding-bottom: 14px;
  position: relative;
}

.lang-switch li:first-child {
  margin-right: 5px;
}

.lang-switch li.activated {
  background: url("../images/icons/arrow-flag.png") no-repeat center 30px transparent;
}

.lang-switch li img {
  border: 1px solid transparent;
}

.lang-switch li:hover img,
.lang-switch li.activated img {
  border: 1px solid #FFF;
}

#branding .only-search {
  position: relative;
  right: 67px;
  top: -108px;
  z-index: 120;
}

#branding .only-search input#s::-webkit-input-placeholder {
  line-height: 15px;
}

#branding .only-search input#s:-moz-placeholder {
  line-height: 15px;
}

#utility-menu {
  position: absolute;
  right: 20px;
  top: 14px;
  z-index: 120;
}

#utility-menu li {
  display: block;
  float: left;
}

.overview-head {
  position: absolute;
  top: -322px;
  left: 95px;
  z-index: 150;
}

.overview-head p {
  width: 585px;
}

.overview-head h2,
#carousel h2 {
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 45px;
  line-height: 44px;
  margin-bottom: 18px;
}

.overview-head p,
#carousel p {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding-left: 30px;
  line-height: 1.2em;
}

.segments {
  background-color: #f0f0f0;
}

.segment {
  background-color: #fff;
  border-bottom: 1px solid #d6d6d6;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  padding: 60px 90px 42px 60px;
  position: relative;
  width: 874px;
  z-index: 400;
  height: auto;
}

.segment.vari {
  height: auto;
  padding-bottom: 37px;
}

.segment h3 {
  color: #2770b2;
  font-family: Arial, sans-serif;
  font-size: 45px;
  line-height: 40px;
  padding-bottom: 25px;
}

.full-image.content-image {
  display: block;
  margin-bottom: 13px;
}

.segment .right {
  float: right;
  width: 385px;
}

.segment .left {
  float: left;
}

.segment .left {
  width: 385px;
  margin-right: 30px;
}

.segment .left2 {
  width: 459px;
  margin-right: 30px;
}

.segment .left2 {
  float: left;
}

.segment .left3 {
  width: 385px;
  margin-right: 80px;
}

.segment .left3 {
  float: left;
}

.segment p {
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom: 18px;
  padding-left: 30px;
  line-height: 17px;
}

.topLink {
  background: url("../images/toplink-icon.png") no-repeat left top transparent;
  display: block;
  height: 33px;
  position: relative;
  left: 114px;
  bottom: 18px;
  z-index: 500;
  width: 33px;
  float: left;
  margin-left: -32px;
}

.separator {
  background: white;
  height: 1px;
  padding-top: 59px;
  position: relative;
  margin: 0 auto;
  width: 1024px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

footer#colophon {
  width: 100%;
  margin: 25px 0;
}

footer#colophon .container_1200 {
  width: 1024px;
  padding: 0 90px;
}

#colophon #supplementary {
  padding: 0 0 0 0;
  border-top: 0 none;
}

ul#footer-menu {
  clear: both;
  list-style-type: none;
  margin: 0;
}

ul#footer-menu li,
#utility-menu li {
  float: left;
  margin-right: 6px;
}

ul#footer-menu li a {
  font-family: "TrebuchetMS", "Trebuchet MS", Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #666;
  font-size: 11px;
  margin-right: 2px;
}

.social {
  float: right;
  margin-top: -20px;
}

.social a:hover {
  text-decoration: none;
}

.social .text {
  font-family: "TrebuchetMS", "Trebuchet MS", Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #666;
  font-size: 11px;
  display: inline-block;
  padding-top: 2px;
  float: left;
  margin-right: 5px;
}

.social a img {
  margin-left: 5px;
}

.pagination {
  position: absolute;
  left: 99px;
  top: 165px;
  z-index: 1000;
}

.pagination a {
  background: url("../images/icons/sprite-bullets.png") no-repeat left top;
  color: transparent;
  display: block;
  float: left;
  font-size: 0px;
  text-indent: -9999em;
  margin-left: 5px;
  height: 9px;
  width: 9px;
}

.pagination a:first-child {
  margin-left: 0px;
}

.pagination a.selected {
  background-position: 0 -11px;
}