* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,
html {
  width: 100%;
  position: relative;
}

.logoImage {
	max-width: 200px;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body:after{
 display:none;
 content: url("../img/bg_anim.jpg") url("../img/rs_bg.jpg") url("../img/mn_bg.jpg") url("../img/mk_bg.jpg") url("../img/alb_bg.jpg") url("../img/bih_bg.jpg") url("../img/cr_bg.jpg");
}
input.email:focus{
  outline: none;
}
.heroSection .uk-active .uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-background.uk-overlay-fade div{
  position: relative;
  width: 100%;
  height: 100%;
}
.heroSection .uk-active .uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-background.uk-overlay-fade div p{
  display: inline-block;
  width: 100%;
  height: 100%;
}
.heroSection .uk-active .uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-background.uk-overlay-fade div p a{
  font-size: 0px;
  width: 100%;
  height: 100%;
  display: block;
}
/* ............................................FONT STYLE, COLORS, FONT-SIZE......................................................*/

@font-face {
  font-family: Lato Black;
  src: url("../fonts/Lato-Black.ttf");
}
@font-face {
  font-family: Lato Regular;
  src: url("../fonts/Lato-Regular.ttf");
}
@font-face {
  font-family: Lato Italic;
  src: url("../fonts/Lato-Italic.ttf");
}
@font-face {
  font-family: Lato Bold;
  src: url("../fonts/Lato-Bold.ttf");
}
@font-face {
  font-family: MyriadPro;
  src: url("../fonts/MyriadPro-Regular.ttf");
}
.bodyWrapper {
  width: 100%;
  background-color: #ffffff;
  position: relative;
}
.yellow {
  color: #fdce15;
}
.white {
  color: #ffffff;
}
.darkGrey {
  color: #4c4c4c;
}
.lightGrey {
  color: #757575;
}
.black {
  color: #2c2c2c;
}
.footerText {
  color: #adadad;
}
.footerLight {
  color: #dddddd;
}
.afterTitle {
  font-family: Lato Italic;
  font-size: 22px;
}
.italicSmallText {
  font-family: Lato Italic;
  font-size: 16px;
}
.italicNormalText {
  font-family: Lato Italic;
  font-size: 20px;
  line-height: 25px;
}
.smallText {
  font-family: Lato Regular;
  font-size: 16px;
}
.mediumText {
  font-family: Lato Regular;
  font-size: 20px;
}
.normalText {
  font-family: Lato Regular;
  font-size: 22px;
}
h1,
.object_title {
  font-family: Lato Black;
  font-size: 45px;
  margin-bottom: 10px;
  margin-top: 0px;
}
.numberFont {
  font-family: Lato Black;
  font-size: 25px;
}
.boldTextSmall {
  font-family: Lato Bold;
  font-size: 18px;
}
.boldTextNormal {
  font-family: Lato Bold;
  font-size: 20px;
}
/* .......................................END OF FONT STYLE, COLORS, FONT-SIZE......................................................*/
/* .......................................BOOTSTRAP OVERWRITE........................................................................*/

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.container {
  padding-right: 0;
  padding-left: 0;
}
.nav>li>a:focus,
.nav>li>a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #fdce15;
}
.navbar-toggle .icon-bar {
  background: #000;
}
/* .......................................END OF BOOTSTRAP OVERWRITE.....................................................................*/
/* .......................................HERO PAGE STYLE............................................................................*/
.hamburger_search{
	display: none;
}
.heroSection {
  width: 100%;
  height: 100%;
  position: relative;
  background-image: url("../img/hero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.heroSectionWrapper {
  max-width: 1170px;
  padding-bottom: 830px;
  margin: 0 auto;
  position: relative;
}
.headerWrapper {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.customerSection {
  width: 100%;
  position: relative;
  padding: 20px 0px;
}
.logoWrapper {
  float: left;
}
.signInSection {
  display: none; /*skloniti za sad */
  float: right;
  text-align: right;
  padding-top: 15px;
}
.signInNavigation {
  margin-bottom: 0;
}
.signInItems {
  margin-right: 30px;
  list-style: none;
  display: inline-block;
  vertical-align: middle;
}
.signInItems:last-child {
  margin-right: 0px;
}
.signInSection ul li:nth-child(4) {
  margin-right: 10px;
}
.signInItems a {
  display: block;
  text-decoration: none;
  font-family: Lato Regular;
  font-size: 12px;
  color: #787878;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.signInSection ul li a:hover {
  color: #fdce15;
}
.hiddenIcons{
	display: none;
}
.avatar img{
	opacity: 1.0;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.avatar:hover img{
	opacity: 0.6;
}
.navigationSection {
  width: 100%;
  padding-top: 35px;
}
.logo_home{
  float: left;
}
.logo_home img{
  vertical-align: bottom;
}
.navigationWrapper {
  border: 1px solid #4B4B4B;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: rgba(74, 74, 74, 0.6);
  padding-left: 5px;
}
.mainMenu {
  float: left;
}
.menu-item {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
}
.menu-item:last-child {
  margin-right: 0px;
}
.menu-item a {
  display: block;
  text-decoration: none;
  font-family: Lato Regular;
  font-size: 16px;
  color: #ffffff;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.menu-item ul li a:hover{
	color: #fdce15;
}
.current-menu-item a{
 color: #fdce15;
}
/*-------------------------------SEARCH---------------------*/
.searchBar{
  position: relative;
  width: 200px;
  float: right;
  margin-top: 25px;
}
#content {
  position: absolute;
  height: 25px;
  top: 50%;
  right: 0;
  margin-right: -170px;
  width: 200px;
}

#content.on {
  -webkit-animation-name: in-out;
  animation-name: in-out;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.input {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  background: none;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  font-family: Roboto;
  outline: 0;
  -webkit-transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
  transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

.search {
  background: none;
  position: absolute;
  top: 0px;
  left: 0;
  height: 50px;
  width: 50px;
  padding: 0;
  border-radius: 100%;
  outline: 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

.search:before {
  content: "";
  position: absolute;
  width: 13px;
  height: 3px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 15px;
  margin-left: 17px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.close {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.close:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 3px;
  margin-top: -1px;
  margin-left: -3px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.close:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 3px;
  background-color: #fff;
  margin-top: -1px;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.square {
  box-sizing: border-box;
  padding: 0 40px 0 10px;
  width: 200px;
  height: 35px;
  border: 3px solid #FFFFFF;
  border-radius: 25px;
  background: none;
  color: #fff;
  font-family: Lato Italic;
  font-size: 16px;
  font-weight: 400;
  outline: 0;
  -webkit-transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
  transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
  -webkit-transition-delay: 0.4s, 0s, 0.4s;
  transition-delay: 0.4s, 0s, 0.4s;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

/* .......................................END OF HERO PAGE STYLE................................................................*/
/* .................................SERVICE & SUPPORT PAGE STYLE................................................................*/

.yellowLine {
  width: 100px;
  border: none;
  border-bottom: 2px solid #fdce15;
  margin: 15px auto;
  background: #fdce15;
}
.serviceSection {
  width: 100%;
  position: relative;
  background-color: #fdce15;
}
.serviceSectionWrapper {
  max-width: 900px;
  padding: 0px 10px;
  position: relative;
  margin: 0 auto;
}
.homepageItems {
  width: 100%;
  position: relative;
  top: -60px;
  padding-bottom: 50px;
}
.homepageItems .slideshow {
  text-align: center;
  margin: 0 auto;
  left: 15px;
}
.arrows {
  position: absolute;
  width: 100%;
  top: 40%;
}
#prev,
#prev_2 {
  float: left;
  opacity: 0.3;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#next,
#next_2 {
  float: right;
  opacity: 0.3;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#prev:hover,
#prev_2:hover,
#next:hover,
#next_2:hover {
  opacity: 1;
}
.slideItem {
  width: 300px;
  min-height: 300px;
  white-space: normal;
  margin-right: 35px;
  display: inline-block;
  text-align: center;
  background-color: #ffffff;
  border: none;
  border-radius: 30px;
  padding: 20px 20px 25px;
}
.slideItem p {
  max-width: 100%;
}
.slideItem:last-child {
  margin-right: 0px;
}
.slideshow img {
  margin-bottom: 10px;
  opacity: 0.3;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.slideItem.cycle-slide.cycle-slide-active img {
  opacity: 1;
}
hr {
  margin-top: 15px;
  margin-bottom: 15px;
}
.sectionTitle {
  text-align: center;
  padding-bottom: 30px;
}
a.pdf_down {
  color: #4c4c4c!important;
  font-family: Lato Italic;
  font-size: 18px;
  text-decoration: none;
  padding: 5px 15px;
  margin-top: 25px;
  display: inline-block;
  border: 1px solid #4c4c4c;
  border-radius: 20px;
  background-color: transparent;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
a.pdf_down:hover, a.pdf_down:focus {
  background-color: #4c4c4c;
  color: #fff!important;
}
.backroundImageSection {
  width: 100%;
  height: 270px; /*bilo je 520px */
  position: relative;
  background-image: url("../img/bg-ref.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding-top: 90px;
}
.carousel-inner{
  width: 1140px;
  margin: 0 auto;
}
.carousel-control.left, .carousel-control.right{
  background-image: none;
  top: 25%;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
  margin: 0 auto;
}
/* .................................END OF SERVICE & SUPPORT PAGE STYLE..........................................................*/
/* ...................................................GOALS PAGE STYLE..........................................................*/

.bigNumberFont {
  font-family: Lato Black;
  font-size: 105px;
  color: #2c2c2c;
}
.goalsSection {
  width: 100%;
  position: relative;
}
.goalsSectionWrapper {
  margin: 0 auto;
  position: relative;
  padding-top: 75px;
  margin-bottom: 60px;
  max-width: 970px;
}
.thick {
  border-bottom: 3px solid #fdce15;
  margin: 10px auto 0px;
}
.goalItemBox {
  text-align: center;
}
.horizontalLine {
  position: absolute;
  width: 100%;
  top: 191px;
}
.midLine {
  border-top: 1px solid #D6D6D6;
}
/* ..............................................END OF GOALS PAGE STYLE..........................................................*/
/* ..............................................BRANDS PAGE STYLE...............................................................*/

.brandsSection {
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
.brandsSectionWrapper {
  max-width: 1360px;
  margin: 0 auto;
  position: relative;
}
.decoraterGrey {
  width: 970px;
  height: 410px;
  background-color: #F5F5F5;
  border: none;
  border-radius: 30px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.slideshow_logo {
  max-width: 1170px;
  margin: 0 auto;
  left: 10px;
}
.slideItem_brand {
  width: 210px;
  padding: 20px 0px;
  margin-right: 25px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #D6D6D6;
  border-radius: 10px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */

  filter: grayscale(100%);
}
.slideItem_brand img {
  opacity: 0.2;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.slideItem_brand.cycle-slide-active + .slideItem_brand + .slideItem_brand {
  background-color: transparent;
  -webkit-filter: grayscale(0%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}
.slideItem_brand.cycle-slide-active + .slideItem_brand + .slideItem_brand img {
  opacity: 1;
}
.slideItem_brand:last-child {
  margin-right: 0px;
}
.brandsItemsWrapper {
  position: relative;
  padding-top: 80px;
  text-align: center;
}
.arrows_2 {
  position: absolute;
  width: 100%;
  top: 62%;
}
.arrows_2 #prev {
  float: left;
}
.arrows_2 #next {
  float: right;
}
.cycle-pager {
  padding-top: 30px;
}
#pager_2 span {
  height: 12px;
  border: none;
  width: 12px;
  display: inline-block;
  border-radius: 50%;
  color: transparent;
  background-color: #C8C8C8;
  margin-right: 15px;
}
#pager_2 span.cycle-pager-active {
  background-color: #fdce15;
}
/* ..............................................END OF BRANDS PAGE STYLE.........................................................*/
/* ..............................................NEWSLETTER PAGE STYLE............................................................*/

.newsletterSection {
  width: 100%;
  position: relative;
}
.newsletterSectionWrapper {
  max-width: 970px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 150px;
  margin-top: 0px;
}
.email {
  width: 100%;
  font-family: Lato Regular;
  font-size: 22px;
  color: #757575;
  border: none;
  display: block;
}
.email::-webkit-input-placeholder {
  font-family: Lato Regular;
  font-size: 22px;
  color: #757575;
}
.email:focus::-webkit-input-placeholder {
  color: transparent;
}
.email:-moz-placeholder {
  /* FF 4-18 */
  font-family: Lato Regular;
  font-size: 22px;
  color: #757575;
}
.email:focus:-moz-placeholder {
  color: transparent;
}
.email::-moz-placeholder {
  /* FF 19+ */
  font-family: Lato Regular;
  font-size: 22px;
  color: #757575;
}
.email:focus::-moz-placeholder {
  color: transparent;
}
.email:-ms-input-placeholder {
  /* IE 10+ */
  font-family: Lato Regular;
  font-size: 22px;
  color: #757575;
}
.email:focus:-ms-input-placeholder {
  color: transparent;
}
.btnInput {
  width: 270px;
  margin-right: 0px;
  background-color: transparent;
  font-family: Lato Regular;
  font-size: 16px;
  padding: 8px 0px;
  color: #757575;
  text-align: center;
  border: 1px solid #EDEDED;
  border-radius: 20px;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  margin: 0 auto;
  display: block;
}
.btnInput:hover {
  background-color: #F5F5F5;
  color: #2c2c2c;
  -webkit-box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.25);
}
button:focus {
  outline: none;
}
.leftLine {
  margin: 5px 0px 40px;
}
.horizontalLine_newsletter {
  position: absolute;
  width: 100%;
  top: 136px;
}
.newsletterSection form {
  position: relative;
  z-index: 9;
}
/*-------------------------SLIDERSET STYLE--------------------*/
.uk-overlay-active :not(.uk-active)>.uk-overlay-panel:not(.uk-ignore), .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore), .uk-panel.uk-overlay.uk-overlay-hover.uk-cover-background {
  opacity: 1!important;
  background-color: #fff;
  min-height: 300px;
  white-space: normal;
  display: inline-block;
  text-align: center;
  border: none;
  border-radius: 30px;
  padding: 20px 20px 25px;
  color: #000;
  opacity: 0.8;
}
.slideshow_support p{
  color: #757575;
  font-family: Lato Italic;
  font-size: 18px;
  line-height: 25px;
}
.slideshow_support .uk-overlay-panel h3{
  color: #4c4c4c!important;
  font-family: Lato Italic;
  font-family: Lato Bold;
  font-size: 20px;
}
.uk-slidenav-next:before{
  content: none!important;
}
.uk-slidenav-next{
  background-image: url("../img/rightArrow.png")!important;
  background-repeat: no-repeat;
  background-size: cover;
}
.uk-slidenav-previous:before {
  content: none!important;
}
.uk-slidenav-previous{
  background-image: url("../img/leftArrow.png")!important;
  background-repeat: no-repeat;
  background-size: cover;
}
.uk-slider-container ul li{
  width: 300px;
}
.slideshow_support{
  width: 100%;
  position: relative;
}
.uk-slidenav-position .uk-slidenav {
  display: block!important;
}
.uk-slidenav:hover {
  opacity: 1;
}
.slideshow_support .uk-slidenav-position .uk-slidenav-previous {
  left: -85px!important;
}
.slideshow_support .uk-slidenav-position .uk-slidenav-next {
  right: -85px!important;
}
.uk-slidenav {
  width: 70px!important;
  height: 60px!important;
  opacity: 0.3;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}
.uk-margin img{
  opacity: 0.5;
}
.uk-margin:hover img{
  opacity: 1;
}
/*------------------image slider style------------------*/
.home_img_slider {
  width: 1140px;
  margin: 0 auto;
}
.home_img_slider .uk-position-cover{
  width: 70%;
  margin: 0 auto;
  background-size: contain;
}
.home_img_slider .uk-slidenav-position .uk-slidenav {
  top: 35%;
}
.home_img_slider .uk-slidenav-position .uk-slidenav-previous {
  left: 30px!important;
}
.home_img_slider .uk-slidenav-position .uk-slidenav-next {
  right: 30px!important;
}
/*------------------LOGO SLIDER STYLE-----------------------*/
.slideshow_logo > div.cycle-carousel-wrap{
  width: 100%;
  left: 0!important;
}
.slideshow_logo > div.cycle-carousel-wrap > div:nth-child(1){
  width: 100%;
}
.slick-initialized {
  top: 0px;
}
.wpls-logo-showcase button.slick-arrow {
  width: 80px!important;
  height: 70px!important;
}
.wpls-fix-box{
  width: 210px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #D6D6D6;
  border-radius: 10px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.wpls-fix-box img{
  opacity: 0.2;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.wpls-logo-cnt.slick-slide.slick-current.slick-active.slick-center .wpls-fix-box{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  background-color: transparent;
}
.wpls-logo-cnt.slick-slide.slick-active img{
  opacity: 1;
}
.wpls-logo-showcase .wpls-logo-cnt.slick-slide img{
  padding: 0px;
}
.slideshow_2 .cycle-carousel-wrap{
  padding-top: 50px!important;
}
.slick-track:before, .slick-track:after {
  margin-bottom: 20px;
}
/* ..............................................END OF NEWSLETTER PAGE STYLE.....................................................*/
/* ..............................................FOOTER PAGE STYLE................................................................*/
.footerMenu a.boldTextSmall:hover{
  color: #fff;
  text-decoration: none;
}
.footerSection {
  width: 100%;
  position: relative;
}
.footerWrapper {
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
}
.metaHeader {
  width: 100%;
  background-color: #fdce15;
  padding: 5px 0px;
}
.logoFooter {
  float: left;
}
.findMore {
  float: right;
  margin-right: 125px;
}
.findMore span {
  vertical-align: middle;
  display: inline-block;
  margin-right: 20px;
}
.footerContentWrapper {
  width: 100%;
  background-color: #2c2c2c;
}
.footerContent_1 {
  width: 100%;
  position: relative;
  padding-top: 80px;
  border-bottom: 1px solid #404040;
}
.leftSideInfo {
  float: left;
  width: 370px;
  margin-right: 30px;
  position: relative;
}
.leftSideInfo img {
  padding: 5px 0px;
}
.footerMenu {
  float: right;
  width: 770px;
  position: relative;
}
.footerMenuBox {
  float: left;
  width: 270px;
}
.footerMenuBox:nth-child(2) {
  width: 230px;
}
.footerMenuBox:hover .lineGrey {
  border: 2px solid #fdce15;
  background: #fdce15;
}
.footerContent_2 {
  width: 100%;
  position: relative;
  padding: 25px 0px 50px;
}
.metaFooter {
  width: 100%;
  background-color: #000000;
  padding: 20px 0px;
  text-align: center;
}
.copyrightSpan {
  font-family: Lato Regular;
  font-size: 12px;
  color: #a4a4a4;
}
.rightBorder {
  border-right: 2px solid #636363;
  display: inline-block;
  padding-right: 15px;
  margin-right: 15px;
}
.footerMenuItems {
  display: block;
  list-style: none;
  line-height: 35px;
}
.footerMenuItems a {
  text-decoration: none;
  font-family: Lato Italic;
  font-size: 16px;
  color: #adadad;
}
.footerMenuItems a:hover {
  color: #fdce15;
}
.lineGrey {
  border: 2px solid #adadad;
  background-color: #adadad;
  margin: 5px 0px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.phone img,
.siteMail img {
  vertical-align: middle;
  margin-right: 30px;
}
.siteMail a {
  text-decoration: none;
}
.siteMail span:hover {
  color: #fdce15;
}
.spanBox {
  vertical-align: middle;
  display: inline-block;
}
.spanBox span {
  display: block;
}
.spanBox a {
  text-decoration: none;
}
.spanBox a:hover span {
  color: #fdce15;
}

.phone {
  border-bottom: 1px solid #404040;
  margin-bottom: 20px;
  padding: 55px 0px 20px;
  position: relative;
}
.siteMail {
  margin-bottom: 20px;
  position: relative;
  padding: 20px 0px;
}
.positionedLine_1 {
  margin: 0px 0px;
  position: absolute;
  top: 134px;
  border-bottom: 3px solid #fdce15;
}
.positionedLine_2 {
  margin: 0px 0px;
  position: absolute;
  top: 102px;
  border-bottom: 3px solid #fdce15;
}
.siteMail .positionedLine_1 {
    top: 99px;
}
.contactInfo {
  float: left;
}
.socialLinks {
  float: right;
}
.addressInfo.siteMail span{
	font-family: Lato Black;
    font-size: 20px;
}
.addressInfo.siteMail img{
	margin-right: 50px;
}
.faxInfo {
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}
.addressInfo {
  display: inline-block;
  vertical-align: middle;
}
.faxInfo img,
.addressInfo img {
  margin-right: 20px;
}
.socialLinks img {
  margin-right: 50px;
}
.socialLinks a:last-child img {
  margin-right: 0px;
}
.socialLinks a img{
	opacity: 0.5;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.socialLinks a:hover img{
	opacity: 1.0;
}
.socialLinks a {
  text-decoration: none;
}
.footerHorizontalLine {
  position: absolute;
  width: 100%;
  top: 112px;
}
.footerGrey {
  border-top: 1px solid #404040;
  margin: 0px 0px;
}
.faxInfo a:hover, .faxInfo a:focus{
  color: #fdce15;
  text-decoration: none;
}
/* ..............................................END OF FOOTER PAGE STYLE.........................................................*/
/* ..............................................ABOUT US PAGE STYLE..............................................................*/

.aboutUsPage {
  width: 100%;
  position: relative;
  background-image: url("../img/blurredbackround.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  overflow: hidden;
}
.aboutUsWrapper_1 {
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding-top: 200px;
}
h2 {
  font-family: Lato Bold;
  font-size: 25px;
  color: #2c2c2c;
}
.aboutUsContent {
  padding-top: 50px;
}
.textBox {
  width: 100%;
  float: left;
  background-color: #ffffff;
  border: none;
  border-radius: 30px;
  text-align: center;
  padding: 50px 90px 20px;
  margin-bottom: 100px;
}
.textBoxArticle{
  width: 100%;
}
.textBoxArticle p {
  margin-bottom: 30px;
  font-family: Lato Italic;
  font-size: 20px;
  line-height: 25px;
  color: #adadad;
  text-align: left;
}
.aboutUsWrapper_2 {
  max-width: 1360px;
  margin: 0 auto;
  position: relative;
}
.teamItemsWrapper {
  padding-bottom: 100px;
}
.slideWrapper {
  position: relative;
  margin-bottom: 50px;
}
.teamItemsWrapper .uk-subnav{
  width: 595px;
  margin: 0 auto;
  list-style: none;
  border: 1px solid #4B4B4B;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 5px;
}
.teamItemsWrapper .uk-subnav li{
  display: inline-block;
  padding: 8px 20px;
  margin-right: 20px!important;
  border: 1px solid transparent;
  -webkit-transition: all .1s ease;
  -moz-transition: all .1s ease;
  -ms-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background-color: transparent;
}
.teamItemsWrapper .uk-subnav li:nth-child(5){
  margin-right: 0px!important;
}
.teamItemsWrapper .uk-subnav>*>*{
  font-family: Lato Regular;
  font-size: 16px;
  color: #fff!important;
  display: block;
  cursor: pointer;
  -webkit-transition: all .1s ease;
  -moz-transition: all .1s ease;
  -ms-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
}
.aboutUsWrapper_2 div div:nth-child(2) ul li:hover .aboutUsWrapper_2 div div:nth-child(2) ul li a{
  color: #000;
  text-decoration: none;
}
.teamItemsWrapper .uk-subnav>.uk-active>* {
  color: #000!important;
}
.teamItemsWrapper .uk-subnav>* {
  margin: 5px!important;
}
.teamItemsWrapper .uk-subnav li.uk-active{
  background-color: #fdce15!important;
}
.teamItemsWrapper .uk-grid>* {
  padding: 15px 0px 5px;
  display: inline-block;
  vertical-align: top;
  background-color: #000000;
  border: 1px solid #272727;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.teamItemsWrapper .uk-panel-title{
  font-family: Lato Bold;
  font-size: 20px;
  color: #4c4c4c;
  margin-bottom: 5px!important;
}
.teamItemsWrapper p{
  font-family: Lato Italic;
  font-size: 20px;
  color: #757575;
  padding: 5px 20px 0px;
}
.teamItemsWrapper .uk-grid-width-xlarge-1-4>* {
  width: 19.5%;
  margin-right: 3%;
}
.teamItemsWrapper .uk-slidenav-position .uk-slidenav-previous {
  left: -60px;
}
.teamItemsWrapper .uk-slidenav-position .uk-slidenav-next {
  right: 0px;
}
.uk-slidenav-next:before{
  content: none!important;
}
.teamItemsWrapper .uk-slidenav-next{
  background-image: url("../img/rightArrow2.png")!important;
  background-repeat: no-repeat;
  background-size: cover;
}
.teamItemsWrapper .uk-slidenav-previous:before {
  content: none!important;
}
.teamItemsWrapper .uk-slidenav-previous{
  background-image: url("../img/leftArrow2.png")!important;
  background-repeat: no-repeat;
  background-size: cover;
}
.teamItemsWrapper .uk-slider-container ul li{
  width: 300px;
}
.teamItemsWrapper .uk-slidenav-position.uk-margin ul li:hover{
  opacity: 1;
  background-color: #fff;
}
.teamItemsWrapper .uk-margin {
  margin-top: 0px;
}
/* ..............................................END OF ABOUT US PAGE STYLE.......................................................*/
/* ..............................................MARKETS PAGE STYLE.......................................................*/
.markets, .partneri{
  padding-top: 190px;
  position: relative;
  width: 100%;
}
.bg_animate{
  width: 100%;
  height: 1080px;
/*   background-image: url("../img/nove-mape/cela-mapa.jpg"); */
  background-image: url("/wp-content/uploads/2025/06/large-Mapa-2025.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: 100px;
  position: relative;
  z-index: 2;
  border-radius: 30px;
  box-shadow: inset 0px 0px 27px 0px #000;
  -webkit-transition: background-image .1s ease-in-out;
  -moz-transition: background-image .1s ease-in-out;
  -ms-transition: background-image .1s ease-in-out;
  -o-transition: background-image .1s ease-in-out;
  transition: background-image .1s ease-in-out;
}
.markets .container{
  position: relative;
}
.bg_animate a:hover, .bg_animate a:focus, .bg_animate a:active{
  text-decoration: none;
  color: transparent;
}
.bg_static{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1080px;
  background-image: url("../img/nove-mape/cela-mapa.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 30px;
}

#slo{
width: 18%;
    height: 150px;
    position: absolute;
    left: 60px;
    top: 70px;
  text-decoration: none;
  color: transparent;
}

#cr{
    width: 30%;
    height: 150px;
    position: absolute;
    left: 260px;
  top: 135px;
  text-decoration: none;
  color: transparent;
}
#bih {
  width: 25%;
  height: 300px;
  position: absolute;
  left: 25%;
  top: 27%;
  text-decoration: none;
  color: transparent;
}
#rs {
  width: 20%;
  height: 400px;
  position: absolute;
  left: 53%;
  top: 15%;
  text-decoration: none;
  color: transparent;
}
#mn {
  width: 10%;
  height: 100px;
  position: absolute;
  left: 44%;
  top: 52%;
  text-decoration: none;
  color: transparent;
}
#mk{
  width: 20%;
  height: 150px;
  position: absolute;
  left: 60%;
  top: 66%;
  text-decoration: none;
  color: transparent;
}
#alb{
  width: 10%;
  height: 330px;
  position: absolute;
  left: 50%;
  top: 65%;
  text-decoration: none;
  color: transparent;
}
.rs-hover{
  background-image: url("../img/nove-mape/srbija-bg.jpg");
}
.mn-hover{
  background-image: url("../img/nove-mape/crna-gora-bg.jpg");
}
.mk-hover{
  background-image: url("../img/nove-mape/makedonija-bg.jpg");
}
.alb-hover{
  background-image: url("../img/nove-mape/albanija-bg.jpg");
}
.bih-hover{
  background-image: url("../img/nove-mape/bosna-bg.jpg");
}
.cr-hover{
  background-image: url("../img/nove-mape/hrvatska-bg.jpg");
}
.trziste_forma{
  display: none;
  background-color: rgba(84, 84, 84, 0.9);
  padding: 20px;
  color: #757575;
  width: 450px;
  position: relative;
  z-index: 99;
  transition: all 0.3s ease-in-out;
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
}
.gform_wrapper label.gfield_label, .trziste_forma h3{
  color: #fff;
  text-align: center;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container .name_first label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container .name_last label{
  display: none;
}
.trziste_forma .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  font-size: 15px!important;
  font-family: Lato Regular!important;
  padding: 3px 10px!important;
}
.close-btn {
    float: right;
    color: #fff;
    width: 25px;
    height: 25px;
    padding-top: 3px;
    background: #ffffff30;
    border-radius: 50%;
    text-align: center;
}
.close-btn:hover{
  color: #fff!important;
}
.gform_confirmation_message{
  color: #fff;
  font-family: "Lato Regular";
  padding: 35px;
}
.newsletter_forma input{
  border: none!important;
  border-bottom: 1px solid #D6D6D6!important;
}
.newsletter_forma .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    font-family: Lato Regular;
    font-size: 22px;
    color: #757575;
    padding: 10px 0px !important;
}
.newsletter_forma #field_13_1::after{
  content: "";
  width: 10%;
  position: absolute;
  left: 15px;
  height: 3px;
  background-color: #fdce15;
}
input:focus{
  outline: none!important;
}
.newsletter_forma .gform_wrapper .gform_footer input.button,
.newsletter_forma .gform_wrapper .gform_footer input[type=submit],
.newsletter_forma .gform_wrapper .gform_page_footer input.button,
.newsletter_forma .gform_wrapper .gform_page_footer input[type=submit]{
    width: 270px!important;
    margin-right: 0px;
    background-color: transparent;
    font-family: Lato Regular;
    font-size: 16px;
    padding: 8px 0px;
    color: #757575;
    text-align: center;
    border: 1px solid #EDEDED;
    border-radius: 20px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 0 auto;
    display: block;
}
.newsletter_forma .gform_wrapper .gform_footer input.button:hover,
.newsletter_forma .gform_wrapper .gform_footer input[type=submit]:hover,
.newsletter_forma .gform_wrapper .gform_page_footer input.button:hover,
.newsletter_forma .gform_wrapper .gform_page_footer input[type=submit]:hover {
    background-color: #F5F5F5;
    color: #2c2c2c;
    -webkit-box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 21px 1px rgba(0, 0, 0, 0.25);
    transform: scale(1)!important;
    font-weight: normal!important;
    transition-timing-function: ease-in!important;
}
.newsletter_forma .gfield_description.validation_message{
      position: absolute;
      color: #000!important;
      padding-top: 5px!important;
}
#gform_confirmation_message_13{
    color: #000!important;
    text-align: center!important;
}
/* ..............................................PARTNERI PAGE STYLE......................................................*/
.offer{
  max-width: 1170px;
  margin: 0 auto;
  padding: 30px 0px 70px;
}
.offer .item{
  width: 30%;
  margin-right: 3%;
  float: left;
  margin-bottom: 90px;
  color: #fff;
  text-align: center;
  padding: 0px 30px;
}
.offer .item div img{
  width: auto;
  display: block;
  margin: 0 auto;
}
.offer .item div{
  width: 100%;
  height: 140px;
  display: block;
  margin-bottom: 35px;
}
.box{
  max-width: 1170px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.box div:nth-child(1){
  position: relative;
  padding: 90px 80px 40px;
  background-color: #fff;
  border-bottom: 1px solid #D6D6D6;
  -webkit-border-top-left-radius: 25px;
  -moz-border-top-left-radius: 25px;
  border-top-left-radius: 25px;
  -webkit-border-top-right-radius: 25px;
  -moz-border-top-right-radius: 25px;
  border-top-right-radius: 25px;
}
.box div:nth-child(2){
  position: relative;
  padding: 40px 80px 90px;
  background-color: #F5F5F5;
  -webkit-border-bottom-left-radius: 25px;
  -moz-border-bottom-left-radius: 25px;
  border-bottom-left-radius: 25px;
  -webkit-border-bottom-right-radius: 25px;
  -moz-border-bottom-right-radius: 25px;
  border-bottom-right-radius: 25px;
  text-align: center;
}
.box div:nth-child(2) .sectionTitle.aboutTitle{
  background-color: #F5F5F5;
  margin-bottom: 30px;
}
.box .sectionTitle.aboutTitle{
  border-bottom: none;
  padding: 0px;
}
.box h1{
  color: #4c4c4c;
}
.box span{
  color: #adadad;
}
.box p{
  color: #adadad;
  font-family: MyriadPro;
  font-size: 20px;
}
.box div:nth-child(2) img{
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.box div:nth-child(2) a{
  width: 270px;
  padding: 15px 0px;
  text-align: center;
  color: #4c4c4c;
  background-color: #FDCE15;
  border: 1px solid #E8B900;
  font-size: 16px;
  text-transform: uppercase;
  font-family: Lato Regular;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  display: block;
  margin: 0 auto;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.box div:nth-child(2) a:hover{
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.mobile_accordion{
  display: none;
}
/* ..............................................NOVOSTI PAGE STYLE......................................................*/
.news, .portfolio{
  max-width: 1170px;
  margin: 0 auto;
  padding-bottom: 95px;
}
.news_item{
  width: 48%;
  position: relative;
  min-height: 600px;
  margin-right: 2%;
  background-color: transparent;
  border: 1px solid #808080;
  margin-bottom: 30px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  padding: 40px 90px 30px;
  text-align: center;
  color: #fff;
  float: left;
}
.news_item:nth-child(2n){
  margin-right: 0px;
}
.news_item img{
  margin: 0 auto;
  margin-bottom: 50px;
}
.news_item span{
  font-size: 16px;
  font-family: Lato Italic;
  color: #757575;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.news_item p{
  font-size: 25px;
  font-family: Lato Bold;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.blog_text p{
  font-size: 20px;
  font-family: Lato Italic;
  color: #fff!important;
}
.news_item a{
  position: absolute;
  right: 10px;
  bottom: 10px;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.news_item a img{
  margin-bottom: 0px;
}
.news_item:hover{
  background-color: rgba(128, 128, 128, 0.7);
}
.news_item:hover span{
  color: #fff;
}
.news_item:hover a{
  opacity: 1;
}
.news_item:hover p{
  color: #000;
}
#ajax-load-more > div.alm-btn-wrap{
  text-align: center;
}
.more {
  width: 270px;
  padding: 10px 0px;
  text-align: center;
  color: #4c4c4c;
  background-color: #fff;
  border: 1px solid transparent;
  font-size: 16px;
  text-transform: uppercase;
  font-family: Lato Regular;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  margin: 0 auto;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.more:hover {
  color: #4c4c4c;
  text-decoration: none;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.single_post{
  max-width: 1170px;
  margin: 0 auto;
  padding-top: 240px;
  padding-bottom: 95px;
  color: #fff;
  text-align: center;
}
.single_post div{
  width: 100%;
  padding: 50px 75px;
  border: 1px solid transparent;
  border-radius: 25px;
  background-color: rgba(245, 245, 245, 0.75);
  position: relative;
}
.single_post div p{
  font-family: Lato Regular;
  color: #4c4c4c;
  text-align: left;
  font-size: 18px;
  margin-bottom: 20px;
}
.single_post div h3{
  font-family: Lato Italic;
  color: #4c4c4c;
  font-weight: 700;
  margin-bottom: 50px;
  font-size: 30px;
}
.single_post div img{
  margin: 0 auto;
  margin-bottom: 50px;
  height: auto;
}
.single_post div p img{
  margin: 0 auto;
  display: inline-block;
}
div.post_links{
  background-color: transparent;
  padding: 50px 35px 0px;
}
div.post_links a{
  font-family: Lato Italic;
  font-size: 18px;
  padding: 15px 25px;
  text-align: center;
  color: #fff;
  background-color: transparent;
  border: 1px solid #E8B900;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  overflow: hidden;
}
div.post_links a:nth-child(1):before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FDCE15;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
div.post_links a:nth-child(2):before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FDCE15;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
div.post_links a:hover:before, div.post_links a:focus:before, div.post_links a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
div.post_links a:hover{
  color: #000;
  font-weight: 700;
  text-decoration: none;
}
div.post_links a:nth-child(1){
  float: left;
}
div.post_links a:nth-child(2){
  float: right;
}
/* ..............................................PORTFOLIO PAGE STYLE......................................................*/
.portfolio, .contact{
  padding-top: 200px;
}
.portfolio .sectionTitle.aboutTitle{
  margin-bottom: 50px;
}
.logo_brand{
  width: 575px;
  height: 575px;
  padding: 50px;
  text-align: center;
  background-image: url("../img/tab_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.text_brand{
  text-align: center;
  color: #fff;
  position: absolute;
  right: -95%;
  top: 50%;
}
.logo_brand h3{
  font-family: Lato Bold;
  font-size: 35px;
  color: #2c2c2c;
  margin: 0px!important;
}
.logo_brand div{
  width: 50%;
  float: left;
  margin-bottom: 50px;
}
.uk-margin img{
  opacity: 1!important;
}
.logo_brand hr.yellowLine{
  margin-top: 5px;
  margin-bottom: 50px;
}
.uk-nav.uk-nav-side{
  padding-top: 100px!important;
  padding-left: 150px!important;
}
.uk-nav.uk-nav-side li{
  display: inline-block;
  width: 100px;
  height: 100px;
  border: 1px solid #757575;
  border-radius: 5px;
  margin-right: 15px;
  padding: 20px;
}
.text_brand h3{
  font-family: Lato Bold;
  font-size: 25px;
}
.text_brand p{
 font-family: Lato Italic;
 font-size: 20px;
}
.uk-nav.uk-nav-side li:nth-child(1) a{
  background-image: url("../img/photo-camera.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  color: transparent;
}
.uk-nav.uk-nav-side li:nth-child(2) a{
  background-image: url("../img/smartphone.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  color: transparent;
}
.uk-nav.uk-nav-side li:nth-child(3) a{
  background-image: url("../img/devices.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  color: transparent;
}
.uk-nav.uk-nav-side li a{
  width: 100%;
  height: 100%;
}
.uk-nav-side>li.uk-active{
  background-color: rgba(0, 0, 0, 0.6);
}
.uk-nav-side>li.uk-active a{
  background-color: transparent!important;
}
.uk-nav-side>li>a:focus, .uk-nav-side>li>a:hover {
 background-color: transparent!important;
}

/* ..............................................REFOT GROUP PAGE STYLE......................................................*/
.tabs .uk-tab{
  width: 25%;
  height: 625px;
  float: left;
  background-color: #f5f5f5;
  padding: 105px 60px 85px 0px!important;
  border: 1px solid transparent;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  margin-top: 20px;
}
.tabs .uk-tab li{
  display: block;
  float: none!important;
  margin-left: -40px;
  text-align: center;
  width: 240px;
  height: 60px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  margin-bottom: 30px;
  padding-top: 15px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: #fff;
}
.tabs .uk-tab>li.uk-active>a, .uk-tab>li.uk-active>a {
  border: none!important;
  background-color: transparent!important;
  color: #000000!important;
}
.tabs .uk-tab>li.uk-active{
  background-color: #FDCE15!important;
  border-color: transparent;
}
.tabs .uk-switcher{
  width: 75%;
  height: 625px;
  float: right;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.tabs .text_tab{
  margin-bottom: 50px;
}
.tabs .text_tab:last-child{
  margin-bottom: 0px;
}
.tabs .uk-switcher li{
  padding: 55px 55px 0px!important;
}
.tabs{
  max-width: 1170px;
  margin: 0 auto;
  padding-bottom: 95px;
}
.tabs .distribucija{
  float: left;
  width: 45%;
  min-height: 150px;
  margin-right: 3%;
  margin-bottom: 50px;
}
.tabs .uk-tab>li.uk-open>a, .uk-tab>li>a:focus, .uk-tab>li>a:hover {
  border-color: transparent!important;
  background: transparent!important;
}
.tabs .yellowLine {
  margin: 0px 0px 20px;
}
.tabs .uk-tab li a{
  font-family: Lato Bold;
  font-size: 18px;
  color: #4c4c4c;
  padding: 0px!important;
  margin: 0px!important;
}
.tabs h4{
  font-family: Lato Bold;
  font-size: 18px;
  color: #000;
}
.tabs p{
  font-family: Lato Italic;
  font-size: 16px;
  color: #fff;
}
/*-----------------------------------------------KONTAKT PAGE STYLE------------------------------------------------------------*/
.contact{
 /* max-width: 1170px;*/
  margin: 0 auto;
  text-align: center;
  position: relative;
  padding-bottom: 95px;
}
.gmap{
  width: 100%;
  padding-top: 50px;
  position: relative;
}
.forma {
    position: absolute;
    top: 125px;
    right: 27px;
    width: 30%;
    background: rgba(74, 74, 74, 0.8);
    border: 1px solid transparent;
    border-radius: 40px;
}
.gform_wrapper ul.gform_fields li.gfield {
    padding: 0px 15px;
    text-align: center;
}
.gform_wrapper .gform_footer {
    text-align: center;
}
.contact div h4{
  color: #fff;
  font-size: 25px;
}
.contact  p, .contact label{
  color: #fff;
  line-height: 25px;
  font-size: 17px;
}
.contact button,.contact input,.contact optgroup,.contact select,.contact textarea {
  margin: 0;
  font: inherit;
  color: #000;
}
.contact textarea, .contact input {
  border: 1px solid transparent;
  border-radius: 25px;
  padding: 3px 10px;
  outline: none;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
  width: 150px!important;
  padding: 10px 0px!important;
  text-align: center;
  color: #4c4c4c!important;
  background-color: #FDCE15;
  border: 1px solid #E8B900;
  font-size: 15px!important;
  text-transform: uppercase;
  font-family: Lato Regular;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  display: block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  margin: 0 auto!important;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover{
  color: #4c4c4c!important;
  font-weight: bold;
  text-decoration: none;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
#input_1_1_3_container > label, .gform_wrapper .gfield_required{
  display: none;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  font-size: 15px!important;
  font-family: Lato Regular!important;
  padding: 7px 15px!important;
}
.contact textarea, .contact input {
  padding: 10px 20px!important;
}
/*...................................................ISOPTOPE........................................................*/
.isotope-item {
  z-index: 2;
}
.item{
  width: 33.333333%;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property:    -moz-transform, opacity;
  -ms-transition-property:     -ms-transform, opacity;
  -o-transition-property:      -o-transform, opacity;
  transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
#container .item {
  width: 23%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-left: 2%;
  margin-bottom: 20px;
  height: 270px;
  background-color: #faf8f8;
  border-radius: 30px;
}
#container .item img{
  width: 70%;
  height: auto;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15%;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#container .item:hover img{
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  -ms-filter: grayscale(0);
}
#filters{
  text-align: center;
  margin-bottom: 50px;
}
#filters li{
  display: inline-block;
  text-align: center;
  margin-right: 30px;
  vertical-align: top;
}
#filters li:last-child{
  margin-right: 0px;
}
#filters li a{
  font-family: Lato Regular;
  font-size: 20px;
  line-height: 25px;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#filters li a img{
  display: block;
  padding-bottom: 10px;
  margin: 0 auto;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#filters li a:hover{
  color: #757575;
}
#filters li a:hover img{
  opacity: 0.8;
}
#filters li a span{
  display: block;
  font-size: 15px;
}
.wpls-logo-showcase .wpls-logo-cnt.slick-slide img{
  width: 100%;
}
.note_title{
  padding: 10px;
  font-family: "Encode-Medium";
  font-size: 16px;
}

/* ............................................RESPONSIVE SEARCH BAR STYLE......................................................*/
.glyphicon.glyphicon-search{
  font-size: 30px;
  top: 5px;
  color: #fdce15;
}
.responsiveSearhBar {
  display: none;
  padding: 0px 20px;
  float: right;
  margin: 5px;
  right: 60px;
  position: relative;
  border: none;
  background-color: transparent;
  overflow: hidden;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.responsiveSearhBar a {
  font-family: Lato Regular;
  text-decoration: none;
  font-size: 12px;
  color: #757575;
  border: none;
  display: block;
  line-height: 3;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.responsiveSearhBar:hover {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.responsiveSearhBar: hover a {
  color: #2c2c2c;
}
.responsiveSearhBar a img {
  margin-left: 15px;
}
#search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
  display: none;
}
#search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
  z-index: 106;
  display: block;
}
#search input[type="search"] {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -51px;
  width: 60%;
  margin-left: 20%;
  color: rgb(255, 255, 255);
  background: transparent;
  border-top: 1px solid #404040;
  border-bottom: 1px solid #404040;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  font-size: 35px;
  font-family: Lato Regular;
  text-align: center;
  outline: none;
  padding: 10px;
}
#search .closed {
  position: fixed;
  top: 180px;
  right: 40px;
  opacity: 1;
  font-size: 27px;
  color: #ffffff;
}
#search .closed:hover {
  color: #fdce15;
  cursor: pointer;
}
/* ........................................ END OF RESPONSIVE SEARCH BAR STYLE...........................................*/

/* .............................................. SEARCH PAGE STYLE...............................................*/
.search_page{
  padding-top: 300px;
  text-align: center;
  padding-bottom: 100px;
}
.search_page h2{
  color: #fff;
  font-size: 35px;
  font-family: Lato Bold;
  margin-bottom: 50px;
}
.search_page p, .search_page ul li a{
  color: #fff;
  font-size: 25px;
  font-family: Lato Italic;
  margin-bottom: 20px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.search_page ul li a:hover, .search_page ul li a:active, .search_page ul li a:visited{
  text-decoration: none;
  color: #fdce15;
}
.fpPage{
  width: 100%;
  position: relative;
  background-color: #232424;
}
.pojmovi_text{
  max-width: 1170px;
  margin: 0 auto;
  padding: 30px 0px 70px;
}
.pojmovi_text div{
  margin-bottom: 20px;
}
.pojmovi_text div span{
  font-family: Lato Italic;
  font-size: 18px;
  color: #ffffff;
  display: block;
  margin-bottom: 10px;
}
.pojmovi_text div p{
  font-family: Lato Regular;
  font-size: 16px;
  color: #adadad;
}
.footerUl{
  padding-left: 0px;
}
/*=================================REFOT GRUPA I O NAMA NOOOOVOOOOO=========================*/
.full_size,
.full_size.kontra{
  width: 100%;
  position: relative;
  background: #fff;
}
.full_size .half_left{
  float: left;
  width: 50%;
}
.full_size .half_right{
  float: right;
  width: 50%;
}
.full_size.kontra .half_left{
  float: right;
  width: 50%;
}
.full_size.kontra .half_right{
  float: left;
  width: 50%;
}
.aboutUsContent{
  padding-top: 200px;
}
.aboutTitle{
  padding-bottom: 50px;
}
.img_object{
  width: 100%;
  height: 405px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.img_object.marketing_object{
  background-image: url(../img/onama_4.jpg);
}
.img_object.partneri_object{
  background-image: url(../img/onama_3.jpg);
}
.img_object.distribucija_object{
  background-image: url(../img/onama_2.jpg);
}
.img_object.istorija_object{
  background-image: url(../img/onama_1bw.jpg);
}
.img_object.grupa_object1{
  background-image: url(../img/grupa_1.jpg);
}
.img_object.grupa_object2{
  background-image: url(../img/grupa_2.jpg);
}
.img_object.grupa_object3{
  background-image: url(../img/grupa_3.jpg);
}
.img_object.grupa_object4{
  background-image: url(../img/grupa_4.jpg);
}
.img_object.grupa_object5{
  background-image: url(../img/grupa_5.jpg);
}
.img_object.grupa_object6{
  background-image: url(../img/grupa_6.jpg);
}
.img_object.grupa_object7{
  background-image: url(../img/grupa_7.jpg);
}
.img_object.grupa_object8{
  background-image: url(../img/grupa_8.jpg);
}
.img_object.grupa_object9{
  background-image: url(../img/grupa_9.jpg);
}
.img_object img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.img_object:hover img{
  opacity: 0;
}
.text_object{
  text-align: center;
  padding: 30px 40px 0px;
}
.object_title{
  margin-bottom: 25px;
  display: block;
}
.text_object p{
    color: #adadad;
    font-family: MyriadPro;
    font-size: 20px;
}
.group{
  padding-top: 160px;
}
.group .sectionTitle{
  padding: 40px 0px;
}
.group .text_object{
  padding: 80px 115px 0px;
}
.text_object p.bold_text{
  font-size: 25px;
  color: #4c4c4c;
  font-family: "Lato Black";
  margin-bottom: 0px;
  margin-top: 35px;
}
/*TIMELINE*/
.timeline {
  width: 100%;
  height: 2px;
  list-style: none;
  text-align: justify;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #d5d6d8;
  padding: 0px 455px;
}

.timeline:after {
  display: inline-block;
  content: "";
  width: 100%;
}

.timeline li {
  display: inline-block;
  width: 30px;
  height: 100px;
  color: #212c32;
  margin-top: -15px;
  text-align: center;
  line-height: 1.2;
  position: relative;
  font-size: 20px;
  font-family: "Lato Regular";
}
.timeline li:nth-child(odd){
  background-image: url(../img/time_up.png);
  background-size: cover;
  top: -70px;
}
.timeline li:nth-child(even){
  background-image: url("../img/time_down.png");
  background-size: cover;
}
.timeline li:before {
  display: inline-block;
  content: attr(data-year);
  font-size: 26px;
  position: absolute;
  left: 50%;
  font-weight: 700;
  color: #f7941e;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}

.timeline li:nth-child(odd):before {
  top: -40px;
}
.timeline li:nth-child(even):before {
  bottom: -40px;
}

.timeline li:after {
  display: inline-block;
  content: attr(data-text);
  font-size: 16px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}

.timeline li:nth-child(odd):after {
  bottom: 0;
  width: 100px;
  margin-bottom: -10px;
  -webkit-transform: translate(-50%, 100%);
     -moz-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
       -o-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.timeline li:nth-child(even):after {
  top: 0;
  width: 100px;
  margin-top: -10px;
  -webkit-transform: translate(-50%, -100%);
     -moz-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
       -o-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
.timeline_box{
  height: 405px;
  width: 100%;
  position: relative;
  background-color: #e6e7e8;
}
.validation_error{
  display: none!important;
}
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
   max-width: calc(100% - 0px)!important;
   margin-top: 0px!important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent!important;
    margin-bottom: 0px!important;
    border: none!important;
    padding:none!important;
}
.gform_wrapper .validation_message,
.gform_wrapper .gfield_error .gfield_label {
    color: #fff!important;
}


/*  -- NIKON SECTION CSS (NIKON DAN) --  */
.nikon_header img {
  width: 100%;
}

.nikon_section {
  width: 100%;
  position: relative;
}
.nikon_section img {
  max-width: 100%;
}
.nikon-logos {
  background: #000000;
  border-bottom: 5px solid #ffde00;
}
.nikon-logos ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 40px 0;
}

.prijava {
  position: relative;
}

.prijava img {
  width: 100%;
  display: none;
}

.tabeladownload{
  width: 100%;
}

.tabeladownload tr{
  text-align: left;
}

.tabeladownload tr:first-child{
background: black;
    color: white;
  }

.tabeladownload tr th{
  padding: 10px;
}

.tabeladownload tr td{
  padding: 10px;
}

.tabeladownload tr td a{
text-decoration: none;
      color: #333;
}


@media only screen and (min-width: 768px) {
  .prijava img {
    width: 100%;
    display: block;
  }
}


.gform_wrapper {
  margin: 0 !important;
}

.nikon-center {
  background-image: url("../img/nikon-dan-2019-2.png");
  background-size: cover;
  background-position: center;
}


@media only screen and (min-width: 768px) {
  .nikon-center {
    background: none;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%,0);
  }
}


@media only screen and (min-width: 768px) {
	.nikon-logos ul {
	  padding: 70px 0;
	}
}
.nikon-logos ul li {
  text-align: center;
}
.nikon-logos ul li img {
  max-width: 65%;
}



@media only screen and (min-width: 768px) {

}
.prijava_heading {
  text-align: center;
}
.prijava_heading p {
  text-transform: uppercase;
  color: #ffdd00;
  line-height: 0.5;
  font-size: 45px;
  letter-spacing: 15px;
}

@media only screen and (min-width: 768px) {
  .prijava_heading p {
    font-size: 80px;
  }
}
.prijava_heading span {
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: 12px;
}
@media only screen and (min-width: 768px) {
	.prijava_heading span {
	  font-size: 40px;
	}
}
ul {
  list-style: none;
}
.kontakt-forma {
  width: 100%;
  margin: auto;
}
@media only screen and (min-width: 768px) {
	.kontakt-forma {
	  width: 800px;
	}
}
#gform_fields_14 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
	#gform_fields_14 {
	  width: 750px;
	}
}
#field_14_1 label,
#field_14_2 label,
#field_14_3 label,
#field_14_4 label {
  text-align: left;
  width: 100%;
  color: #fff;
  font-size: 16px;
  margin: 10px 0;
}
@media only screen and (min-width: 768px) {
	#field_14_1 label,
	#field_14_2 label,
	#field_14_3 label,
	#field_14_4 label {
	  float: left;
	  font-size: 18px;
	  color: #606060;
	  width: 9%;
	}
}
@media only screen and (min-width: 768px) {
	#field_14_1,
	#field_14_2,
	#field_14_3,
	#field_14_4 {
	  margin: 25px 0;
	}
}
#input_14_1,
#input_14_2,
#input_14_3,
#input_14_4 {
  width: 100%;
  border-radius: 10px;
  border: none;
}
@media only screen and (min-width: 768px) {
#input_14_1,
#input_14_2,
#input_14_3,
#input_14_4 {
  padding: 10px !important;
  width: 60%;}
}
.uk-overlay-background {
    background: transparent !important;

}
.contactInfo .numberFont {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}
.backroundImageSection p{
  font-family: Lato Italic;
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
}

/* 3 GODINA GARANCIJE template */

.dark-bkg {
  background: #000;
  padding: 40px 0;
}
.garancija-bkg {
  background: url(../img/3-godine-garancije-baner.png);
  background-size: cover;
  height: 653px;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media only screen and (max-width: 768px) {
  .garancija-bkg {
    height: 300px;
  }
}
@media only screen and (max-width: 600px) {
  #newsletter .gform_wrapper ul.gfield_checkbox li label{
    width: auto;
  }
}
@media only screen and (max-width: 480px) {
  .garancija-bkg {
    height: 150px;
  }
}
.container-garancija {
  max-width: 1180px;
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
}

.recnik {
  margin-top: 150px;
}

@media only screen and (max-width: 768px) {
  .recnik{
    margin-top: 80px;
  }
}

.registracija-fotoaparata-forma {
  padding: 45px 0;
  background: #fff;
  text-align: center;
}
@media only screen and (max-width: 768px) {
	.registracija-fotoaparata-forma {
	  padding: 20px 0;
	}
}
.registracija-fotoaparata-forma p {
  margin: 25px auto 25px auto;
  width: 90%;
  color: #343434;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
	.registracija-fotoaparata-forma p {
	  font-size: 15px;
	}
}
@media only screen and (max-width: 480px) {
	.registracija-fotoaparata-forma p {
	  width: 100%;
	}
}
.registracija-fotoaparata-forma .gform_wrapper ul.gform_fields {
  margin: 0 auto !important;
}
.registracija-fotoaparata-forma #field_15_2,
.registracija-fotoaparata-forma #field_15_3,
.registracija-fotoaparata-forma #field_15_4,
.registracija-fotoaparata-forma #field_15_5,
.registracija-fotoaparata-forma #field_15_6,
.registracija-fotoaparata-forma #field_15_7 {
  width: 70% !important;
}
@media only screen and (max-width: 768px) {
	.registracija-fotoaparata-forma #field_15_2,
	.registracija-fotoaparata-forma #field_15_3,
	.registracija-fotoaparata-forma #field_15_4,
	.registracija-fotoaparata-forma #field_15_5,
	.registracija-fotoaparata-forma #field_15_6,
  .registracija-fotoaparata-forma #field_15_7 {
	  width: 80% !important;
	}
}
@media only screen and (max-width: 480px) {
	.registracija-fotoaparata-forma #field_15_2,
	.registracija-fotoaparata-forma #field_15_3,
	.registracija-fotoaparata-forma #field_15_4,
	.registracija-fotoaparata-forma #field_15_5,
	.registracija-fotoaparata-forma #field_15_6,
  .registracija-fotoaparata-forma #field_15_7 {
	  width: 100% !important;
	}
}
.registracija-fotoaparata-forma #field_15_7 {
  display: flex !important;
  align-items: center !important;
}
.registracija-fotoaparata-forma #field_15_7 .gfield_label {
  width: 90% !important;
}
.registracija-fotoaparata-forma #field_15_7 .ginput_container_checkbox {
  width: 10% !important;
  margin: 0 !important;
}
.registracija-fotoaparata-forma #field_15_7 .ginput_container_checkbox #input_15_7 {
  margin: 0 !important;
}
.registracija-fotoaparata-forma #gform_fields_15 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60%;
    justify-content: center;
    margin: 0 auto;
}
@media only screen and (max-width: 768px) {
	.registracija-fotoaparata-forma #gform_fields_15 {
		width: 100%;
	}
}
.registracija-fotoaparata-forma #gform_15 li label {
  color: #343434 !important;
  font-size: 22px;
  font-weight: normal;
  height: 25px;
}
@media only screen and (max-width: 480px) {
	.registracija-fotoaparata-forma #gform_15 li label {
	  font-size: 18px;
  }
}
.registracija-fotoaparata-forma #gform_15 #field_15_2 select {
  border-radius: 5px;
  width: 100%;
  height: 25px;
  outline: none;
}
.registracija-fotoaparata-forma #gform_15 #field_15_3 #input_15_3,
.registracija-fotoaparata-forma #gform_15 #field_15_4 #input_15_4_3,
.registracija-fotoaparata-forma #gform_15 #field_15_5 #input_15_5 {
  border-radius: 5px;
  width: 100%;
  padding: 0 5px !important;
  border: 1px solid #a9a9a9 !important;
  height: 25px;
}
.registracija-fotoaparata-forma #input_1_1_3_container > label,
.registracija-fotoaparata-forma .gform_wrapper .gfield_required {
  display: inline-block !important;
}
.registracija-fotoaparata-forma #field_15_6 .ginput_container {
  padding: 0 27%;
}
.registracija-fotoaparata-forma .gform_wrapper .top_label input.medium,
.registracija-fotoaparata-forma .gform_wrapper .top_label select.medium {
  width: 100%;
}
#validation_message_15_7,
#validation_message_15_4,
#validation_message_15_5   {
  display: none !important;
}
.gfield_required {
  display: none !important;
}
#validation_message_15_6 {
  color: red !important;
}


.gform_confirmation_message_15 {
  color: #343434;
}

.anketa-forma {
  background: #f2f2f2;
  text-align: center;
  padding: 80px 0;
}
.anketa-forma h2 {
  text-transform: uppercase;
  color: #313131;
  margin-bottom: 40px;
  font-size: 42px;
}
.yellow-line {
  height: 4px;
  width: 10%;
  background: #ffde00;
  border: none;
  margin: 0 auto;
  padding: 0;
}
.anketa-forma #gform_fields_16 {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 90% !important;
  margin: 55px auto 0 auto !important;
}
@media only screen and (max-width: 768px) {
	.anketa-forma #gform_fields_16 {
	  width: 100% !important;
	}
}
.before-oprema:before {
    content: 'Koju opremu koristite?' !important;
    position: absolute !important;
    top: -30px !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #343434 !important;
    font-size: 28px !important;
    font-weight: normal !important;
}
@media only screen and (max-width: 768px) {
	.before-oprema:before {
	    font-size: 24px !important;
	}
}
@media only screen and (max-width: 480px) {
	.before-oprema:before {
	    font-size: 20px !important;
	}
}
@media only screen and (max-width: 420px) {
	.before-oprema:before {
	    font-size: 15px !important;
	}
}
.anketa-forma #gform_fields_16 li label {
  color: #343434;
  font-size: 22px;
  font-weight: normal;
  height: 25px;
}
@media only screen and (max-width: 480px) {
	.anketa-forma #gform_fields_16 li label {
	  font-size: 18px;
	}
}
.anketa-forma #gform_fields_16 #field_16_1 {
  margin-top: 35px !important;
}
.anketa-forma #gform_fields_16 #field_16_1 .gfield_label,
.anketa-forma #gform_fields_16 #field_16_2 .gfield_label {
  width: 50% !important;
  text-align: right !important;
  padding-right: 25px !important;
}
@media only screen and (max-width: 480px) {
	.anketa-forma #gform_fields_16 #field_16_1 .gfield_label,
	.anketa-forma #gform_fields_16 #field_16_2 .gfield_label {
	  width: 70% !important;
	  text-align: left !important;
	  padding-right: 0px !important;
	}
}
@media only screen and (max-width: 650px) {
	.anketa-forma #gform_fields_16 #field_16_1 label,
	.anketa-forma #gform_fields_16 #field_16_2 label {
		font-size: 19px;
		margin-top: 8px;
	}
}
@media only screen and (max-width: 480px) {
	.anketa-forma #gform_fields_16 #field_16_1 label,
	.anketa-forma #gform_fields_16 #field_16_2 label {
		font-size: 16px;
		margin-top: 8px;
	}
}
@media only screen and (max-width: 380px) {
	.anketa-forma #gform_fields_16 #field_16_1 label,
	.anketa-forma #gform_fields_16 #field_16_2 label {
		font-size: 14px;
		margin-top: 8px;
	}
}
.anketa-forma #gform_fields_16 #field_16_1 .ginput_container,
.anketa-forma #gform_fields_16 #field_16_2 .ginput_container  {
  width: 30% !important;
}
.anketa-forma #gform_fields_16 #field_16_1 .ginput_container #input_16_1,
.anketa-forma #gform_fields_16 #field_16_2 .ginput_container #input_16_2 {
  width: 100% !important;
  border-radius: 5px;
  height: 25px;
  outline: none;
  border: 1px solid #a9a9a9 !important;
}
.anketa-forma #gform_fields_16 #field_16_2 {
  margin-bottom: 15px !important;
  border-bottom: 1px solid #ccc !important;
  padding-bottom: 25px !important;
}
.anketa-forma #gform_fields_16 #field_16_1,
.anketa-forma #gform_fields_16 #field_16_2 {
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto !important;
  width: 90% !important;
  align-items: center !important;
}
@media only screen and (max-width: 992px) {
	.anketa-forma #gform_fields_16 #field_16_1,
	.anketa-forma #gform_fields_16 #field_16_2 {
	  width: 100% !important;
	}
}
.anketa-forma #gform_fields_16 #field_16_3,
.anketa-forma #gform_fields_16 #field_16_4,
.anketa-forma #gform_fields_16 #field_16_5  {
    margin-bottom: 15px !important;
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 25px !important;
}
.anketa-forma #gform_fields_16 #field_16_3 .gfield_label,
.anketa-forma #gform_fields_16 #field_16_4 .gfield_label,
.anketa-forma #gform_fields_16 #field_16_5 .gfield_label,
.anketa-forma #gform_fields_16 #field_16_6 .gfield_label {
    color: #343434 !important;
    font-size: 28px !important;
    font-weight: normal !important;
}
@media only screen and (max-width: 480px) {
	.anketa-forma #gform_fields_16 #field_16_3 .gfield_label,
	.anketa-forma #gform_fields_16 #field_16_4 .gfield_label,
	.anketa-forma #gform_fields_16 #field_16_5 .gfield_label,
	.anketa-forma #gform_fields_16 #field_16_6 .gfield_label {
	    font-size: 20px !important;
	}
}
.anketa-forma #gform_fields_16 #field_16_3 .gfield_checkbox #label_16_3_1,
.anketa-forma #gform_fields_16 #field_16_3 .gfield_checkbox #label_16_3_2,
.anketa-forma #gform_fields_16 #field_16_3 .gfield_checkbox #label_16_3_3,
.anketa-forma #gform_fields_16 #field_16_3 .gfield_checkbox #label_16_3_4,
.anketa-forma #gform_fields_16 #field_16_3 .gfield_checkbox #label_16_3_5 {
  height: auto !important;
}
.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_1,
.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_2,
.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_3,
.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_4,
.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_5 {
	/*width: 23% !important;*/
	width: 100% !important;
	margin: 0 auto !important;
}
.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_1,
.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_2,
.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_3,
.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_4,
.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_5,
.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_6 {
	width: 100% !important;
	margin: 0 auto !important;
}
.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_1 #choice_16_3_1,
.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_2 #choice_16_3_2,
.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_3 #choice_16_3_3,
.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_4 #choice_16_3_4,
.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_5 #choice_16_3_5 {
	position: absolute !important;
    left: 38% !important;
    top: 5px !important;
}
@media only screen and (max-width: 1100px) {
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_1 #choice_16_3_1,
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_2 #choice_16_3_2,
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_3 #choice_16_3_3,
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_4 #choice_16_3_4,
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_5 #choice_16_3_5 {
	    left: 26% !important;
	}
}
@media only screen and (max-width: 550px) {
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_1 #choice_16_3_1,
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_2 #choice_16_3_2,
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_3 #choice_16_3_3,
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_4 #choice_16_3_4,
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_5 #choice_16_3_5 {
	    left: 14% !important;
	}
}
@media only screen and (max-width: 380px) {
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_1 #choice_16_3_1,
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_2 #choice_16_3_2,
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_3 #choice_16_3_3,
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_4 #choice_16_3_4,
	.anketa-forma #gform_fields_16 #field_16_3 #input_16_3 .gchoice_16_3_5 #choice_16_3_5 {
	    left: 4% !important;
	}
}
.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_1 #choice_16_4_1,
.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_2 #choice_16_4_2,
.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_3 #choice_16_4_3,
.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_4 #choice_16_4_4,
.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_5 #choice_16_4_5,
.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_6 #choice_16_4_6 {
	position: absolute !important;
    left: 38% !important;
    top: 5px !important;
}
@media only screen and (max-width: 1100px) {
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_1 #choice_16_4_1,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_2 #choice_16_4_2,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_3 #choice_16_4_3,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_4 #choice_16_4_4,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_5 #choice_16_4_5,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_6 #choice_16_4_6 {
	    left: 26% !important;
	}
}
@media only screen and (max-width: 550px) {
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_1 #choice_16_4_1,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_2 #choice_16_4_2,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_3 #choice_16_4_3,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_4 #choice_16_4_4,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_5 #choice_16_4_5,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_6 #choice_16_4_6 {
	    left: 14% !important;
	}
}
@media only screen and (max-width: 380px) {
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_1 #choice_16_4_1,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_2 #choice_16_4_2,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_3 #choice_16_4_3,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_4 #choice_16_4_4,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_5 #choice_16_4_5,
	.anketa-forma #gform_fields_16 #field_16_4 #input_16_4 .gchoice_16_4_6 #choice_16_4_6 {
	    left: 4% !important;
	}
}
@media only screen and (max-width: 640px) {
	.anketa-forma .gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
	.anketa-forma .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
	.anketa-forma .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
		position: relative;
		left: 38%;
	}
}
@media only screen and (max-width: 640px) {
	.anketa-forma .gform_body #gform_fields_16 #field_16_8 #input_16_8 .gchoice_16_8_1 #choice_16_8_1 {
		left: 0% !important;
	}
}
.anketa-forma #gform_fields_16 #field_16_8 .gchoice_16_8_1 {
	overflow: visible !important;
}

/* zaštita podataka page */

.zastita-podataka {
  padding: 150px 20px;
}
@media only screen and (max-width: 768px) {
  .zastita-podataka {
    padding: 65px 10px;
  }
}
.zastita-podataka-wrapper  {
    max-width: 1170px;
    padding: 0px 20px;
    margin: 0 auto;
}
.zastita-podataka-wrapper h2 {
  margin-bottom: 25px;
}

/* cookie consent footer */
/*
.cc_banner-wrapper  {
  width: 100%;
  z-index: 7500;
  color: #fff;
  background: #000;
  background: rgba(51, 51, 51, 0.9);
  line-height: 2;
  position: fixed;
  left: 0;
  bottom: 0;
}
.cc_banner-wrapper  {
  position: fixed;
  left: 0;
  bottom: 0;
}
.cc_banner {
    width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}
.cc_logo,
.cc_more_info {
  display: none;
}
.cc_btn,
.cc_btn_accept_all {
  position: absolute;
  right: 20%;
  top: 50%;
  transform: translate(0, -50%);
} */
#newsletter .gchoice_select_all,
#newsletter .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label{
    font-size: 15px!important;
    font-family: Lato Regular!important;
    color: #757575;
    font-weight: normal;
}
#newsletter .gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
#newsletter .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] {
    margin-top: 3px;
}

/* .....................................RESPONSIVE.......................................................................*/
@media all and (max-width: 1600px) {
 .teamItemsWrapper .uk-grid {
    margin-left: 60px!important;
 }
 .aboutUsWrapper_2 {
    max-width: 1200px;
 }
 .teamItemsWrapper .uk-slidenav-position .uk-slidenav-previous {
    left: 20px;
 }
  .aboutUsContent {
      padding-top: 180px;
  }
  .timeline {
      padding: 0px 370px;
  }
  .object_title {
      font-size: 40px;
  }
  .text_object p {
      font-size: 18px;
  }
  .group {
      padding-top: 130px;
  }
  .group .text_object {
    padding: 80px 80px 0px;
  }

}
@media all and (max-width: 1370px) {
  .home_img_slider .uk-position-cover {
    width: 60%;
  }
  .tabs, .news {
    max-width: 1000px;
    margin: 0 auto;
  }
  .portfolio .uk-grid.uk-grid-match {
    width: 95%;
    margin: 0 auto;
  }
  .contact, .portfolio {
    max-width: 90%;
  }
  .pojmovi_text {
    max-width: 90%;
  }
  .tabs .uk-switcher li {
    padding: 35px 55px 0px!important;
  }
  .timeline {
      padding: 0px 300px;
  }
  .object_title {
      font-size: 30px;
      margin-bottom: 15px;
  }
  .text_object p {
      font-size: 17px;
  }
  .group .img_object {
      height: 335px;
  }
  .group .text_object {
      padding: 60px 60px 0px;
  }
  .text_object p.bold_text {
      font-size: 20px;
  }
  .group .sectionTitle {
    padding: 30px 0px;
  }
}
@media all and (max-width: 1200px) {
  .heroSectionWrapper {
    padding-bottom: 700px;
  }
  .footerWrapper {
    max-width: 1000px;
  }
  .socialLinks img {
    margin-right: 30px;
  }
  .leftSideInfo {
    width: 300px;
  }
  .footerMenuBox {
    width: 210px !important;
  }
  .footerMenu {
    width: 630px;
  }
  .decoraterGrey {
    width: 850px;
  }
  .bigNumberFont {
    font-size: 90px;
  }
  .home_img_slider .uk-position-cover {
    width: 55%;
  }
  .home_img_slider .uk-slidenav-position .uk-slidenav-previous {
    left: 150px!important;
  }
  .home_img_slider .uk-slidenav-position .uk-slidenav-next {
    right: 150px!important;
  }
  .goalsSectionWrapper {
    padding-top: 25px;
  }
  .horizontalLine {
    top: 141px;
  }
  .slick-list.draggable{
    width: 80%;
    margin: 0 auto;
  }
  button.slick-prev.slick-arrow{
    left: 50px!important;
  }
  button.slick-next.slick-arrow{
    right: 50px!important;
  }
  .uk-nav.uk-nav-side {
    padding-left: 105px!important;
  }
  .box {
    max-width: 990px;
  }
  .aboutUsWrapper_2 {
    max-width: 90%;
  }
  #container .item {
    width: 31%;
    margin-bottom: 10px;
    height: 220px;
  }
  #filters li {
    width: 30%;
  }
  #filters li a img{
    width: 50px;
    height: auto;
  }
  #filters li a{
    font-size: 18px;
  }
  #filters li a span {
    font-size: 13px;
    line-height: 20px;
  }
  .searchBar {
    width: 100px;
  }
  .square{
    background-color: rgba(0, 0, 0, 0.8);
  }
  .single_post{
    width: 970px;
  }
  .trziste_forma{
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 30px;
  }
	.phone img, .siteMail img {
	    margin-right: 5px;
	}
	.addressInfo.siteMail img {
	    margin-right: 10px;
	}
	.phone img{
		width: 30px;
	}
	.numberFont {
	    font-size: 20px;
	}
	.addressInfo.siteMail span {
	    font-size: 18px;
	}
	.positionedLine_1 {
	    top: 124px;
	}
	.siteMail .positionedLine_1 {
	    top: 79px;
	}
	.addressInfo.siteMail{
		margin-bottom: 0px;
	}
	.positionedLine_2 {
	    top: 82px;
	}
}
@media all and (max-width: 1135px) {
  .heroSectionWrapper {
    padding-bottom: 650px;
  }
  .goalsSectionWrapper {
    max-width: 800px;
  }
  .decoraterGrey {
    width: 750px;
  }
  .newsletterSectionWrapper {
    max-width: 700px;
  }
  .footerWrapper {
    max-width: 880px;
  }
  .leftSideInfo {
    width: 235px;
  }
  .bigNumberFont {
    font-size: 80px;
  }
  .footerMenu {
    width: 615px;
  }
  .footerMenuBox {
    width: 205px !important;
  }
  .numberFont {
    font-size: 20px;
  }
  .footerContent_2 .contactInfo span.italicNormalText {
    font-size: 18px;
  }
  .faxInfo img,
  .addressInfo img {
    margin-right: 15px;
  }
  .phone img,
  .siteMail img {
    margin-right: 5px;
  }
  .socialLinks img {
    margin-right: 25px;
  }
  h1 {
    font-size: 40px;
  }
  .italicNormalText {
    font-size: 19px;
  }
  .logo_brand {
    width: 500px;
    height: 500px;
    padding: 30px;
  }
  .uk-nav.uk-nav-side li {
    width: 80px;
    height: 80px;
    padding: 15px;
  }
  .text_brand {
    right: -97%;
  }
  .logo_brand h3 {
    font-size: 30px;
  }
  .text_brand h3, h2 {
    font-size: 23px;
  }
  .text_brand p {
    font-size: 18px;
  }
  .offer .item div img {
    width: 40%;
  }
  .offer .item div {
    height: 110px;
  }
  .offer {
    width: 100%;
    padding-bottom: 0px;
  }
  .box {
    max-width: 95%;
  }
  .box div:nth-child(1) {
    padding: 55px 50px 30px;
  }
  .box div:nth-child(2) {
    padding: 35px 50px 55px;
  }
  .tabs {
    max-width: 85%;
  }
  .tabs .uk-switcher li {
    padding: 100px 30px 0px!important;
  }
  .tabs .uk-tab li a {
    font-size: 16px;
  }
  .news {
    max-width: 95%;
  }
  .news_item img {
    width: 65%;
    margin: 0 auto;
    margin-bottom: 50px;
  }
  .news_item p {
    font-size: 21px;
  }
  .blog_text p {
    font-size: 18px;
  }
  .news_item {
    min-height: auto;
    height: 470px!important;
    margin-right: 3%;
    padding: 40px 65px 20px;
  }
  .textBox {
    padding: 25px 30px 20px;
    margin-bottom: 80px;
  }
  .texBoxImg {
    padding-top: 20px;
  }
  .texBoxImg img{
    width: 100%;
  }
  .textBoxArticle p {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .aboutUsWrapper_2 {
    max-width: 85%;
  }
  .teamItemsWrapper .uk-panel-title {
    font-size: 17px;
    margin-bottom: 0px!important;
  }
  .teamItemsWrapper p {
    font-size: 17px;
    padding: 5px 10px 0px;
  }
  .teamItemsWrapper .uk-grid {
    margin-left: 30px!important;
  }
  .teamItemsWrapper .uk-slidenav-position .uk-slidenav-previous {
    left: -10px;
  }
  .teamItemsWrapper .uk-slidenav-position .uk-slidenav-next {
    right: -10px;
  }
  .teamItemsWrapper .yellowLine {
    width: 60%;
    margin: 5px auto 20px;
  }
  .teamItemsWrapper {
    padding-bottom: 60px;
  }
  .home_img_slider {
    width: 100%;
  }
  .horizontalLine {
    top: 136px;
  }
  .horizontalLine_newsletter {
    top: 131px;
  }
  .slideshow_support .uk-slidenav-position .uk-slidenav-previous {
    left: -55px!important;
  }
  .slideshow_support .uk-slidenav-position .uk-slidenav-next {
    right: -55px!important;
  }
  .tabs .uk-switcher li {
    padding: 30px 55px 0px!important;
  }
  .tabs .uk-switcher, .tabs .uk-tab{
    height: 660px;
  }
  .gmap iframe{
    height: 600px;
  }
  .forma {
      top: 60px;
      right: 40px;
      width: 35%;
  }
  .timeline {
      padding: 0px 220px;
  }
  .text_object {
      padding: 40px 15px 0px;
  }
  .object_title {
      font-size: 27px;
  }
  .text_object p {
      font-size: 16px;
  }
  .addressInfo.siteMail span {
    font-size: 15px;
   }
}
@media all and (max-width: 995px) {
  .heroSectionWrapper {
    padding-bottom: 610px;
  }
  .arrows {
    padding: 0px 40px;
  }
  .navbar-nav li a {
    padding: 15px 10px 10px;
  }
  .container, .single_post {
    width: 95% !important;
  }
  .goalItemBox {
    width: 25%;
    float: left;
  }
  .decoraterGrey {
    width: 720px;
  }
  .backroundImageSection {
    height: 480px;
  }
  .slideshow_support .uk-overlay-panel h3 {
    font-size: 18px;
  }
  .slideshow_support .uk-slider img {
    width: 40%;
  }
  .slideshow_support p {
    font-size: 16px;
    line-height: 20px;
  }
  .slideshow_support .uk-slidenav-position .uk-slidenav-next {
    right: -25px!important;
  }
  .slideshow_support .uk-slidenav-position .uk-slidenav-previous {
    left: -25px!important;
  }
  .text_brand {
    right: -106%;
  }
  .items_markets {
    max-width: 95%;
  }
  .offer .item div {
    margin-bottom: 10px;
  }
  .offer .item div img {
    width: 35%;
  }
  .boldTextNormal {
    font-size: 18px;
  }
  .italicNormalText {
    font-size: 17px;
  }
  .offer .item {
    margin-bottom: 60px;
  }
  h1 {
    font-size: 35px;
  }
  .box p {
    font-size: 18px;
  }
  .tabs .uk-switcher {
    width: 70%;
  }
  .tabs .uk-tab {
    width: 30%;
  }
  .tabs .uk-switcher li {
    padding: 25px 20px 0px!important;
  }
  .teamItemsWrapper .uk-grid-width-xlarge-1-4>* {
    width: 24.5%;
  }
  .teamItemsWrapper .uk-subnav li {
    padding: 6px 20px;
  }
  .text_brand h3, h2 {
    font-size: 20px;
  }
  .textBoxArticle p {
    font-size: 17px;
  }
  .texBoxImg {
    padding-top: 0px;
    padding-left: 15px;
  }
  .aboutUsContent {
    padding-top: 120px;
  }
  #field_1_1, .gform_wrapper .top_label div.ginput_container {
    width: 100%;
  }
  .contact div:nth-child(2) h4 {
    font-size: 22px;
  }
  .navigationSection {
    padding-top: 15px;
  }
}
@media all and (max-width: 935px) {
  .searchBar {
    width: 60px;
  }
  .footerWrapper {
    max-width: 800px;
  }
  .footerContent_1 {
    padding-bottom: 30px;
  }
  .leftSideInfo {
    width: 35%;
    margin-right: 5%;
  }
  .footerMenu {
    width: 60%;
  }
  .footerMenuBox {
    width: 50% !important;
  }
  .footerMenuBox:last-child {
    margin-top: 48px;
  }
  .siteMail {
    border-bottom: 1px solid #404040;
  }
  .textBox {
    padding: 50px 80px 20px;
  }
  .heroSectionWrapper {
    padding-bottom: 580px;
  }
  .horizontalLine {
    top: 130px;
  }
  .bigNumberFont {
    font-size: 70px;
  }
  .brandsItemsWrapper {
    padding-top: 60px;
  }
  .horizontalLine_newsletter {
    top: 125px;
  }
  .text_brand p {
    font-size: 17px;
  }
  .items_markets div span {
    font-size: 21px;
  }
  .textBox {
    padding: 15px 40px 20px;
  }
  .tabs .uk-switcher, .tabs .uk-tab {
    height: 755px;
  }
  .wpls-logo-showcase button.slick-arrow {
    width: 55px!important;
    height: 55px!important;
  }
}
@media all and (max-width: 900px) {
  .heroSectionWrapper {
    padding-bottom: 520px;
  }
  .backroundImageSection {
    height: 440px;
  }
  .searchBar {
    width: 40px;
  }
  .goalsSectionWrapper {
    max-width: 750px;
  }
  .bigNumberFont {
    font-size: 60px;
  }
  .decoraterGrey {
    width: 600px;
  }
  .socialLinks img {
    margin-right: 20px;
  }
  .goalsSectionWrapper,
  .newsletterSectionWrapper {
    max-width: 670px;
  }
  .backroundImageSection {
    padding-top: 50px;
  }
  .backroundImageSection {
    height: 330px;
  }
  .home_img_slider .uk-position-cover{
    top: -135px;
  }
  .home_img_slider .uk-slideshow{
    height: 360px!important;
  }
  h1 {
    font-size: 30px;
  }
  .horizontalLine {
    top: 125px;
  }
  .decoraterGrey {
    width: 80%;
  }
  button.slick-prev.slick-arrow {
    left: 10px!important;
  }
  button.slick-next.slick-arrow {
    right: 10px!important;
  }
  .horizontalLine_newsletter {
    top: 120px;
  }
  .slideshow_support {
    width: 90%;
    margin: 0 auto;
  }
  .uk-slider-container ul li {
    width: 260px;
  }
  .uk-panel.uk-overlay.uk-overlay-hover.uk-cover-background {
    min-height: 260px;
  }
  .logo_brand {
    width: 400px;
    height: 400px;
    padding: 30px 10px 10px;
  }
  .logo_brand h3 {
    font-size: 22px;
  }
  .logo_brand img{
    width: 60%;
  }
  .logo_brand div {
    margin-bottom: 35px;
  }
  .uk-nav.uk-nav-side {
    padding-left: 60px!important;
  }
  .text_brand {
    right: -97%;
  }
  .items_markets div img {
    width: 75%;
  }
  .offer .item {
    width: 33.333333%;
    margin-right: 0%;
  }
  .group {
      padding-top: 90px;
  }
  .text_object p.bold_text {
      font-size: 18px;
      margin-top: 15px;
  }
	.contactInfo {
	    float: none;
	    width: 100%;
	    text-align: center;
	    margin-bottom: 20px;
	}
	.socialLinks {
	    float: none;
	    width: 100%;
	    text-align: center;
	}
	.faxInfo img, .addressInfo img {
	    margin-right: 5px;
	    width: 25px;
	}
}
@media all and (max-width: 880px) {
  .footerWrapper {
    max-width: 700px;
  }
  .faxInfo {
    margin-right: 25px;
  }
  .socialLinks img {
    margin-right: 10px;
  }
  .goalsSectionWrapper,
  .newsletterSectionWrapper {
    max-width: 650px;
  }
  .slideshow_support .uk-slider img {
    width: 35%;
  }
  .uk-slider-container ul li {
    width: 245px;
  }
  .text_brand {
    right: -103%;
  }
  .items_markets div{
    height: 300px;
  }
  .items_markets {
    padding: 30px 0px;
  }
  .tabs .uk-tab li {
    width: 200px;
    padding-top: 20px;
  }
  .tabs .uk-tab li a {
    font-size: 14px;
  }
  .tabs .distribucija {
    width: 47%;
  }
  .news_item img {
    width: 50%;
  }
  .news_item {
    height: 400px!important;
    padding: 40px 35px 20px;
  }
  .news_item p {
    font-size: 20px;
  }
  .blog_text p {
    font-size: 17px;
  }
  .textBox {
    padding: 25px 35px 20px;
  }
  .bg_animate, .bg_static {
    height: 745px;
    background-size: contain;
    border-radius: unset;
    box-shadow: none;
  }
  .logoImage {
    width: 165px;
    margin-top: 2px;
  }
  .searchBar {
    margin-top: 23px;
  }
  .single_post {
    padding-top: 115px;
    padding-bottom: 75px;
  }
  .forma {
    top: 60px;
    right: 13px;
    width: 45%;
  }
  .timeline {
      padding: 0px 125px;
  }
  .full_size .half_left,
  .full_size .half_right,
  .full_size.kontra .half_left,
  .full_size.kontra .half_right{
      float: none;
      width: 100%;
  }
  .group .text_object,
  .text_object {
      padding: 35px 50px 30px;
  }
  .img_object {
      height: 345px;
  }

}
@media all and (max-width: 820px) {
  .goalsSectionWrapper,
  .newsletterSectionWrapper {
    max-width: 600px;
  }
  .goalItems.row hr {
    width: 75px;
  }
  .bigNumberFont {
    font-size: 55px;
  }
  .btnInput {
    width: 230px;
  }
  .contactInfo {
    float: none;
    width: 100%;
  }
  .socialLinks {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
  .socialLinks img {
    margin-right: 30px;
  }
  .footerContent_2 {
    padding: 25px 0px 35px;
  }
  h1 {
    font-size: 27px;
  }
  .home_img_slider .uk-slidenav-position .uk-slidenav-previous {
    left: 80px!important;
  }
  .home_img_slider .uk-slidenav-position .uk-slidenav-next {
    right: 80px!important;
  }
  .home_img_slider .uk-slideshow {
    height: 320px!important;
  }
  .horizontalLine {
    top: 121px;
  }
  .horizontalLine_newsletter {
    top: 116px;
  }
  .uk-slider-container ul li {
    width: 50%;
  }
  .logo_brand {
    width: 50%;
    height: 370px;
    padding: 30px 10px 10px;
  }
  .uk-margin{
    margin-top: 230px;
  }
  .portfolio .uk-grid.uk-grid-match {
    width: 95%;
    margin: 0 auto;
    height: 425px;
    position: relative;
  }
  .uk-width-medium-1-2 {
    width: 100%!important;
    position: absolute;
    top: -120px;
    text-align: center;
    padding-left: 0px!important;
  }
  .text_brand {
    right: 0px;
    width: 50%;
  }
  .uk-nav.uk-nav-side{
    padding-left: 0px!important;
    z-index: 8;
  }
  .logo_brand hr.yellowLine {
    margin-bottom: 30px;
  }
  .items_markets div {
    padding: 10px 5px;
  }
  .items_markets div span {
    font-size: 18px;
  }
  .items_markets div {
    height: 260px;
  }
  .box p {
    font-size: 17px;
  }
  #load-more {
    width: 220px;
  }
  .texBoxImg {
    width: 100%;
    padding-left: 0px;
    float: none;
  }
  .textBoxArticle {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
  .teamItemsWrapper p {
    font-size: 16px;
    padding: 5px 5px 0px;
  }
  .textBoxArticle p{
    text-align: justify;
  }
  .navbar-nav li a {
    padding: 15px 7px 10px;
  }
  .logoImage {
    width: 135px;
    margin-top: 6px;
  }
  #cr {
    height: 120px;
    top: 90px;
  }
  #rs {
    width: 25%;
    height: 285px;
  }
  #bih {
    width: 25%;
    height: 150px;
    top: 30%;
  }
  #mn {
    height: 85px;
  }
  #alb {
    height: 210px;
    }
  .gmap iframe {
      height: 365px;
  }
  .forma {
      margin-top: 30px;
      top: auto;
      right: auto;
      width: 100%;
      position: relative;
  }
  .backroundImageSection p {
      font-size: 17px;
  }
}

@media all and (max-width: 770px) {
  .navigationWrapper {
    border: none;
  }
  .navbar-toggle {
    float: none;
  }
  .responsiveSearhBar a img {
    margin-left: 90px;
  }
  .navbar-toggle {
    position: absolute;
    right: 0px;
    z-index: 99;
    top: 10px;
    padding: 15px;
    background: #fdce15;
    border: 1px solid transparent;
    border-radius: 50%;
  }
  .heroSectionWrapper {
    padding-bottom: 470px;
  }
  .goalsSection .horizontalLine {
    top: 121px;
  }
  .backroundImageSection {
    height: 300px;
  }
  .bigNumberFont {
    font-size: 45px;
  }
  .slideshow_support .uk-slidenav-position .uk-slidenav-previous, .slideshow_support .uk-slidenav-position .uk-slidenav-next {
    display: none!important;
  }
  .logo_brand {
    height: 355px;
  }
  .portfolio, .markets, .partneri, .group, .aboutUsWrapper_1, .contact {
    padding-top: 100px;
  }
  .teamItemsWrapper .uk-grid-width-xlarge-1-4>* {
    width: 36.5%;
  }
  .teamItemsWrapper .yellowLine {
    width: 40%;
    margin: 5px auto 20px;
  }
  .contact div:nth-child(2) h4 {
    font-size: 20px;
  }
  .contact {
    padding-bottom: 45px;
  }
  #filters li {
    width: 28%;
  }
  #container .item {
    height: 190px;
  }
  .navigationWrapper {
    border: none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: rgba(000, 000, 000, 0.8);
    width: 100%;
    float: right;
    text-align: center;
  }
  .mainMenu{
    float: none;
  }
  .navbar-collapse {
    border-top: none !important;
    -webkit-box-shadow: unset !important;
    box-shadow: none !important;
  }
  .gmap, .forma {
    width: 100%;
    float: none;
  }
  .logoImage {
    width: 170px;
    margin-top: 5px;
  }
  .navigationWrapper {
    height: 50px;
  }
  .searchBar {
    display: none;
  }
  .search {
    left: auto;
    right: 60px;
  }
  .navbar-toggle {
    right: 3px;
    top: -6px;
  }
  .responsiveSearhBar{
    display: block;
  }
  .navbar-collapse.in, .navbar-collapse{
    background: rgba(000, 000, 000, 0.85);
    width: 100%;
    border: 1px solid transparent;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
  }
  .navigationSection {
    padding-top: 0px;
  }
  .single_post div h3 {
    font-size: 25px;
  }
  .single_post div img {
    width: 50%;
  }
  .single_post div {
    padding: 50px 35px;
  }
}
@media all and (max-width: 740px) {

  .footerWrapper {
    max-width: 600px;
  }
  .footerMenu {
    width: 50%;
  }
  .leftSideInfo {
    width: 45%;
  }
  .footerMenuBox {
    width: 100% !important;
    padding-left: 100px;
  }
  .footerMenuBox:first-child {
    margin-bottom: 30px;
  }
  .footerMenuBox:last-child {
    margin-top: 30px;
  }
  .home_img_slider .uk-slideshow {
    height: 280px!important;
  }
  .home_img_slider .uk-slidenav-position .uk-slidenav-next {
    right: 50px!important;
  }
  .home_img_slider .uk-slidenav-position .uk-slidenav-previous {
    left: 50px!important;
  }
  .logo_brand {
    height: 318px;
    padding-top: 17px;
  }
  .text_brand {
    width: 48%;
  }
  .logo_brand h3 {
    font-size: 20px;
  }
  .items_markets div {
    width: 46%;
    margin-right: 7%;
  }
  .items_markets div:nth-child(3n) {
    margin-right: 7%;
  }
  .items_markets div:nth-child(2n) {
    margin-right: 0px;
  }
  .items_markets {
    max-width: 85%;
  }
  h1 {
    font-size: 25px;
  }
  .news_item p {
    font-size: 18px;
  }
  .blog_text p {
    font-size: 16px;
  }
  .mobile_accordion{
    display: block;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  .tabs{
    display: none;
  }
  .mobile_accordion .uk-accordion-title{
    margin-bottom: 0px;
    padding: 20px 20px;
    font-family: Lato Bold;
    font-size: 18px;
    color: #4c4c4c;
    border-bottom: 1px solid #FDCE15;
  }
  .mobile_accordion .uk-accordion-content.uk-active, .mobile_accordion .uk-accordion-content{
    background-color: rgba(255, 255, 255, 0.5);
    padding: 50px 35px;
  }
  .mobile_accordion .uk-accordion.uk-text-left h3:first-child {
    border: 1px solid transparent;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom: 1px solid #FDCE15;
  }
  .mobile_accordion .uk-accordion.uk-text-left h3.uk-accordion-title.uk-active:nth-child(9){
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .mobile_accordion > div > div:nth-child(10) > div.uk-accordion-content.uk-active{
    border: 1px solid transparent;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
  }
  .mobile_accordion .uk-accordion.uk-text-left h3:nth-child(9) {
    border: 1px solid transparent;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
  }
  .mobile_accordion .uk-margin{
    margin-top: 0px;
  }
  .mobile_accordion .distribucija{
    width: 50%;
    margin-bottom: 20px;
    float: left;
    text-align: left;
  }
  .mobile_accordion .text_tab  .yellowLine, .distribucija .yellowLine{
    margin-left: 0px;
  }
  .mobile_accordion .text_tab{
    width: 100%;
    margin-bottom: 20px;
  }
  .texBoxImg img {
    width: 80%;
  }
  .mobile_accordion h4{
    font-family: Lato Bold;
    font-size: 18px;
    color: #000;
  }
  .mobile_accordion p {
    font-family: Lato Italic;
    font-size: 16px;
    color: #fff;
  }
  .contact {
    padding-top: 150px;
  }
  .object_title {
      font-size: 22px;
  }
  .group .img_object,
  .img_object {
      height: 250px;
  }
  .timeline {
      padding: 0px 10%;
  }

}
@media all and (max-width: 670px) {
  .heroSectionWrapper {
    padding-bottom: 360px;
  }
  .goalsSectionWrapper,
  .newsletterSectionWrapper {
    max-width: 530px;
  }
  .goalsSection .horizontalLine {
    top: 119px;
  }
  .horizontalLine_newsletter {
    top: 114px;
  }
  .backroundImageSection {
    height: 270px;
  }
  .text_brand p {
    font-size: 16px;
  }
  .logo_brand {
    height: 309px;
  }
  .offer .item div {
    height: 80px;
  }
  .box div:nth-child(1) {
    padding: 45px 25px 20px;
  }
  .news_item {
    padding: 35px 15px 20px;
  }
  .pojmovi_text div p {
    text-align: justify;
  }
  #cr {
    top: 50px;
  }
  #bih {
    top: 28%;
  }
  #rs {
    width: 20%;
    height: 255px;
    left: 54%;
    top: 17%;
  }
  #mk {
    height: 100px;
    top: 63%;
  }
  #alb {
    height: 155px;
  }
  .bg_animate, .bg_static {
    height: 580px;
  }
}
@media all and (max-width: 650px) {

  .footerWrapper {
    max-width: 500px;
  }
  .findMore {
    float: right;
    margin-right: 0px;
  }
  .footerMenuBox {
    padding-left: 75px;
  }
  .footerMenuBox {
    padding-left: 50px;
  }
  .home_img_slider .uk-slideshow {
    height: 245px!important;
  }
  .decoraterGrey {
    height: 340px;
  }
  .brandsItemsWrapper {
    padding-top: 45px;
  }
  .portfolio .uk-grid.uk-grid-match {
    height: 700px;
  }
  .logo_brand {
    height: 455px;
    width: 80%;
    float: none;
    margin: 0 auto;
    padding-top: 55px;
  }
  .logo_brand div {
    margin-bottom: 40px;
  }
  .logo_brand h3 {
    font-size: 25px;
  }
  .text_brand {
    width: 100%;
    position: relative;
    padding-top: 20px;
  }
  .teamItemsWrapper .uk-subnav {
    width: 100%;
    border: none;
  }
  .teamItemsWrapper .uk-subnav>*>* {
    font-size: 13px;
  }
  .textBox {
    padding: 20px;
  }
  .teamItemsWrapper .uk-subnav li {
    margin-right: 10px!important;
  }
  .pojmovi_text {
    padding: 5px 0px 25px;
  }
  .pojmovi_text div span {
    font-size: 16px;
  }
  .pojmovi_text div p {
    font-size: 14px;
  }
  .bg_animate, .bg_static {
    height: 565px;
    margin-bottom: 55px;
  }
  .contact {
    padding-top: 60px;
  }
  .gmap{
    padding-top: 0px;
  }
  .positionedLine_2 {
    top: 108px;
	}
}
@media all and (max-width: 600px) {

  .goalsSectionWrapper,
  .newsletterSectionWrapper {
    max-width: 480px;
  }
  .backroundImageSection {
    height: 230px;
  }
  .home_img_slider .uk-slidenav-position .uk-slidenav-next, .home_img_slider .uk-slidenav-position .uk-slidenav-previous{
    display: none!important;
  }
  .offer .item {
    padding-left: 10px;
    padding-right: 0px;
  }
  .aboutUsWrapper_2 {
    max-width: 95%;
  }
  #container .item {
    height: 160px;
  }
  .group .text_object, .text_object {
    padding: 35px 15px 30px;
  }
  .group .img_object, .img_object {
    height: 225px;
  }
  .timeline li:after {
    font-size: 14px;
  }
  .timeline li:before {
    font-size: 18px;
  }
  .timeline li:nth-child(odd) {
    background-size: contain;
    background-repeat: no-repeat;
  }
  .timeline li:nth-child(even) {
    background-size: contain;
    background-repeat: no-repeat;
  }
  .trziste_forma {
      top:-30px;
  }
}
@media all and (max-width: 550px) {

  .goalsSectionWrapper,
  .newsletterSectionWrapper {
    max-width: 400px;
  }
  .goalItems.row hr {
    width: 50px;
  }
  .goalItems.row span.normalText.yellow {
    font-size: 20px;
  }
  .footerWrapper {
    max-width: 420px;
  }
  .leftSideInfo a img {
    width: 160px;
  }
  .footerHorizontalLine {
    display: none;
  }
  .positionedLine_1 {
    top: 164px;
  }
  .positionedLine_2 {
    top: 107px;
  }
  .siteMail {
    padding-bottom: 20px;
  }
  .footerMenuBox {
    padding-left: 15px;
  }
  .faxInfo {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 20px;
  }
  .logoWrapper a img {
    width: 135px;
  }
  .home_img_slider .uk-slideshow {
    height: 220px!important;
  }
  .bigNumberFont {
    font-size: 35px;
  }
  .goalsSection .horizontalLine {
    top: 116px;
  }
  .offer {
    text-align: center;
  }
  .offer .item {
    width: 49%;
    display: inline-block;
    margin-right: 0%;
    float: none;
    padding: 0px 15px;
  }
  .offer .item div img {
    width: 27%;
  }
  .news_item {
    width: 80%;
    margin: 0 auto;
    float: none;
    margin-bottom: 30px;
  }
  .news_item:nth-child(2n) {
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .teamItemsWrapper .uk-subnav {
    width: 70%;
  }
  #filters li a {
    font-size: 16px;
  }
  #filters {
    margin-bottom: 35px;
  }
  .bg_animate, .bg_static {
    height: 630px;
  }
  .single_post div {
    padding: 30px 20px;
  }
  .single_post div h3 {
    font-size: 20px;
  }
  .single_post div p {
    font-size: 16px;
  }
  #cr {
    height: 90px;
    top: 35px;
    left: 40px;
  }
  #bih {
    height: 90px;
  }
  #alb {
    height: 140px;
  }
  #mk {
    height: 85px;
  }
  #rs {
    height: 240px;
    top: 10%;
  }
  .gmap iframe {
      height: 265px;
  }
}
@media all and (max-width: 500px) {
  .logoWrapper a img {
    width: 110px;
    padding-top: 5px;
  }
  .signInItems {
    display: none;
  }
  .hiddenIcons,
  .avatar {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
  }
  .hiddenIcons img,
  .avatar img{
    width: 30px;
    opacity: 1.0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  .hiddenIcons a:hover img{
    opacity: 0.6;
  }
  .sectionTitle {
    width: 85%;
    margin: 0 auto;
  }
  .footerContent_1 {
    padding-top: 50px;
  }
  .footerWrapper {
    width: 100%;
    padding: 0 40px;
  }
  .leftSideInfo {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 50px;
  }
  .footerMenu {
    width: 100%;
  }
  .footerMenuBox {
    padding-left: 0px;
  }
  .positionedLine_1 {
    top: 134px;
  }
  .positionedLine_2 {
    top: 79px;
  }
  .uk-slider-container ul li {
     width: 100%;
  }
  .slideshow_support .uk-slidenav-position .uk-slidenav-previous, .slideshow_support .uk-slidenav-position .uk-slidenav-next {
    display: block!important;
  }
  .logo_brand {
    width: 95%;
  }
  .box div:nth-child(1) {
    padding: 45px 0px 20px;
  }
  .teamItemsWrapper .uk-subnav {
    width: 90%;
  }
  .teamItemsWrapper .uk-grid-width-xlarge-1-4>* {
    width: 60.5%;
  }
  .gmap {
    padding-top: 0px;
  }
  .contact div:nth-child(2) h4 {
    font-size: 17px;
  }
  .contact div:nth-child(2) p, .contact div:nth-child(4) label {
    font-size: 15px;
  }
  .gmap iframe{
    height: 200px;
  }
  .contact div:nth-child(4) {
    width: 100%;
  }
  .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    width: 120px!important;
    padding: 7px 0px!important;
    font-size: 13px!important;
  }
  .contact {
    padding-bottom: 15px;
  }
  .portfolio .sectionTitle.aboutTitle {
    width: 100%;
  }
  #container .item {
    width: 48%;
    height: 135px;
  }
  #filters li {
    width: 25%;
  }
  #filters li a span{
    display: none;
  }
  #filters li {
    width: 32%;
    margin-right: 0px;
  }
  .portfolio .sectionTitle.aboutTitle {
    margin-bottom: 15px;
  }
  .navbar-collapse.in{
    width: 100%;
    background: rgba(000, 000, 000, 0.8)!important;
  }
	.positionedLine_1 {
	    top: 124px;
	}
	.positionedLine_2 {
	    top: 84px;
	}
	.addressInfo.siteMail {
	    width: 100%;
	}
	.contactInfo .numberFont {
	    display: block;
	    margin-bottom: 12px;
	}
	.faxInfo {
	    margin-bottom: 5px;
	}
}
@media all and (max-width: 450px) {
  .container {
    width: 90% !important;
  }
  .responsiveSearhBar a img {
    margin-left: 65px;
  }
  #search input[type="search"] {
    font-size: 30px;
  }
  .goalsSectionWrapper,
  .newsletterSectionWrapper {
    max-width: 320px;
  }
  .goalItems.row hr {
    width: 40px;
  }
  .goalItemBox {
    padding: 0px;
  }
  .goalItems.row span.normalText.yellow {
    font-size: 18px;
  }
  .btnInput {
    width: 200px;
  }
  .sectionTitle {
    width: 65%;
  }
  .items_markets div {
    width: 100%;
    margin-right: 0px;
    height: 300px;
    padding: 30px 15px;
  }
  .aboutUsPage{
    background-color: #000;
    background-image: none;
  }
  .box .sectionTitle {
    width: 90%;
  }
  .mobile_accordion .distribucija {
    width: 100%;
  }
  .teamItemsWrapper .uk-panel-title, .teamItemsWrapper p {
    color: #fff;
  }
  .bg_animate, .bg_static {
    height: 565px;
  }
  .timeline li {
      width: 20px;
      margin-top: -8px;
  }
  .timeline li:nth-child(even):before {
      bottom: -10px;
  }
  .timeline li:nth-child(odd) {
      top: -46px;
  }
  .timeline_box {
      height: 325px;
  }
  .group .img_object, .img_object {
      height: 180px;
  }
  .text_object p {
      font-size: 15px;
  }
  .timeline li:nth-child(odd):after {
    margin-bottom: 25px;
  }
  .newsletterSectionWrapper {
      margin-bottom: 75px;
  }
  #field_13_1 > label{
    display: none;
  }

}
@media all and (max-width: 400px) {
  .responsiveSearhBar a img {
    margin-left: 25px;
  }
  .goalsSectionWrapper,
  .newsletterSectionWrapper {
    max-width: 300px;
  }
  .footerWrapper {
    padding: 0 30px;
  }
  .findMore span {
    margin-right: 0px;
  }
  #search input[type="search"] {
    width: 70%;
    margin-left: 15%;
  }
  h1 {
    font-size: 20px;
  }
  .italicNormalText {
    font-size: 16px;
    line-height: 16px;
  }
  .home_img_slider .uk-position-cover {
    top: -135px;
  }
  .home_img_slider .uk-slideshow {
    height: 160px!important;
  }
  .bigNumberFont {
    font-size: 27px;
  }
  .goalsSection .horizontalLine {
    top: 108px;
  }
  button.slick-prev.slick-arrow, button.slick-next.slick-arrow{
    display: none!important;
  }
  .decoraterGrey {
    width: 95%;
  }
  .horizontalLine_newsletter {
    top: 104px;
  }
  .slideshow_support .uk-slidenav-position .uk-slidenav-previous, .slideshow_support .uk-slidenav-position .uk-slidenav-next {
    display: none!important;
  }
  .box div:nth-child(2) a {
    width: 170px;
    padding: 8px 0px;
    font-size: 13px;
  }
  .mobile_accordion .uk-accordion-title {
    font-size: 17px;
  }
  .news_item {
    height: 370px!important;
  }
  .portfolio {
    max-width: 95%;
  }
  #filters li a {
    font-size: 14px;
  }
  .single_post div h3 {
    font-size: 18px;
  }
  .single_post div p {
    font-size: 14px;
    text-align: justify;
  }
  div.post_links a{
    font-size: 16px;
  }
  .single_post {
    padding-top: 100px;
    padding-bottom: 15px;
  }
  .contact {
    padding-top: 90px;
  }
 .text_object p.bold_text {
    font-size: 16px;
  }
}
@media all and (max-width: 350px) {
  .responsiveSearhBar a img {
    margin-left: 20px;
  }
  .navbar-collapse {
    padding-left: 15px;
  }
  .serviceSectionWrapper {
    max-width: 100%;
    padding: 0px;
  }
  .goalsSectionWrapper,
  .newsletterSectionWrapper {
    max-width: 260px;
  }
  .footerWrapper {
    padding: 0px 10px;
  }
  .socialLinks img {
    margin-right: 20px;
  }
  .home_img_slider .uk-position-cover {
    top: -160px;
  }
  .wpls-fix-box {
    width: 200px;
  }
  .logo_brand {
    height: 375px;
    padding-top: 35px;
  }
  .portfolio {
    padding-bottom: 50px;
  }
  .boldTextNormal {
    font-size: 14px;
  }
  .offer .item div img {
    width: 40%;
  }
  .news_item {
    width: 90%;
  }
  .teamItemsWrapper .uk-subnav {
    width: 100%;
  }
  .teamItemsWrapper .uk-subnav li {
    margin-right: 5px!important;
  }
  #filters li a {
    font-size: 14px;
  }
  .timeline_box {
      height: 265px;
  }
  .timeline li:before {
      font-size: 16px;
  }
  .timeline li:after {
      font-size: 12px;
  }
  .timeline {
      padding: 0px 5%;
  }
  .group .img_object, .img_object {
      height: 150px;
  }
  .object_title {
      font-size: 20px;
  }
  .trziste_forma {
      width: 110%;
  }
  .backroundImageSection p {
    font-size: 15px;
    line-height: 22px;
  }
  .backroundImageSection .sectionTitle {
      width: 85%;
  }
  .backroundImageSection {
      height: 195px;
  }
}
/* .........................................END OF RESPONSIVE.........................................................