*{
	margin:0px;
	padding:0px;
	font-family: 'PT Sans', sans-serif;
	/*font-family:'FontAwesome';*/
}

body{
	display:block;
	width:100%;
	height:auto;
	background:#fff!important;
}

html{
	width:100%;
}

@font-face {
    font-family: 'IcoMoon';
    src: url("../font/IcoMoon-Free.ttf");
}

/* ------------------------- */
/* --- Start: !ANIMATIONS --- */
/* ------------------------- */

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

.animated-long {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

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

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

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

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

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

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

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

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

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

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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


@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
/* ------------------------- */
/* ----- Start: !HEADER ---- */
/* ------------------------- */

#header{
	display:block;
	width:100%;
	height:185px;
	background:#fff;
	position:relative;
	transition:.3s all, ease-in-out;
	z-index:2;
  /*z-index:1;*/
}

.wrapper{
	display:block;
	width:100%;
	max-width:2031px;
	margin:0 auto;
  height:100%;
  margin-top:15px;
}

.top-part{
    display: none;
    width: 100%;
    height: 38px;
    padding: 0;
    margin: 0;
    /*background-color: #00a2fd;*/
}


.center-part{
	display:block;
	width:100%;
	height:135px;
	/*background:url("../images_/under-construction.png"), url("../images_/coming-soon.png");
	background-repeat:no-repeat;
	background-size: 295px, 139px;
  background-position: 95% 33%, 0% 50%;*/
}

.center-part img{
  max-width:225px;
  width:100%;
  margin:0 auto;
  display:block;
  clear:both;
  padding-top: 7px;
  /*animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;*/
}

.bottom-part{
	display:block;
	width:100%;
	border-top: 1px dotted #cccccc;
	height:45px;
  background-color:#00a2fd;
}

#nav-bar{
	position:relative;
  height:100%!important;
  margin:0px!important;
  /*background:url("../images_/flags.png") no-repeat;
  background-position:98.5% 50%;
  background-size: 130px;*/
}

#nav-bar li{
	list-style:none;
	display:inline-block;
  font-size: 10 18px;
  font-size:18px;
  height:44px;
}

#nav-bar a{
	text-decoration:none;
	transition: all .2s;
  display:inline-block;
  position:relative;
  float:left;
  height:44px!important;
  width:100%!important;
  padding: 10px 31px;
  color:#fff;
}

#nav-bar li{
  text-decoration:none;
  display:inline-block;
  position:relative;
  border-right: 1px solid #fff;
  float:left;
}

#nav-bar a:hover{
  /*background-color:#0195EB;*/
  background-color:#008bdb;
}

.addclass{
  box-shadow: 0 0px 11px rgba(50,50,93,.21),0 3px 6px rgba(0,0,0,.08);
  background:#8cc63f;
  color:#fff!important;
}

#nav-bar a:active{
	transform: scale(.95);
}

.right-part p{
	color:#fff;
	display:inline-block;
	height: 30px;
	padding-top: 5px;
}

.right-part p.first{
	padding-right:20px;
    padding-left: 32px;
    background: url("../images_/phone.png") no-repeat;
    background-size: 22px;
    background-position: 1px 3px;
}

.right-part p.second{
	padding-right:20px;
    padding-left: 32px;
    background: url("../images_/email.png") no-repeat;
    background-size: 22px;
    background-position: 3px 6px;
}

.right-part{
	float:right;
	padding:4px 30px 0px 0px;
}

.dropdown{
	display:block;
	padding-right:20px!important;
  position:relative;
}

.dropdown:after{
    display: block;
    content: "▲";
    right: 5px;
    font-size: 12px;
    position: absolute;
    top: 7px;
    transform: rotate(180deg);
    text-indent: inherit;
}

.dropdown.toggle:after{
	transform: rotate(0);
}

.dropdown1{
	display:block;
	padding-right:20px!important;
}

.dropdown1:after{
    display: block;
    content: "▲";
    right: 5px;
    font-size: 12px;
    position: absolute;
    top: 7px;
    transform: rotate(180deg);
    text-indent: inherit;
}

.dropdown1.toggle:after{
	transform: rotate(0);
}

.fixed{
	position:fixed;
	top:0px;
	z-index:9999;
  	/*background: url("../images_/mkplast-logo-white2.png") #00a2fd;*/
  	background: url("../images_/mkplast-logo-old-fixed.png") #00a2fd;
  	background-repeat: no-repeat;
  	background-size: 70px;
  	background-position: 50% 50%;
  	max-width:2031px;
    transform:initial!important;
}

#menu-contact{
	width:60px!important;
}

#nav-bar-fixed a.resize{
  width:105px!important;
}

.ancor{
	display:block;
	position:relative;
	top:0px;
	height:5px;
	width:100%;
}

#nav-bar-fixed{
	list-style:none;
  position: relative;
  top: 9px;
  margin-left:30px;
  display:none;
  float:left;
}

#nav-bar-fixed li{
	display:inline-block;
	padding-right: 21px;
}

#nav-bar-fixed a{
    text-decoration: none;
    color: #fff;
    /*padding-right: 21px;*/
    font-size: 16px;
}


/* Underline From Center */
#nav-bar-fixed a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  padding-bottom:3px;
  text-align:center;
}
#nav-bar-fixed a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #b2f70a;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#nav-bar-fixed a:hover:before, #nav-bar-fixed a:focus:before, #nav-bar-fixed a:active:before {
  left: 0;
  right: 0;
}

#nav-bar-fixed a:before{
  /*background: #ffed51!important;*/
  background:#b2f70a!important;
  
}
#nav-bar-fixed a:hover{
  /*color:#ffed51!important;*/
  color:#b2f70a!important;
}

.show{display:block!important;}

.hide{display:none!important;}

.clr{clear:both;}

.dropdown-brand{
  position:absolute;
  background:#8cc63f;
  display:block;
  padding: 10px;
  width: 131px;
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  left: 249px;
  top:-5px;
  display:none; /*change to none after*/
}

.dropdown-brand li{
  display:block;
  width:100%;
  border-bottom: 1px solid #fff;
  padding: 5px 0px;
}

.dropdown-brand li{
  display:block;
  width:100%;
}

.dropdown-brand a{
  color:#fff!important;
  text-decoration:none;
}

.dropdown-brand a:hover{
  color:#000;
  text-decoration:none;
}

.relative{
  position:relative;
}
.dropdown-brand li:hover{
  color:#000;
}

.drop-wrap{
  display:block;
  max-width:2031px;
  height:100%;
  position:relative;
}
/*
.dropdown-brand li a{
  text-decoration:none;
  color:#fff;
  box-shadow:;
}*/

.nborder{
  border-bottom:none!important;
}

.dropdown-appear{
  display:block;
}


.c010{
  color:#b2f70a!important;
}

.c011{
  background: url(../images_/000.png) 50% 100% no-repeat;
}

.c012{
  color:#00a2fd!important;
}

#native6 a:hover{
  color:#00a2fd!important;
}

#native1 a:focus, #native1 a:hover, #native2 a:focus, #native2 a:hover, #native3 a:focus, #native3 a:hover, #native4 a:focus, #native4 a:hover, #native5 a:focus, #native5 a:hover{
  color:#0675b2!important;
  text-decoration:none!important;
}

/* ------------------------- */
/* ------ Start: INDEX ---- */
/* ------------------------- */

#myCarousel{
  max-width:2031px;
  margin:0 auto;
}

#fill{
width:100%;}

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

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

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

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

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

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

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

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

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

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

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

.arrow-down{
    margin: 0 auto;
    display: block;
    position: relative;
    top: 0px;
    transition-property: margin-top, opacity;
    transition-duration: 1s;
    transition-timing-function: ease;
    -moz-transition-property: margin-top, opacity;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: ease;
    -webkit-transition-property: margin-top, opacity;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    -o-transition-property: margin-top, opacity;
    -o-transition-duration: 1s;
    -o-transition-timing-function: ease;
    /* background-size: 50px 50px; */
    opacity: 1;
    cursor: pointer;
}

.arrow-down {
    animation: myfirst 1s infinite;
    -moz-animation: myfirst 1s infinite;
    -webkit-animation: myfirst 1s infinite;
    -o-animation: myfirst 1s infinite;
    cursor: pointer;
}

.arrow-down {animation:myfirst 1s infinite;-moz-animation:myfirst 1s infinite; -webkit-animation:myfirst 1s infinite; -o-animation:myfirst 1s infinite;cursor:pointer;}@keyframes myfirst {0% {opacity: 1;padding-top:30px;}50% {opacity : 0;padding-top:0px;}100% {opacity: 1;padding-top:30px;}}@-moz-keyframes myfirst {0% {opacity: 1;padding-top:30px;}50% {opacity : 0;padding-top:0px;}100% {opacity: 1;padding-top:30px;}}@-webkit-keyframes myfirst {0% {opacity: 1;padding-top:30px;}50% {opacity : 0;padding-top:0px;}100% {opacity: 1;padding-top:30px;}}@-o-keyframes myfirst {0% {opacity: 1;padding-top:30px;}50% {opacity : 0;padding-top:0px;}100% {opacity: 1;padding-top:30px;}}

.bouncing{
    position: relative;
    top: -70px;
    height: 55px;
    display: block;
}


.section1{
  width:100%;
  height:auto;
}

.technology{
  width:100%;
  max-width:1700px;
  margin:0 auto;
  background:#f9f9f9;
  background:url("../images_/bg-sect4.jpg");
  height:500px;
  padding: 20px 50px 50px 50px;
}

.technology h1{
  color: rgba(102,102,102,1);
  text-align:center;
  padding-top:20px;
}

.iseparator{
    /*border-bottom: 1px solid rgba(102, 102, 102, 1);*/
    /*height:0!important;*/
    min-height:0!important;
    width:100%;
    /*max-width:250px;*/
    margin:0 auto;
    margin-top:25px!important;
    margin-bottom:30px!important;

    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.75), rgba(102, 102, 102, 0));
    width:558px;
}
.ul-brands{
  display:inline-block;
  text-align: center;
  width: 100%;
}

.ul-brands li{
  list-style:none;
  display:inline-block;
  margin-right: 111px;
}

.ul-brands li img{
  width:195px;
}

#index-main{
  padding-top:30px;
}

#solutions{
  width: 1800px!important;
  margin:0 auto;
}

.row{
  margin-right: -15px;
  margin-left: -15px;
}

.main-title{
  margin-bottom: 20px;
}

.h1text-center {
    text-align: center;
    font-size: 50px;
    margin-top: 0;
    font-weight: 300;
    color: #00a2fd;
}

.col-lg-12 {
    width: 100%;
    float: left;
}

.solution {
    text-align: center;
    visibility: visible;
    position:relative!important;
}

.col-md-3{
  float: left!important;
  width: 25%!important;
  /*min-height:572px!important;*/
  min-height:520px!important;

}

.col-xs-12{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.icon {
    width: 150px;
    height: 150px;
    min-width: 0;
    color: #00a2fd;
    border-radius: 50%;
    margin: auto;
    font-size: 50px;
    text-align: center;
    text-decoration: none !important;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    display: block;
    border: none;
    background: none;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    padding: 45px 0 0 0;
}

#solutions .icon:hover::before {
    box-shadow: inset 0 0 0 150px #00a2fd;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

#solutions .icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
    box-shadow: inset 0 0 0 2px #00a2fd;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
    transition: box-shadow 0.3s, transform 0.3s;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.col-md-3 h3{
    font-size: 23px;
    min-height: 87px;
    color:#00a2fd;
    text-align:center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    display:-moz-box;
    -moz-box-orient:vertical;
    -moz-box-pack:center;
}

#solution p {
    margin: 20px 0;
}

.btn-pink {
    background-position: 50%;
    background-size: 200%;
    font-family: 'Alegreya Sans', sans-serif;
    background-color: #ff0084;
    color: #ffffff;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border-radius: 0 !important;
    font-size: 18px !important;
    border: 2px solid transparent;
    position:absolute;
    left:90px;
    bottom:0px;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-pink:hover, .btn-pink:active:hover, .btn-pink:focus {
    background-color: #fff!important;
    color: #ff0084!important;
    border: 1px solid #ff0084!important;
}

.btn-pink:hover {
    background-color: #ff0084;
    border-color: rgba(0,0,0,0);
    color: #ffffff;
}

.visible{
  visibility:visible;
}

#solutions .icon::before{
  /*background:url("../images_/company-info.png");*/
  background-repeat:no-repeat;
  background-position:50% 50%;
}

.icon-about::before {
    content: "\e972";
    font-family: 'IcoMoon';
}

.icon-distributers::before {
  content: "\e9b0";
  font-family: 'IcoMoon';
}

.icon-partners::before {
    content: "\e96d";
    font-family: 'IcoMoon';
}

.icon-quality::before {
    content: "\e9b8";
    font-family: 'IcoMoon';
}


#solutions .icon:hover{
  color:#fff!important;
}

/*#solutions .icon-about{
  background:url("../images_/company-info.png");
  background-repeat:no-repeat;
  background-position:50% 50%;
  width:63px;
  height:59px;
  display: block;
  margin: 0 auto;
}

#solutions .icon-about:hover{
  background:url("../images_/company-info-white.png");
  background-repeat:no-repeat;
  background-position:50% 50%;
  width:63px;
  height:59px;
  display: block;
  margin: 0 auto;
}*/
/* ------------------------- */
/* ------ Start: ABOUT ---- */
/* ------------------------- */

.about1{
  padding-left:0px!important;
  padding-right:0px!important;
  border-top: 1px dotted #cccccc;
}

/*.about-header{
  display:block;
  width:100%;
  max-width:2031px;
  margin:0 auto;
  height:400px;
  background:url("../images_/about-headerr.jpg") no-repeat;
}*/

/*.about-us{
    width: 50%;
    margin: 0 auto;
}
*/

/* ------------------------- */
/* -----Start: ADVANTAGES--- */
/* ------------------------- */

.ad-fix-w{
    height: 621px;
    background: url("../images_/lab-new.png") no-repeat;
    background-position: 50% 50%;
}

.btn1 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn1:after {
  width:15px;
  height:15px;
  display:block;
  position: relative;
    background: url(../images_/phone-icon.png) no-repeat;
    background-position: 50% 50%;
    background-size: 13px;
  right: 1em;
  padding: 0 1px;
  
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn1:hover:before, .btn1:focus:before, .btn1:active:before {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg);
}

.adv_background{
	height:auto;
	width:100%;
	display:block;
  border-top: 1px dotted #cccccc;
  max-width:2031px;
  margin:0 auto;
}

.text-part{
	width:100%;
	display:block;
	max-width:415px;
	float:left;
	margin-bottom:120px;
}

.product-image{
	float:left;
}

.allproducts img{
	padding-top:45px!important;
  width:100%;
}

.margin-btm1{
	margin-bottom:100px;
}

.adv-title{
	color:#537602;
	font-size:26px!important;
}

.hr{
	color:#537602;
	background:color:#537602;
	height:20px;
}

.btn1{
	text-align:center;
}

.item{
	list-style: none;
}

.name, .sub-name{
  display:block!important;
}

.ingredients .grid {
    position: relative;
    padding: 40px 0 60px 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid {
    width: 940px;
    margin:0 auto;
}

/*.hidden{
  display:none;
}

.visible{
  display:block;
}*/

.advantage_block .tooltip:after{
  border:0px!important;
}

.grid .name,
.grid .name {
    display: block;
    margin: 0px 0 0 10px;
    line-height: 22px;
    float: left;
    font-size: 20px;
    font-weight: 900;
    color: #352020
}

.grid .name,
.grid .name {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #537602;
    text-transform: uppercase
}

.ingredients .items li span.name {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700
}

.ingredients .items li span.sub-name {
    color: #537602;
    line-height: 18px
}

.half-box,
.half-box-40,
.half-box-60 {
    display: inline-block;
    float: left;
    width: 48%;
    padding: 0 1%;
    /* background-color: #fafafa; */
    }


.half-box-40 { width: 38%; }

.half-box-60 { width: 58%; }

/*INGRIDIENS BOX TEST*/
.what-is .grid {
    margin-top: 20px;
    padding-left: 40px;
    padding-top: 60px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width:959px) {
    .what-is .grid {
        padding-left: 0
    }
}

.what-is .grid h2 {
    width: 490px;
    color: #000;
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 48px
}

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

    .header .header__menu nav {
        padding-left: 10px;
    }

    .what-is .grid {
        background-position: 0 82%
    }
    .what-is .grid h2 {
        width: 450px;
        font-size: 38px
    }
}

@media only screen and (max-width:479px) {
    .what-is .grid {
        background-position: 0 60%;
        padding-left: 0
    }
    .what-is .grid h2 {
        width: 290px;
        font-size: 31px;
        padding-left: 10px;
        line-height: 36px
    }
}

.what-is .grid .what-is-info {
    position: relative;
    overflow: hidden
}

.what-is .grid .what-is-info .what-is-info-rassberry {
    width: 265px;
    float: left;
    position: relative;
    z-index: 1
}

@media only screen and (max-width:959px) {
    .what-is .grid .what-is-info .what-is-info-rassberry {
        width: 280px
    }
}

@media only screen and (max-width:767px) {
    .what-is .grid .what-is-info .what-is-info-rassberry {
        width: 230px;
        border-top: 3px solid #000
    }
}

@media only screen and (max-width:479px) {
    .what-is .grid .what-is-info .what-is-info-rassberry {
        width: 140px;
        margin-left: 10px
    }
}

.what-is .grid .what-is-info .what-is-info-rassberry p {
    padding: 45px 0;
    border-top: 2px solid #000;
    font-size: 18px;
    line-height: 26px
}

@media only screen and (max-width:959px) {
    .what-is .grid .what-is-info .what-is-info-rassberry p {
        padding-right: 46px
    }
}

@media only screen and (max-width:767px) {
    .what-is .grid .what-is-info .what-is-info-rassberry p {
        padding-right: 0;
        border-top: none;
        width: 460px
    }
}

@media only screen and (max-width:479px) {
    .what-is .grid .what-is-info .what-is-info-rassberry p {
        width: 280px;
        padding-bottom: 20px
    }
}

.what-is .grid .what-is-info .what-is-animation-bottle {
    position: relative;
    float: left;
    margin-right: 25px;
    width: 325px
}

@media only screen and (max-width:959px) {
    .what-is .grid .what-is-info .what-is-animation-bottle {
        margin-right: 0;
        width: 226px
    }
}

.what-is .grid .what-is-info .what-is-animation-bottle .what-is-main-bottle {
    width: 300px;
    height: auto;
    margin: 20px auto 0 25px
}

@media only screen and (max-width:959px) {
    .what-is .grid .what-is-info .what-is-animation-bottle .what-is-main-bottle {
        width: 250px;
        margin-top: 95px;
        display: none;
        margin-left: -40px
    }
}

.what-is .grid .what-is-info .what-is-animation-bottle .what-is-bottle-fruits {
    position: absolute;
    bottom: -260px;
    left: 59px
}

@media only screen and (max-width:959px) {
    .what-is .grid .what-is-info .what-is-animation-bottle .what-is-bottle-fruits {
        left: -20px;
        bottom: 50px;
        display: none
    }
}

@media only screen and (max-width:767px) {
    .what-is .grid .what-is-info .what-is-animation-bottle .what-is-main-bottle {
        margin-left: 0;
        margin-top: 0;
        width: 226px;
    }
    .what-is .grid .what-is-info .what-is-animation-bottle .what-is-bottle-fruits {
        left: 20px
    }

    .what-is .grid .what-is-info .what-is-animation-bottle {
        clear: both;
        margin-right: 0;
        width: 226px
    }
}

@media only screen and (max-width:479px) {
    .what-is .grid .what-is-info .what-is-animation-bottle .what-is-main-bottle {
        margin-left: 20px
    }
    .what-is .grid .what-is-info .what-is-animation-bottle .what-is-bottle-fruits {
        left: 40px
    }
}

.what-is .grid .what-is-info .what-is-bottle-opacity {
    position: absolute;
    left: -306px;
    bottom: -320px
}

@media only screen and (max-width:959px) {
    .what-is .grid .what-is-info .what-is-bottle-opacity {
        display: none;
        left: -440px
    }
}

.what-is .grid .what-is-info .what-is-explanation-bottle {
    position: relative;
    float: left;
    width: 255px;
    padding: 50px 0
}

@media only screen and (max-width:959px) {
    .what-is .grid .what-is-info .what-is-explanation-bottle {
        width: 215px;
        padding-left: 0;
        float: right;
    }
}

@media only screen and (max-width:767px) {
    .what-is .grid .what-is-info .what-is-bottle-opacity {
        left: -400px
    }
    .what-is .grid .what-is-info .what-is-explanation-bottle {
        width: 210px;
        float: right;
        padding: 0 0 20px 0;
        margin-top: -40px;
    }
}

@media only screen and (max-width:479px) {
    .what-is .grid .what-is-info .what-is-bottle-opacity {
        left: -382px
    }
    .what-is .grid .what-is-info .what-is-explanation-bottle {
        width: 260px;
        padding: 60px 0 5px 0
    }
}

.what-is .grid .what-is-info .what-is-explanation-bottle .explanation-bottle-title {
    position: relative;
    display: none;
    color: #537602;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 40px
}

.what-is .grid .what-is-info .what-is-explanation-bottle .explanation-bottle-title span {
    font-size: 30px
}

.what-is .grid .what-is-info .what-is-explanation-bottle .explanation-bottle-title:before {
    content: '';
    position: absolute;
    bottom: -60px;
    right: 10px;
    width: 404px;
    height: 82px;
    background: url("../images_/description-arrow.png") no-repeat
}

@media only screen and (max-width:959px) {
    .what-is .grid .what-is-info .what-is-explanation-bottle .explanation-bottle-title {
        display: block
    }
    .what-is .grid .what-is-info .what-is-explanation-bottle .explanation-bottle-title:before {
        width: 336px;
        height: 91px;
        bottom: -65px;
    }
}

@media only screen and (max-width:767px) {
    .what-is .grid .what-is-info .what-is-explanation-bottle .explanation-bottle-title:before {
        width: 300px;
        bottom: -70px;
        background-image: url("../images_/what_is/description-arrow-mini-tablet.png")
    }
}

.what-is .grid .what-is-info .what-is-explanation-bottle .explanation-bottle-description {
    display: none;
    font-size: 18px;
    line-height: 26px;
    width: 230px
}

@media only screen and (max-width:959px) {
    .what-is .grid .what-is-info .what-is-explanation-bottle .explanation-bottle-description {
        width: 210px;
        display: block
    }
}

@media only screen and (max-width:767px) {
    .what-is .grid .what-is-info .what-is-explanation-bottle .explanation-bottle-description {
        width: 196px
    }
}

@media only screen and (max-width:479px) {
    .what-is .grid .what-is-info .what-is-explanation-bottle .explanation-bottle-title {
        padding-bottom: 20px
    }
    .what-is .grid .what-is-info .what-is-explanation-bottle .explanation-bottle-title:before {
        background-image: none
    }
    .what-is .grid .what-is-info .what-is-explanation-bottle .explanation-bottle-description {
        width: 265px
    }
}

.what-is .grid .what_is_button {
    position: relative;
    text-align: center;
    padding: 10px 0 40px;
    margin-left: -40px
}

.what-is .grid .what_is_button:before {
    content: '';
    position: absolute;
    width: 26px;
    height: 16px;
    left: 50%;
    margin-left: -13px;
    bottom: 0;
    background: url("../images_/arrow_down.png") no-repeat
}

@media only screen and (max-width:959px) {
    .what-is .grid .what_is_button {
        margin-left: 0;
        padding: 20px 0 40px
    }
}

@media only screen and (max-width:767px) {
    .what-is .grid .what_is_button {
        padding: 30px 0 40px
    }
    .ingredients h2 {
        font-size: 40px
    }
}

@media only screen and (max-width:479px) {
    .what-is .grid .what_is_button {
        padding: 30px 0
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.ingredients-box {
    display: block;
    position: relative;
    clear: both;
    width: 440px;
    height: 440px;
    padding: 0;
    margin: 60px auto;
    background-image: url("../images_/ingredients-bg1.png"); /*url("../images_/ingredients-product.png");*/
    background-repeat: no-repeat;
    background-position: 0px center, center center;
    }

.ingredients-box.map-one  { background-position:  -500px center, center center; }
.ingredients-box.map-two  { background-position: -1500px center, center center; }
.ingredients-box.map-thr  { background-position: -1000px center, center center; }



.ingredients-box .map-box {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #acd000;
    }


.ingredients {
    padding-top: 10px
}

.ingredients .grid {
    position: relative;
    padding: 40px 0 60px 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width:959px) {
    .ingredients .grid {
        padding-left: 0
    }

    .half-box-40 { display: block; width: 98%; }
    .half-box-60 { display: block; width: 98%; }

    .ingredients-box { margin: 15px auto; }

}

@media only screen and (max-width:479px) {
    .ingredients .grid {
        padding: 40px 10px 58px
    }
}

.ingredients .grid:after {
    background: url("../images_/down.png") no-repeat;
    width: 26px;
    height: 16px;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    bottom: 20px
}

.ingredients .tooltip {
    position: absolute;
    top: 34px;
    right: 0;
    border: 2px solid #70a101;
    width: 340px;
    padding: 12px 8px 12px 22px;
    font-size: 18px;
    line-height: 22px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width:767px) {
    .ingredients .tooltip {
        position: relative;
        top: 0;
        margin: 0 auto 34px
    }
}

@media only screen and (max-width:479px) {
    .ingredients .tooltip {
        width: 100%
    }
}

.ingredients .tooltip:after,
.ingredients .tooltip:before {
    width: 0;
    height: 0;
    position: absolute;
    content: "";
    display: block
}

.ingredients .tooltip:before {
    border-top: 22px solid #70a101;
    border-right: 26px solid transparent;
    bottom: -24px;
    left: -2px
}

.ingredients .tooltip:after {
    border-top: 20px solid #fff;
    border-right: 24px solid transparent;
    bottom: -19px;
    left: 0
}

.ingredients .items {
    width: 98%;
    margin-top: 35px;
    padding-left: 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}




@media only screen and (max-width:959px) {
    .ingredients .items {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .ingredients .items {
        width: 98%;
    }
}

.ingredients .items.right {
    margin-right: 22px
}

@media only screen and (max-width:479px) {
    .ingredients .items {
        width: 100%;
        margin-top: -12px
    }
    .ingredients .items.right {
        margin-top: -30px
    }
}

.ingredients .items li {
    margin-bottom: 28px;
    min-height: 146px;
    padding-left: 20px;
    position: relative
    }

.ingredients .items li.hidden {
    display: block;
    }

@media only screen and (max-width:959px) {
    .ingredients .items.right {
        margin-right: 0
    }
    .ingredients .items li {
        width: 28.5%;
        float: left;
        margin-right: 1.3%
    }
    .ingredients .items li:last-child {
        margin-right: 0
    }
}

@media only screen and (max-width:767px) {
    .ingredients .items li {
        width: 95%;
        float: none;
        margin-right: 0;
        min-height: 70px;
    }
}

@media only screen and (max-width:479px) {
    .ingredients .items li {
        width: 100%;
        min-height: 50px;
        margin-top: 130px;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

.main .message,
.main>.grid {
    -moz-box-sizing: border-box
}

.ingredients .items li:before {
    content: "";
    display: block;
    background: url("../images_/ingr-arrows.jpg") no-repeat;
    width: 18px;
    height: 26px;
    position: absolute;
    top: 2px;
    left: -5px
}

@media (-webkit-min-device-pixel-ratio:2) {
    .ingredients .items li:before {
        background: url("../images_/ingr-arrows-2x.jpg") no-repeat;
        background-size: 18px auto
    }
}

@media (-webkit-min-device-pixel-ratio:3) {
    .ingredients .items li:before {
        background: url("../images_/ingr-arrows-2x.jpg") no-repeat;
        background-size: 18px auto
    }
}

@media (-webkit-min-device-pixel-ratio:4) {
    .ingredients .items li:before {
        background: url("../images_/ingr-arrows-2x.jpg") no-repeat;
        background-size: 18px auto
    }
}

.ingredients .items li span {
    display: block
}

@media only screen and (max-width:479px) {
    .ingredients .items li span.img {
        width: 280px;
        height: 96px;
        position: absolute;
        top: -106px;
        left: -8px
    }

    .ingredients .items li span.img {
        background-image: url("../images_/ingredients-2x.png");
        background-repeat: no-repeat;
        background-size: 200px auto;
        background-position: 10px center;
    }

    .ingredients .items li:nth-child(1) span.img { background-position: 10px -203px; }
    .ingredients .items li:nth-child(2) span.img { background-position: 10px    0px; }
    .ingredients .items li:nth-child(3) span.img { background-position: 10px -100px; }

}

@media only screen and (max-width:479px) and (-webkit-min-device-pixel-ratio:2) {
    .ingredients .items li span.img:before {
        background-image: url("../images_/ingredients-2x.png");
        background-repeat: no-repeat;
        background-size: 200px auto
    }
}

@media only screen and (max-width:479px) and (-webkit-min-device-pixel-ratio:3) {
    .ingredients .items li span.img:before {
        background-image: url("../images_/ingredients-2x.png");
        background-repeat: no-repeat;
        background-size: 200px auto
    }
}

@media only screen and (max-width:479px) and (-webkit-min-device-pixel-ratio:4) {
    .ingredients .items li span.img:before {
        background-image: url("../images_/ingredients-2x.png");
        background-repeat: no-repeat;
        background-size: 200px auto
    }
}

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

    .keep_it_off .grid img {
        width: 280px;
        margin: 40px 0 0;
        left: 20px;
    }

    .keep_it_off .button {
        margin: 440px auto 0;
    }

    .keep_it_off p.moving_arrow .text .row-2 {
        font-size: 30px;
    }

    .bx-pager-item {
        margin-top: 12px;
    }

    .bx-wrapper .bx-pager {
        bottom: -70px !important;
    }

    .feedback {
        padding-bottom: 140px;
    }

    .ingredients-box {
        display: none !important;
    }

    .ingredients .items li span.img.raspberry {
        background-color: #ffd504
    }

    .ingredients .items li span.img.acai {
        background-color: #ffd504
    }

    .ingredients .items li span.img.mango {
        background-color: #f7941e
    }
    .ingredients .items li span.img.mango:before {
        background-position: 15px -171px;
        height: 80px;
        top: 10px
    }
    .ingredients .items li span.img.tea {
        background-color: #ed1b35
    }
    .ingredients .items li span.img.tea:before {
        background-position: 15px -250px;
        height: 89px;
        top: 4px
    }
    .ingredients .items li span.img.grape {
        background-color: #60bb46
    }
    .ingredients .items li span.img.grape:before {
        background-position: 10px -99px;
        height: 93px;
        top: 0
    }
    .ingredients .items li span.img.apple {
        background-color: #ed1b35
    }
    .ingredients .items li span.img.apple:before {
        background-position: 10px 1px;
        top: 0
    }
}

.ingredients .items li span.name {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700
}

.ingredients .items li span.sub-name {
    color: #537602;
    line-height: 18px
}

.ingredients .items li span.description {
    line-height: 20px;
    margin-top: 4px;
    display: none
}

.ingredients .items li.visible {
    padding-left: 17px
}

.ingredients .items li.visible:before {
    top: -2px;
    left: -9px;
    -webkit-animation: rotateInDownLeft .2s 0s forwards;
    -moz-animation: rotateInDownLeft .2s 0s forwards;
    -o-animation: rotateInDownLeft .2s 0s forwards;
    animation: rotateInDownLeft .2s 0s forwards
}






@media only screen and (max-width:959px) {
    .ingredients .items li span.description {
        display: block
    }
    .ingredients .items li.visible:before {
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none
    }
}

.ingredients .items li.visible span.description {
    display: block;
    -webkit-animation: fadeInDown .3s 0s forwards;
    -moz-animation: fadeInDown .3s 0s forwards;
    -o-animation: fadeInDown .3s 0s forwards;
    animation: fadeInDown .3s 0s forwards
}

@media only screen and (max-width:959px) {
    .ingredients .items li.visible span.description {
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none
    }
}

.ingredients .items li.hidden:before {
    -webkit-animation: rotateInUpLeft .2s 0s forwards;
    -moz-animation: rotateInUpLeft .2s 0s forwards;
    -o-animation: rotateInUpLeft .2s 0s forwards;
    animation: rotateInUpLeft .2s 0s forwards
}

@media only screen and (max-width:959px) {
    .ingredients .items li.hidden:before {
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none
    }
}

.ingredients .items li.hidden span.description {
    display: block;
    -webkit-animation: fadeInUp .3s 0s forwards;
    -moz-animation: fadeInUp .3s 0s forwards;
    -o-animation: fadeInUp .3s 0s forwards;
    animation: fadeInUp .3s 0s forwards
}



.ingredients .items li.ingred-text-01.visible { border-left: 3px solid #1a6eb1 }
.ingredients .items li.ingred-text-01.visible:before { background-position: 0 -51px }

.ingredients .items li.ingred-text-02.visible { border-left: 3px solid #ed1b35 }
.ingredients .items li.ingred-text-02.visible:before { background-position: 0 -156px }

.ingredients .items li.ingred-text-03.visible { border-left: 3px solid #60bb46 }
.ingredients .items li.ingred-text-03.visible:before { background-position: 0 -26px }









.ingredients .items li.item-06.visible {
    border-left: 3px solid #60bb46
}

.ingredients .items li.item-06.visible:before {
    background-position: 0 -26px
}

.ingredients .items li.item-04.visible {
    border-left: 3px solid #0072bc
}

.ingredients .items li.item-04.visible:before {
    background-position: 0 -52px
}

.ingredients .items li.item-01.visible {
    border-left: 3px solid #5c2e91
}

.ingredients .items li.item-01.visible:before {
    background-position: 0 -78px
}

.ingredients .items li.item-05.visible {
    border-left: 3px solid #ffd503
}

.ingredients .items li.item-05.visible:before {
    background-position: 0 -104px
}

.ingredients .items li.item-03.visible {
    border-left: 3px solid #f7941e
}

.ingredients .items li.item-03.visible:before {
    background-position: 0 -130px
}

.ingredients .items li.item-02.visible {
    border-left: 3px solid #ed1b35
}

.ingredients .items li.item-02.visible:before {
    background-position: 0 -156px
}

.ingredients .items-middle {
    width: 434px;
    height: 438px;
    position: absolute;
    left: 252px;
    top: 155px;
    background: url("../images_/wheel-sprite.png") no-repeat
}

@media (-webkit-min-device-pixel-ratio:2) {
    .ingredients .items-middle {
        background: url("../images_/wheel-sprite-2x.png") no-repeat;
        background-size: 434px auto
    }
}

@media (-webkit-min-device-pixel-ratio:3) {
    .ingredients .items-middle {
        background: url("../images_/wheel-sprite-2x.png") no-repeat;
        background-size: 434px auto
    }
}

@media (-webkit-min-device-pixel-ratio:4) {
    .ingredients .items-middle {
        background: url("../images_/wheel-sprite-2x.png") no-repeat;
        background-size: 434px auto
    }
}

@media screen and (max-width:1024px) {
    .ingredients .items-middle {
        background: url("../images_/wheel-t.jpg") no-repeat;
        width: 440px
    }
}

@media screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:2) {
    .ingredients .items-middle {
        background: url("../images_/wheel-t-2x.jpg") no-repeat;
        background-size: 440px auto
    }
}

@media screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:3) {
    .ingredients .items-middle {
        background: url("../images_/wheel-t-2x.jpg") no-repeat;
        background-size: 440px auto
    }
}

@media screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:4) {
    .ingredients .items-middle {
        background: url("../images_/wheel-t-2x.jpg") no-repeat;
        background-size: 440px auto
    }
}

@media only screen and (max-width:959px) {
    .ingredients .items li.hidden span.description {
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none
    }
    .ingredients .items-middle {
        position: static;
        margin: 0 auto
    }
}

@media only screen and (max-width:479px) {
    .ingredients .items-middle {
        display: none
    }
}

.ingredients .items-middle .wheel {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 434px;
    height: 438px
}

@media screen and (max-width:1024px) {
    .ingredients .items-middle .wheel {
        width: 440px
    }
}

@media only screen and (max-width:959px) {
    .ingredients .items-middle .wheel {
        top: 166px;
        left: 144px
    }
}

@media only screen and (max-width:767px) {
    .ingredients .items-middle .wheel {
        top: 274px;
        left: 14px
    }
}

.ingredients .items-middle .wheel img {
    width: 100%;
    height: 100%
}

.ingredients .items-middle .wheel area {
    cursor: default
}

.ingredients .items-middle .wheel-item,
.ingredients .items-middle .wheel-zero {
    width: 434px;
    height: 438px;
    position: absolute;
    background: url("../images_/wheel-sprite.png") no-repeat;
    display: none
}

@media (-webkit-min-device-pixel-ratio:2) {
    .ingredients .items-middle .wheel-item,
    .ingredients .items-middle .wheel-zero {
        background: url("../images_/wheel-sprite-2x.png") no-repeat;
        background-size: 434px auto
    }
}

@media (-webkit-min-device-pixel-ratio:3) {
    .ingredients .items-middle .wheel-item,
    .ingredients .items-middle .wheel-zero {
        background: url("../images_/wheel-sprite-2x.png") no-repeat;
        background-size: 434px auto
    }
}

@media (-webkit-min-device-pixel-ratio:4) {
    .ingredients .items-middle .wheel-item,
    .ingredients .items-middle .wheel-zero {
        background: url("../images_/wheel-sprite-2x.png") no-repeat;
        background-size: 434px auto
    }
}

@media screen and (max-width:1024px) {
    .ingredients .items-middle .wheel-item,
    .ingredients .items-middle .wheel-zero {
        display: block!important;
        width: 440px;
        background: 0 0
    }
}

.ingredients .items-middle .wheel-zero {
    background-position: 0 -3059px;
    display: block
}

.ingredients .items-middle .c-01,
.ingredients .items-middle .over-c-01 {
    background-position: 0 -2186px
}

.ingredients .items-middle .c-02,
.ingredients .items-middle .over-c-02 {
    background-position: 0 -1748px
}

.ingredients .items-middle .c-03,
.ingredients .items-middle .over-c-03 {
    background-position: 0 -1311px
}

.ingredients .items-middle .c-04,
.ingredients .items-middle .over-c-04 {
    background-position: 0 -2623px
}

.ingredients .items-middle .c-05,
.ingredients .items-middle .over-c-05 {
    background-position: 0 -875px
}

.ingredients .items-middle .c-06,
.ingredients .items-middle .over-c-06 {
    background-position: 0 -438px
}

.ingredients .items-middle .bottle-ingredients {
    position: absolute;
    top: 158px;
    left: 180px
}

@media only screen and (max-width:959px) {
    .ingredients .items-middle .bottle-ingredients {
        top: 322px;
        left: 325px
    }
}

@media only screen and (max-width:767px) {
    .ingredients .items-middle .bottle-ingredients {
        top: 430px;
        left: 194px
    }
}

@media screen and (max-width:1024px) {
    .ingredients .fruits,
    .ingredients .items-middle .bottle-ingredients {
        display: none
    }
}

@media only screen and (max-width:959px) {
    .ingredients .fruits {
        position: absolute;
        top: 166px;
        left: 144px
    }
}

@media only screen and (max-width:767px) {
    .ingredients .fruits {
        top: 274px;
        left: 14px
    }
}

.ingredients .fruits li {
    background: url("../images_/fruits.png") no-repeat;
    width: 142px;
    position: absolute
}

@media (-webkit-min-device-pixel-ratio:2) {
    .ingredients .fruits li {
        background: url("../images_/fruits-2x.png") no-repeat;
        background-size: 142px auto
    }
}

@media (-webkit-min-device-pixel-ratio:3) {
    .ingredients .fruits li {
        background: url("../images_/fruits-2x.png") no-repeat;
        background-size: 142px auto
    }
}

@media (-webkit-min-device-pixel-ratio:4) {
    .ingredients .fruits li {
        background: url("../images_/fruits-2x.png") no-repeat;
        background-size: 142px auto
    }
}

.ingredients .fruits li.raspberry {
    background-position: 0 0;
    height: 90px;
    top: 28px;
    left: 62px
}

.ingredients .fruits li.acai {
    background-position: 0 -91px;
    height: 79px;
    top: 38px;
    left: 242px
}

.ingredients .fruits li.mango {
    background-position: 0 -171px;
    height: 78px;
    top: 178px;
    left: 342px
}

.ingredients .fruits li.tea {
    background-position: 0 -250px;
    height: 89px;
    top: 322px;
    left: 240px
}

.ingredients .fruits li.grape {
    background-position: 0 -340px;
    height: 82px;
    top: 317px;
    left: 75px
}

.ingredients .fruits li.apple {
    background-position: 0 -423px;
    height: 72px;
    top: 182px;
    left: 2px
}

.ingredients .button {
    margin: 50px auto 0;
    width: 190px;
    display: block;
    position: relative;
    left: -19px
}

@media only screen and (max-width:959px) {
    .ingredients .button {
        position: static;
        margin-top: 20px
    }
}

@media only screen and (max-width:959px) {
    .container .border-left {
        padding-right: 0
    }
}

.container .tooltips {
    position: absolute;
    left: 300px;
    top: 20px
}

.container .tooltip {
    position: absolute;
    margin-bottom: 20px;
    min-height: 80px
}

hr.style-two {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(83, 118, 2, 0), rgba(83, 118, 2, 0.75), rgba(83, 118, 2, 0));
    width:558px;
}

hr.style-one {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(83, 118, 2, 0), rgba(83, 118, 2, 0.75), rgba(83,118,2,0));
}

@media only screen and (max-width:767px) {
    .container .border-left {
        font-size: 24px;
        line-height: normal;
        padding: 0 80px 0 20px;
    }
    .container .tooltips {
        left: 110px;
        top: 50px
    }
    .container .tooltip {
        min-height: 60px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:479px) {
    .container .border-left {
        font-size: 16px;
        line-height: 20px;
        padding: 0 80px 0 15px;
        margin-left: 8px
    }
    .container .tooltips {
        left: -109px;
        top: 65px
    }
    .mcontainerain .tooltip {
        min-height: inherit;
        margin-bottom: 8px
    }
}

.advantage_block .product {
    bottom: 0px;
    left: -80px;
    z-index: 1
}

@media screen and (max-width:959px) {
    .advantage_block .product {
        left: -70px
    }
}

@media screen and (max-width:767px) {
    .advantage_block ul li {
        font-size: 16px;
        line-height: 24px;
        background-size: 16px auto;
        background-position: 0 3px;
        padding-left: 30px
    }
    .advantage_block .product {
        left: auto;
        bottom: auto;
        right: 10px;
        top: 15px
    }
}

@media only screen and (max-width:479px) {
    .advantage_block .product {
        top: 115px;
        right: 2px
    }
}

.advantage_block .product p.moving_arrow {
    font-size: 32px;
    line-height: 40px;
    width: 350px;
    position: absolute;
    right: -390px;
    bottom: 85px;
    padding-right: 0;
    text-transform: none;
    font-weight: 400;
    display: none
}

.advantage_block .product p.moving_arrow .text span {
    padding-right: 50px
}

.advantage_block .product p.moving_arrow span.arrow {
    background: url("../image.php?comnt=main_claim_arrow.png") no-repeat;
    background-size: 155px auto;
    width: 155px;
    height: 41px;
    position: absolute;
    bottom: -30px;
    right: 15px
}

@media screen and (max-width:959px) {
    .advantage_block .product p.moving_arrow {
        display: none!important
    }
    .advantage_block .product p.moving_arrow span.arrow {
        top: 65px;
        left: 25px
    }
}

@media only screen and (max-width:959px) {
    .advantage_block .product img {
        width: 350px;
        height: auto
    }
}

@media screen and (max-width:767px) {
    .advantage_block .product img {
        width: 250px;
        float: right;
        margin-right: -10px;
        margin-top: 30px;
    }
}

@media only screen and (max-width:479px) {
    .advantage_block .product img {
        width: 174px;
        margin-top: 62px;
    }
}

.transformArrow {
    margin-left: 5px;
    font-size: 42px;
    line-height: 56px
}

.transformArrow {
    font-size: 30px;
    line-height: 40px;
    color: #061272;
    text-transform: none;
    font-weight: 400;
    text-align: center;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    margin: 0 0 12px -5px;
    position: relative
}

@media screen and (max-width:959px) {
    .keep_it_off .transformArrow {
        font-size: 38px;
        line-height: 50px
    }
    .keep_it_off p.moving_arrow .text .row-1 {
        padding-left: 5px
    }
}

.advantage_block .tooltips {
    position: absolute;
    left: 168px;
    top: -11px;
}

.advantage_block .tooltip {
    position: relative;
    margin-bottom: 20px;
    min-height: 80px;
    border:none;
}

.advantage_block .tooltip:before{
  border:none;
}

@media only screen and (max-width:767px) {
    .advantage_block .border-left {
        font-size: 24px;
        line-height: normal;
        padding: 0 80px 0 20px;
    }
    .advantage_block .tooltips {
        left: 110px;
        top: 50px
    }
    .advantage_block .tooltip {
        min-height: 60px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:479px) {
    .advantage_block .border-left {
        font-size: 16px;
        line-height: 20px;
        padding: 0 80px 0 15px;
        margin-left: 8px
    }
    .advantage_block .tooltips {
        left: -109px;
        top: 65px
    }
    .advantage_block .tooltip {
        min-height: inherit;
        margin-bottom: 8px
    }
}

.advantage_block .item_1 .message {
    width: 260px
}

.g007{
  margin-bottom:60px;
}

.advantage_block .message {
    font-family: "Segoe UI", "helvetica neue", arial, sans-serif;
    font-size: 24px;
    line-height: 24px;
    padding: 16px 15px 16px 25px;
    background: rgba(162,220,27, .9);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    position:relative;
    left: 32px;
    top: 13px;
    color:#000!important;
}

@media screen and (max-width:767px) {
    .advantage_block .item_1 .message {
        width: 190px
    }
}

@media only screen and (max-width: 359px) {
    .advantage_block .item_1 .message,
    .advantage_block .item_2 .message,
    .advantage_block .item_3 .message { width: 160px; padding: 0 30px 0 10px; }
}

@media only screen and (max-width: 319px) {
    .advantage_block .item_1 .message,
    .advantage_block .item_2 .message,
    .advantage_block .item_3 .message { width: 120px; padding: 0 30px 0 10px; }
    .advantage_block .product img { width: 116px; margin-top: 54px; }
}

.advantage_block .point_wp {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -20px;
    cursor: pointer;
    z-index: 2;
    -webkit-animation: pulseHow 2s 1s infinite forwards;
    -moz-animation: pulseHow 2s 1s infinite forwards;
    -o-animation: pulseHow 2s 1s infinite forwards;
    animation: pulseHow 2s 1s infinite forwards;

    background:url("../images_/spray.png") no-repeat;
    background-position:50% 50%;
    background-size:65px;

}

@media screen and (max-width:767px) {
    .advantage_block .point_wp {
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none;
        width: 30px;
        height: 30px;
        margin-top: -16px;
        cursor: auto
    }
}

.maadvantage_blockin .point_wp:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}

.advantage_block .point_wp:hover+.message {
    opacity: 1;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation: flipInX 1s forwards;
    animation: flipInX 1s forwards
}

@media only screen and (max-width:479px) {
    .advantage_block .point_wp {
        background: 0 0
    }
    .advantage_block .point_wp:hover+.message {
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none
    }
}

@-webkit-keyframes pulseHow {
    0%,
    100% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.3)
    }
}

@keyframes pulseHow {
    0%,
    100% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.3)
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        transform: perspective(400px)
    }
}


.advantage_block .point_wp:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}

/*.advantage_block .point {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
    width: 10px;
    height: 10px;
    border: 5px solid #537602;
    border-radius: 50%;
    background: #fff;
}*/

.advantage_block{
  position:relative;
}
/* ------------------------- */
/* ------ Start: CONTACT---- */
/* ------------------------- */

.contact-header{
  display:block;
  width:100%;
  max-width:1903px;
  margin:0 auto; 
  height:400px;
 /* background:url("../images_/contact-header.jpg") no-repeat;*/
}

.background{
  background:url("../images_/contact11.jpg") no-repeat;
  /*max-height:1060px;*/
  height:1450px;
  width:100%!important;
  max-width:2031px;
  margin:0 auto;
  display:block;
}

.contact-header h1, .contact-header h3, .contacth1-2{
  color:#fff;
  text-align:center;
  border:none!important;
  margin:0px;
  padding:0px;
  font-family: sens-serif;
  margin-bottom:5px;
  text-shadow: 0px 0px 6px rgb(0, 0, 0);
}

.cadress{
  font-size:25px;

}

.cnumber, .cnumber2{
  font-size:18px;
}

.cnumber2{
  padding-bottom:25px!important;
}

#email-form{
  width:100%;
  max-width:550px;
  margin:0 auto;
  display:block;
}

#email-form input, #email-form textarea{
  display:block;
  width:100%;
  height:45px;
  background:rgba(125,125,125, 0.3);
  border:2px solid #fff;
  margin-bottom:10px;
  padding-left:15px;
  color:#fff;
}

#email-form textarea{
  resize:vertical;
  max-height:200px;
  height:170px;

}

#email-form input:focus{
  outline:none!important;
}

#email-form textarea:focus{
  outline:none!important;
}

#email-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#fff;
}
#email-form input::-moz-placeholder { /* Firefox 19+ */
  color:#fff;
}
#email-form input:-ms-input-placeholder { /* IE 10+ */
  color:#fff;
}
#email-form input:-moz-placeholder { /* Firefox 18- */
  color:#fff;
}

#email-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#fff;
}
#email-form textarea::-moz-placeholder { /* Firefox 19+ */
  color:#fff;
}
#email-form textarea:-ms-input-placeholder { /* IE 10+ */
  color:#fff;
}
#email-form textarea:-moz-placeholder { /* Firefox 18- */
  color:#fff;
}

#email-form input[name="submit"]{
  width:155px;
  margin:0 auto;
  padding:0px!important;
}

.contacth1, {
  border-bottom:1px solid #fff;
  margin-top:30px;
}

.contacth1-2{
  border-bottom:1px solid #fff;
  margin-top:0px;
  padding-top:0px!important;
  padding-bottom:20px!important;
}

.separator{
  display:block;
  width:173px;
  height:4px;
  background:url("../images_/separator.png") no-repeat;
  margin:0 auto;
}

.contact-header h1{
  padding: 80px 0px 10px 0px;
}


.margin-btm{
  padding-bottom:15px;
}


.margin-bt-contact{
  margin-bottom:30px;
}

/* ------------------------- */
/* ----- Start: !FOOTER ---- */
/* ------------------------- */

footer{
	width:100%;
	height:330px;
	background:#2A303E;
  border-top:3px solid #8cc63f;
}

.footer-top{
	display:block;
	background:url("../images_/footer.png") transparent;
	height:109px;
	width:100%;
	background-repeat:no-repeat;
	margin:0 auto;
	max-width:1920px;
}

.back-to-top{
  float:right;
  width:47px;
  height:57px;
  background:url("../images_/footer-top.png") no-repeat;
  display:block;
  position:relative;
  right:65px;
  top:40px;
}

.fbottom-part{
  position:relative;
  background:#2a303e;
}

.fbottom-part-after{
  width:100%;
  height:75px!important;
  display:block;
  position:relative;
  bottom:0px;
  background: url(../images_/footer-bg.png) #2a303e;
  opacity:0.7;
}

.flogo{
    width: 100%;
    max-width:200px;
    display: block;
    margin: 0 auto;
  position:relative;
  top:-123px;
}

.footer-logo{

}

.ssize{
  display:block;
  width:20px;
  height:20px;
  position:relative;
  top: 20px;
}

.facebook{
  background:url("../images_/footer_sharing.png");
  background-position: -38px -94px;
}

.facebook:hover{
  background-position: -59px -94px;
}

.instagram{
  background:url("../images_/footer_sharing.png");
  background-position: -59px -52px;
}

.instagram:hover{
  background-position: -63px -31px;
}

.pinterest{
  background:url("../images_/footer_sharing.png");
    background-position: -59px -73px;
}

.pinterest:hover{
  background-position: -38px -52px;
}

.twitter{
  background:url("../images_/footer_sharing.png");
    background-position: -113px -21px;
}

.twitter:hover{
  background-position: 0 -31px;
}

.youtube{
  background:url("../images_/footer_sharing.png");
  background-position: -21px -31px;
}

.youtube:hover{
  background-position: -42px -31px;
}

.sharing div{
  display:inline-block; 
}

.sharing-wrapper{
  background:#5d963f;
  height: 60px;
  text-align: center;
  width: 60px;
  margin-right:30px;
  border-radius: 52px;
}

.sharing{
  text-align:center;
  border: 1px solid rgba(140,198,63,0.8);
  border-right: none;
  border-left: none;
  padding: 10px 0px;
  margin-top:26px!important;
}

.copyright{
    text-align: center;
    top: 30px;
    position: relative;
    margin: 0px;
    color:#fff;
}

.company_info{
    color: white;
    position: absolute;
    top: 0px;
    left: 50px;
}

.company_info h3{
  font-size:22px;
  margin-bottom: 15px;
  background-color: transparent;
  /*color: #ddd;*/
  color:#e5e4e4;
  letter-spacing: 1px;
  /*font-family: "Helvetica Neue", 'Roboto', sans-serif;*/
  font-weight: 400;
}

.company_info p{
  font-size:16px;
  margin-bottom:0px!important;
  background-color: transparent;
  /*color: #ddd;*/
  color:#e5e4e4;
  letter-spacing: 0.5px;
  /*font-family: "Helvetica Neue", 'Roboto', sans-serif;*/
}

.footer{
  position:relative;
}

/* ------------------------- */
/* ----- Start: !BRANDS ---- */
/* ------------------------- */
.brand-size{
  width:140px;
}

.brands{
  text-align:center;
}

.brand-container{
  border-top: 1px dotted #cccccc;
  padding-top:0px;
  padding-left:0px!important;
  padding-right:0px!important;
}

.brand-wrapper{
  display:block;
  width:100%;
  max-width:1000px;
  margin:0 auto;
  min-height:1000px;
  height:100%;
}

.brand{
  width:100%!important;
  height:100%;
  display:block;
  position:relative;
  min-height:400px;
  margin:40px 0px;
}

.brand-image, .brand-text{
  float:left;
  display:block;
  height:auto;
  width:50%;
  min-height:400px;
}

.brand-image{
  text-align:center;
}

.brand-image img{
  padding-top:55px;
}

.brand-text{
  padding:10px;
}

.brand h1{
  color:#1B4410;
  font-weight:bold;
  font-size:32px;
  margin-bottom:0px;
}

.brand h2{
  color:#3CA81E;
  font-size: 23px;
  font-weight: bold;
  margin-top:0px!important;
}

.brand h3{
  color:#3CA81E;
  font-size: 18px;
  font-weight: bold;
}

.inverted{
  text-align: right;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(65%, 0, 0);
    transform: translate3d(65%, 0, 0);
  }

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

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(65%, 0, 0);
    transform: translate3d(65%, 0, 0);
  }

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

.fadeInRight.in-view{
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

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

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

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

.fadeInLeft.in-view {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

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

/**/

#solutions{
	width:100%!important;
}

@media screen and (max-width:1200px){
	#solutions{
		width:100%!important;
	}

	body .carousel-inner{
		min-height:600px!important;
		height:600px!important;
	}
}

/*.left{float:left;}

.right{float:right;}*/

.product-wrapper{
  max-width:1500px;
  margin:0 auto;
  width:100%;
  height:auto;
}

.common{
  margin-bottom:50px;
}

.cd-container::before{
	display:none!important;
}

/* ------------------------- */
/* ----- Start: LANGS ------ */
/* ------------------------- */

#nav-bar{float:left;}

#lang-selection{
  display:block;
  position:relative;
  max-height:44px!important;
  width:300px;
  float:right;
  text-align:center;
}

#slovenian, #english{
  display:inline-block;
}

#slovenian img, #english img{
  width: 40px;
  margin-top: 7px;
  margin-right: 10px;
}

/* ------------------------- */
/* --- Start: !PRODUCT ----- */
/* ------------------------- */


.inner-slider {
    position: relative;
    background-position: center center;
    z-index: 2;
    background-color: rgb(170, 201, 142); 
    width: 100%; 
    height: 180px;
}

.mks-layer {
    position: absolute;
    display: none;
    background-position: center center;
    overflow: hidden;
}

.mks-layer,.ls-shadow{
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
}

.mks-layer .mk-bg {
    left: 50%;
    top: 50%;
} 

.mk-animating {
    display: block !important;
}

.slide_bg{
  padding: 0px; 
  border-width: 0px; 
  width: 100%; 
  height: 178px!important; 
  margin-left: 2.5px!important; 
  margin-top: 0px!important;
}

.slide_animation{
  width: 100%; 
  height: 180px; 
  visibility: visible; 
  display: none; 
  left: 0px; 
  right: 0px; 
  top: 0px; 
  bottom: auto;
}

.commonslide{
  position: absolute;
  padding: 0px; 
  border-width: 0px; 
  opacity: 1; 
  transform: rotate(0deg) scale(1, 1); 
  margin-left: 0px;
  margin-top: 0px; 
  display: block; 
  visibility: visible;
}

.mk-s-1{top: -18px; left: 800px; width: 414px; height: 419px;}

.mk-s-2{top: -156px; left: 842px; width: 260px; height: 296px;}

.mk-s-3{top: -279px; left: 951px; width: 534px; height: 526px;}

/*.mk-s-3{top: -170px; left: 951px; width: 534px; height: 526px;}*/

.mk-s-4{top: -156px; left: 51px; width: 260px; height: 296px;}

.mk-s-5{top: -22px; left: -107px; width: 414px; height: 419px;}

.mk-s-6{top: 40px; left: 500px; width: 474px; height: 75px;}

.d05{
    -webkit-animation-delay: 0.5s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.5s;
}

.d1{
    -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
}

.d15{
    -webkit-animation-delay: 1.5s; /* Safari 4.0 - 8.0 */
    animation-delay: 1.5s;
}

.d2{
    -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    animation-delay: 2s;
}


/**************************************************************************!LATEST CHANGES ***********************************************************************/

.brand-container{
    /*background: url("../images_/slider2/slider-background222.jpg") no-repeat!important;
    background-size: 100% auto!important;*/
}

.inner-slider{
  background:none!important;
}


img.slide_bg{
  display:none!important;
}


img.d1, img.d2{
  display:none!important;
}

.slide_animation{
  height: 270px!important;
}

.commonstyle{
  width:100%;
  max-width:1176px;
  min-height:70px;
  height:auto;
  display:block;
  margin:0 auto;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
}

.product-title{
  width: 22%;
  height:auto;
  display:block;
  float:left;
  max-width:260px;
  /*border-right: 1px solid #a0a0a0;*/
}

.product-title h2{
  /*color:#fff;*/
  color: #a0a0a0;
  font-weight:normal!important;
  margin:0px;
  padding:20px;
  font-size:18px;
  font-family: 'Segoe UI', Arial,Helvetica,sans-serif;
}

.product-des{
  max-width:800px;
  width:100%;
  height:100%;
  display:block;
  float:right;
}

.product-des p{
  color: #a0a0a0;
  font-family: 'Segoe UI', Arial,Helvetica,sans-serif;
    padding-left: 25px;
    line-height: 130%;
    margin: 10px 0px 10px 0px;
    font-size:14px;
    margin-bottom: 0px;
    margin-top: 5px;
    font-weight:normal!important;
}

.commonstyle:hover {
    /*background-color: #d3f1b1;*/
    background:rgba(211,241,177,0.6);
    transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    cursor:pointer;
    color:#fff!important;
}

.commonstyle p:nth-child(1){
  margin-top: 20px!important;
}

.commonstyle p:nth-last-child(1) {
   margin-bottom: 20px!important;
} 

.all-informations{
  margin-top: 50px;
  margin-bottom:100px;
}

.testhover, .testhover .product-title h2, .testhover .product-des p{
  color:#000!important;
}

.border{
	/*border-right: 1px solid #000;*/
	border-right:2px solid #79c028;
}

.mk-s-3, .mk-s-2, .mk-s-4{
	display:none!important;
}

.about-container{
	/*background: linear-gradient(0deg,#c9c9c9 0,#fff);*/
    background: url(../images_/form-bottom1.png), url(../images_/form-bg.jpg), url(../images_/form-bg.jpg);
    background-position: 54% 99%, 50% 78%, 50% -3%;
    background-repeat: no-repeat;
}

.contact-box{
	max-width:1250px;
	width:100%;
	margin:0 auto;
	display:block;
}

.contact-box img{
	width:100%;
	display:block;
}

.find-us{
	color:#4ba2af;
	font-size:30px;
	text-align:center;
	margin:20px 0px 30px 0px;
}

.google-map{
	position:relative;
  display:block;
}

img#ping-image{
	width:45px;
	position:absolute;
    left: 565px;
    top: 145px;
	z-index:9999;
}


.contactush2{
	color: #4ba2af;
	text-align:center;
	font-weight:normal;
	border-bottom: 1px solid #9bb4c1;
	padding-bottom:10px;
	max-width:900px;
	margin:0 auto;
	margin-top:30px!important;
	margin-bottom:15px!important;
	font-size:30px!important;
}


.info-box{
	margin-bottom:50px;
}

.head-office{
	color:#ce952a;
}

.InquiryForm{
  text-align:center;
  color: #4ba2af;
  padding-bottom: 5px;
  /*font-size: 30px!important;*/
}

.info-box h2, .info-box p{
	text-align:center;
}

.info-box p{
	margin-bottom:0px;
}

#contact-form{
	width:500px;
	display:block;
	height:auto;
	margin:0 auto;
}

#contact-form input, #contact-form textarea{
	width:100%;
	display:block;
	margin-top:15px;
    border: 1px solid #DBDBDB;
    border: 1px solid rgba(0, 0, 0, 0.13);
}

#contact-form textarea{
	resize:vertical;
	min-height:100px;
	max-height:280px;
}

.email{
	color:#4ba2af;
}

.button{
	margin-top:35px!important;
    width: 190px!important;
    height: 45px!important;
    font-size: 18px!important;
    border-radius:5px;
    margin:0 auto;
}


.button:hover{
	position:relative;
	/*top:-5px;*/
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 13px 20px 3px rgba(0,0,0,0.125);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color:#ce952a;
}

input[type="text"], textarea{
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    padding: 15px 25px;
}

input[type="text"]:focus, textarea:focus{
    background: #dfe9ec;
    color: #414848;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
    /* -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25); */
}

.map{
    /*-webkit-box-shadow: rgba(0,0,0,0.5) -8px -2px 14px;*/
    /*box-shadow: rgba(0,0,0,0.5) -8px -2px 14px;*/
    /*-webkit-transform: scale(1) rotate(6deg) translate(-3pt, 2pt) skew(15deg, 0deg);*/

 -webkit-box-shadow: 0 8px 19px -6px black;
       -moz-box-shadow: 0 8px 19px -6px black;
            box-shadow: 0 8px 19px -6px black;
            /*box-shadow: rgba(0,0,0,0.5) 8px 6px -6px;*/
}


/*ABOUT HEADER*/
.about_header{
  width:100%;
  /*max-width:1903px;*/
  max-width:2030px;
  margin:0 auto;
  /*height:450px;*/
  display:block;
  background:url("../images_/about_bg3.jpg") no-repeat;
  background-size: 100%;
  position:relative;
  min-height: 236px;
  max-height: 450px;
}

.trans-part{
  position:absolute;
  /*left: 1083px;*/
  top: 15px;
  margin-left: calc(100% - 43%);
  width: calc(100% - 75%);
}

@media screen and (min-width:2000px){
  .trans-part{width: calc(100% - 76%);}
  .about_header h1{padding-bottom: calc(100% - 90%);}
}

.d1sec{
    -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
}

.about_header h1{
    font-size: 65px;
    color: white;
    /*position: absolute;*/
    /*left: 320px;*/
    /*top: 160px;*/
    text-shadow: 0 1px 1px rgba(000, 000, 000, 0.8);
    width: 350px;
    margin:0px!important;
    margin-left: calc(100% - 90%)!important;
    padding-top: calc(100% - 91%);
    /*padding-bottom: 188px;*/
    
}

@media screen and (min-width:1601px) and (max-width:3000px){
  .about_header h1{padding-bottom: calc(100% - 90%);}
}

@media screen and (min-width:1301px) and (max-width:1600px){
  .about_header h1{padding-bottom: calc(100% - 91%);}
}

@media screen and (min-width:1101px) and (max-width:1300px){
  .about_header h1{padding-bottom: calc(100% - 92%);}
}

@media screen and (min-width:1000px) and (max-width:1100px){
  .about_header h1{padding-bottom: calc(100% - 93%);}
}

.about-box-wrap{
  width:100%;
  max-width:1000px;
  display:block;
  box-sizing:border-box;
  margin:0 auto;
}

.about-box1 h2, .about-box2 h2, .about-box3 h2, .about-box4 h2{
    font-size: 27px;
    min-height: 47px;
    color: #00a2fd;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
}

.about-box1 h2{
	margin-top:40px;
}

.about-pic-wrap{
	width:700px;
	height:195px;
	margin:0 auto;
}

.mad{
	margin-left:25px;
}
/*ABOUT HEADER END*/

/*ABOUT PART*/
.article-image{
    height: 188px!important;
    width: 238px;
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    transition: .4s ease-in-out;
}

.about-pic-comm:hover .article-image{
    -webkit-filter: grayscale(100%) blur(2px);
    filter: grayscale(100%) blur(2px);
    transition: .4s ease-in-out;
}

.about-pic-comm{
    position: relative;
	  width: 335px;
    height: auto;
    cursor:pointer;
    float:left;
}

.about-pic-comm > p{
    display: none;
}

/*.about-pic-comm:hover > p{
    position: absolute;
    top: 0;
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    z-index: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: .4s ease-in-out;
    line-height:150px;
    margin:0;
} OVO ODKOMENTARISATI */

.common1{
	margin-bottom:30px;
  clear:both;
  display:block;
  box-sizing:border-box;
}

.effect
{
  position: relative;
}
.effect:before, .effect:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*ABOUT PART END*/



/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    z-index:9999!important;
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption,#caption1,#caption2,#caption3,#caption4,#caption5,#caption6,#caption7{
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption, #caption1,#caption2,#caption3,#caption4,#caption5,#caption6,#caption7 { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
/*.closeImg:hover, .closeImg:focus {
    color: #d12929;
    text-decoration: none;
    cursor: pointer;
}

.closeImg {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}*/

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

/*MAP HATCH*/
.hatch{
	animation-name: hatch;
	-webkit-animation-name: hatch;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;		
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}

.brand-header{
  display:block;
  width:100%;
  position:relative;
  height:auto!important;
  max-width:1903px;
  margin:0 auto;
  background: url(../images_/product_bg1.jpg) no-repeat;
}

@media screen and (min-width:1000px){ /*NAPOMENA max je bio 1800px*/
  .brand-header{
    background-size: contain;/*bilo je contain nemam pojma zasto*/
}

/*  .commonstyle{
    width:100%!important;
    display:block;
    box-sizing:border-box;
  }*/
}
@media screen and (min-width:1000px) and (max-width:2000px){
  .brandh2{
        position: relative!important;
        top:0px!important;
        left:0px!important;
        margin:0px!important;
  }

}


@media screen and (min-width:1000px) and (max-width:1200px){
  .brandh2{
    /*padding-bottom: calc(100% - 93%)!important;*/
    font-size:50px!important;
  }
}

@media screen and (min-width:1200px) and (max-width:1300px){
  .brandh2{
    font-size:60px!important;
  }
}

.brandh2{
  font-size: 70px;
  color: white;
  /*position: absolute;
  left: 220px;
  top: 175px;*/
  text-shadow:0 3px 6px rgba(000, 000, 000, 0.8);
  width: 350px;
  margin:0px!important;
  margin-left: calc(100% - 90%)!important;
  padding-top: calc(100% - 91%);
  padding-bottom: calc(100% - 90%);
  line-height: 1.35em;
}

.blur1{
  /*left: 811px;*/
  /*position: relative;*/
left: calc(100% - 57.4%);
  position:absolute;
  top:0px;
  height: 100%;
  max-height: 450px;;
}

.blur2{
  /*left: 1090px;*/
  /*position: relative;*/
    left: calc(100% - 42.8%);
  position:absolute;
  top:0px;
  height: 100%;
  max-height: 450px;;
}


.blur3{
  /*left: 1410px;*/
  /*position: relative;*/
    left: calc(100% - 25.9%);
  position:absolute;
  top:0px;
  height: 100%;
  max-height: 450px;;
}

@media screen and (min-width:1000px) and (max-width:1050px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 19px)!important;
  }
}

@media screen and (min-width:1051px) and (max-width:1120px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 16px)!important;
  }
}

@media screen and (min-width:1121px) and (max-width:1170px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 14px)!important;
  }
}

@media screen and (min-width:1171px) and (max-width:1140px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 12px)!important;
  }
}

@media screen and (min-width:1141px) and (max-width:1200px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 10px)!important;
  }
}

@media screen and (min-width:1200px) and (max-width:1210px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 27px)!important;
  }
}

@media screen and (min-width:1211px) and (max-width:1260px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 22px)!important;
  }
}


@media screen and (min-width:1261px) and (max-width:1300px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 20px)!important;
  }
}

@media screen and (min-width:1301px) and (max-width:1400px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 31px)!important;
  }
}

@media screen and (min-width:1401px) and (max-width:1500px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 27px)!important;
  }
}

@media screen and (min-width:1501px) and (max-width:1590px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 23px)!important;
  }
}

@media screen and (min-width:1591px) and (max-width:1680px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 17px)!important;
  }
}

@media screen and (min-width:1681px) and (max-width:1780px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 12px)!important;
  }
}

@media screen and (min-width:1781px) and (max-width:1800px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 11px)!important;
  }
}

@media screen and (min-width:1801px) and (max-width:1847px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 9px)!important;
  }
}

@media screen and (min-width:1848px) and (max-width:1880px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 7px)!important;
  }
}

@media screen and (min-width:1880px) and (max-width:2030px){
  .blur1, .blur2, .blur3{
    /*max-height:425px!important;*/
    max-height:calc(100% - 5px)!important;
  }
}

/*@media screen and (min-width:1401px) and (max-width:1450px){
  .blur1, .blur2, .blur3{
    max-height:calc(100% - 31px)!important;
  }
}*/

.blurred-parts{
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 0px);
    top: 0px;
    /*background:url("../images_/blur1.png") no-repeat;
    background-position: 60.5% 100%;*/
}

.d2sec{
    -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    animation-delay: 2s;
}

.d3sec{
    -webkit-animation-delay: 3s; /* Safari 4.0 - 8.0 */
    animation-delay: 3s;
}

.warehouse-wrapper{
  display:block;
  position:relative;
  width:100%;
  /*max-width:1903px;*/
  max-width:2030px;
  height:auto;
  margin:0 auto;
  /*background:url("../images_/warehouse_bg.jpg") no-repeat;*/
}

.warehouse-header{
  display:block;
  position:relative;
  width:100%;
  max-height:450px;
  min-height:240px;
  height:auto;
  /*max-width:1903px;*/
  max-width:2030px;
  margin:0 auto;
  background:url("../images_/warehouse_bg.jpg") no-repeat;
  background-size: cover;
}

/*@media screen and (max-width:1830px){
	.warehouse-header{
		background-size: contain;
	}
}*/

.warehouseh2{
    font-size: 70px;
    color: white;
    /*position: absolute;*/
    /*left: 210px;*/
    /*top: 155px;*/
    text-shadow: 0 3px 6px rgba(000, 000, 000, 0.8);
    width: 350px;
	margin-left: calc(100% - 93%)!important;
    padding-top: calc(100% - 92%);
    margin:0px;
    padding-bottom: calc(100% - 92%);
}

@media screen and (min-width:1000px) and (max-width:1800px){
	.warehouseh2{padding-bottom: calc(100% - 92%);font-size:55px;}
}

@media screen and (min-width:1201px) and (max-width:1300px){
	.warehouseh2{margin-left: calc(100% - 90%)!important;}
}

@media screen and (min-width:1301px) and (max-width:1400px){
	.warehouseh2{margin-left: calc(100% - 88%)!important;}
}

@media screen and (min-width:1401px) and (max-width:1600px){
	.warehouseh2{margin-left: calc(100% - 86%)!important;}
}

@media screen and (min-width:1601px) and (max-width:1800px){
	.warehouseh2{margin-left: calc(100% - 85%)!important;}
}

.warehouse_image {
    /*background-color: #f6f6f6;
    background-image: -webkit-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0) 50%,
                      hsla(0,0%,0%,.015) 50%, hsla(0,0%,0%,.015) 100%),
                      -webkit-radial-gradient(hsla(0,0%,0%,.05) 10%, transparent 15%);
    background-size: 1.5em 1.5em, .5em .5em;*/
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.5;
    margin: 0 auto;
    padding: 1.5em;
    width: 45em;
}

/*GOOGLE MAP TEST*/

// Reset Box Sizing
*,
*:before,
*:after {
      -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
           box-sizing: border-box; 
}

// Mixin Gradient
@mixin gradient-lateral($startcolor,$endcolor) {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,$startcolor), color-stop(100%,$endcolor));
  background: -webkit-linear-gradient(left, $startcolor 0%,$endcolor 100%);
  background:    -moz-linear-gradient(left, $startcolor 0%, $endcolor 100%);
  background:      -o-linear-gradient(left, $startcolor 0%,$endcolor 100%);
  background:     -ms-linear-gradient(left, $startcolor 0%,$endcolor 100%);
  background:         linear-gradient(to right, $startcolor 0%,$endcolor 100%);
}

// Mixin Absolute Positioning
@mixin absolute($top,$right,$bottom,$left) {
  position: absolute;
  top: $top;
  right: $right;
  bottom: $bottom;
  left: $left;
}

// Styles
html {
  margin: 0;
  height: 100%;
  width: 100%;
}

/*!warehouses*/

.warehouse_1, .warehouse_2, .warehouse_3{
    position: relative;
    display: block;
    height: 490px;
}

#map-inner::before {
    z-index: -50;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background:url("../images_/truck.png") no-repeat;
}

.custom_bg::before{
  background:url("../images_/truck11.png") no-repeat!important;
}

.custom_bg1::before{
  background:url("../images_/truck2.png") no-repeat!important;
}

#container {
    display: block;
    position: absolute;
    top: 40px;
    right: 40px;
    bottom: 40px;
    left: 40px;
}

#map-inner {
    z-index: 100;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(100%, rgba(30, 87, 153, 0)))!important;
    background: -webkit-linear-gradient(left, #1e5799 0%, rgba(30, 87, 153, 0) 100%)!important;
    background: -moz-linear-gradient(left, #1e5799 0%, rgba(30, 87, 153, 0) 100%)!important;
    background: -o-linear-gradient(left, #1e5799 0%, rgba(30, 87, 153, 0) 100%)!important;
    background: -ms-linear-gradient(left, #1e5799 0%, rgba(30, 87, 153, 0) 100%)!important;
    background: linear-gradient(to right, #1e5799 0%, rgba(30, 87, 153, 0) 100%)!important;
    padding: 30px;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    border: 5px solid white;
    padding-right: 50%;
}

#map-canvas, #map-inner {
    display: block;
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

#map-canvas1, #map-inner{
    display: block;
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

#map-canvas2, #map-inner{
    display: block;
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

#map-canvas, #map-canvas1, #map-canvas2{
  border: 5px solid #fff!important;
}

#map-inner .overflow {
    display: block;
    overflow: hidden;
    max-height: 100%;
}

#map-inner h1, #map-inner p {
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
}

.overflow h1{
  color:#fff;
}

#map-inner h1 {
    margin-top: 0;
    font-size: 39px;
    margin: 15px 0px 10px 0px;
}

#map-inner p{
  font-size:18px!important;
}

#map-inner{
    width: 55%!important;
    border-right: none!important;
    padding-right: 0px!important;
}

.wh-images{
  display:block;
  margin: 70px 0px 0px -10px;
}

.wh-images img{
  width:238px;
  /*height:160px;*/
  /*height:auto;*/
  height:135px;
  opacity:0.6;
  display:inline-block;
  margin: 0px 10px 0px 0px;
}

.wh-images img:hover{
  opacity:1!important;
  cursor:pointer!important;
  /*transition: all .2s;*/
  /*transition: all .2s, ease-in-out;*/
  transition: .3s ease-in-out;
}




























/*TEST*/

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  /*background-color: black;*/
  background: rgba(0,0,0,0.9);
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.closeImg {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 40px;
  font-weight: bold;
}

.closeImg:hover,
.closeImg:focus {
  color: #d12929;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

/* Next & previous buttons */
.prevImg,
.nextImg {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.nextImg {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prevImg:hover, .nextImg:hover {
  background-color: rgba(0, 0, 0, 0.8);
  text-decoration:none!important;
  color:#fff!important;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
  max-height: 50px;
  display:none!important;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

.maxwmaxh{
  width:100%!important;
  max-height:674px!important;
}

.maxwmaxh1{
  width:100%!important;
}

.invalid-email{
    background: #dddddd!important;
    color: black!important;
    text-decoration: none!important;
    box-shadow: none!important;
    text-shadow: none!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
    text-align: center;
}

.invalid-email:hover{
    position: relative;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 13px 20px 3px rgba(0,0,0,0.125)!important;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #ce952a!important;
    cursor:not-allowed
}

#nav-bar-fixed .location-fix{
  width: 106px!important;
}
/***************************************!TEMPLATE CSS FILE***************************************/

/* ------------------------- */
/* ----- Start: SLIDER ----- */
/* ------------------------- */

/* HALF SLIDER - Copy start */
html, body {
    height: 100%;
  }

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */
.carousel {
    /*height: 540px;*/
    height:600px;
  }

.item,
.active,
.carousel-inner {
    height: 100%;
  }

/* Background images are set within the HTML using inline CSS, not here */
.fill {
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
        background-size: cover;
       -o-background-size: cover;
  }
/* HALF SLIDER - Copy end */


.item.active .fill.trans {
    transition: transform 9000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    transform: scale(1.2);
    /*background-size: 150%, auto;*/
  }


#myCarousel .carousel-caption {
  max-width: 780px;
  height: 136px;
    top: 55%;
    left: 50%;
    margin-left: -520px;
  }


#myCarousel .carousel-caption h3 a {
  color: #ffffff;
  text-decoration: none;
  height: 84px;
  line-height: 84px;
  padding: 0;
  margin: 0;
  }


#myCarousel .carousel-caption h3:first-of-type {
  display: block;
  position: absolute;
  height: 84px;
  top: 0;
  left: 0;
  font-size: 50px;
  font-weight: 300;
  text-shadow: 0;
  text-transform: uppercase;
  line-height: 84px;
  color: #000000;
  padding: 0 20px;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  overflow: hidden;
  border-bottom: 0;
  }

#myCarousel .carousel-caption h3:last-of-type {
  display: block;
  position: absolute;
  height: 52px;
  bottom: 0px;
  right: 0px;
  font-size: 30px;
  font-weight: 300;
  text-shadow: 0;
  text-transform: uppercase;
  line-height: 52px;
  color: #ffffff;
  padding: 0 25px;
  margin: 0;
  background-color: rgba(141,200,61, 0.9);
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  overflow: hidden;
  border-bottom: 0;
  }





.progress-bar-background {
    height: 4px;
    background-color: #dddddd;
    width: 100%;
  }

.transition-timer-carousel-progress-bar {
    height: 4px;
    background-color: #81b839;
    width: 0;
    margin: 0;
    border: none;
    z-index: 11;
    position: relative;
  }
/* ----- SLIDER ----- */

@media (max-width: 1199px) {
  
  #myCarousel .carousel-caption { margin-left: -490px; }
  
  }

@media (max-width: 991px) {
  
  .carousel { height: 54%; min-height: 420px; }
  #myCarousel .carousel-caption { width: 92%; height: 112px; margin-left: -46%; }
  #myCarousel .carousel-caption h3:first-of-type { height: 68px; font-size: 44px; line-height: 68px; }
  #myCarousel .carousel-caption h3:last-of-type { height: 44px; font-size: 26px; line-height: 44px; }

  }


@media (max-width: 767px) {
  
  .carousel { height: 44%; min-height: 400px; }
  #myCarousel .carousel-caption {  height: 96px; }
  #myCarousel .carousel-caption h3:first-of-type { height: 58px; font-size: 40px; line-height: 58px; padding: 0 10px; }
  #myCarousel .carousel-caption h3:last-of-type { height: 38px; font-size: 24px; line-height: 38px; padding: 0 10px; }

  }

@media (max-width: 639px) {

  .carousel { height: 38%; min-height: 290px;  }
  #myCarousel .carousel-caption { height: 84px; }
  #myCarousel .carousel-caption h3:first-of-type { height: 48px; font-size: 32px; line-height: 48px;}
  #myCarousel .carousel-caption h3:last-of-type { height: 36px; font-size: 22px; line-height: 36px; }

  }

@media (max-width: 539px) {

  .carousel { height: 32%; min-height: 220px; }
  #myCarousel .carousel-caption { height: 78px; }
  #myCarousel .carousel-caption h3:first-of-type { height: 44px; font-size: 28px; line-height: 44px; }
  #myCarousel .carousel-caption h3:last-of-type { height: 34px; font-size: 20px; line-height: 34px; }

  }

@media (max-width: 479px) {
  
  .carousel { height: 28%; min-height: 200px; }
  #myCarousel .carousel-caption { height: 70px; }
  #myCarousel .carousel-caption h3:first-of-type { height: 40px; font-size: 25px; line-height: 40px; }
  #myCarousel .carousel-caption h3:last-of-type { height: 30px; font-size: 18px; line-height: 30px; }

  }

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

  .carousel { height: 24%; min-height: 180px; }
  #myCarousel .carousel-caption { height: 52px; }
  #myCarousel .carousel-caption h3:first-of-type { height: 30px; font-size: 22px; line-height: 30px; padding: 0 6px; }
  #myCarousel .carousel-caption h3:last-of-type { height: 22px; font-size: 15px; line-height: 22px; padding: 0 6px; }

  }

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

  .carousel { height: 22%; min-height: 160px; }
  #myCarousel .carousel-caption { height: 46px; }
  #myCarousel .carousel-caption h3:first-of-type { height: 26px; font-size: 18px; line-height: 26px; }
  #myCarousel .carousel-caption h3:last-of-type { height: 20px; font-size: 14px; line-height: 20px; }

  }
/* ------------------------- */
/* ------ End: SLIDER ------ */
/* ------------------------- */

/***************************************!MOBILE HEADER***************************************/
/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "PT Sans", sans-serif;
  color: #33414a;
  background-color: #f2f2f2;
}

a {
  color: #7e4d7e;
  text-decoration: none;
}

/* -------------------------------- 

Main Components 

-------------------------------- */
header {
  position: fixed;
  z-index: 3;
  height: 50px;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #00a2fd;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Force Hardware Acceleration */
 
  /*-webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);*/

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
/*  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;*/
  -webkit-transition: -webkit-transform 0.1s;
  -moz-transition: -moz-transform 0.1s;
  transition: transform 0.1s;
}
header.nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
header::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: 'mobile';
}
@media only screen and (min-width: 1024px) {
  header {
    height: 80px;
  }
  header.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  header::before {
    content: 'desktop';
  }
}

@media screen and (max-width:1000px){
  .top-part-ancor, .top-part, .center-part, .bottom-part{
    display:none!important;
  }

  header{
    display:block!important;
  }
}

.cd-logo {
  display: inline-block;
  height: 100%;
  margin-left: 15px;
  /* remove jump on iOS devices - when we fire the navigation */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-logo img {
  display: block;
  max-width: 100%;
  margin-top: 14px;
  width:70px;
  height:35px;
}
@media only screen and (min-width: 1024px) {
  .cd-logo {
    position: absolute;
    z-index: 2;
    margin-left: 5%;
  }
  .cd-logo img {
    margin-top: 29px;
  }
}

.cd-nav-trigger {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  /* hide text */
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
}
.cd-nav-trigger span {
  /* hamburger icon created in CSS */
  position: absolute;
  height: 2px;
  width: 20px;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  -webkit-transition: background-color 0.3s 0.3s;
  -moz-transition: background-color 0.3s 0.3s;
  transition: background-color 0.3s 0.3s;
  background-color: #ffffff;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
}
.cd-nav-trigger span::before {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.cd-nav-trigger span::after {
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}
.nav-is-visible .cd-nav-trigger span {
  background-color: rgba(255, 255, 255, 0);
}
.nav-is-visible .cd-nav-trigger span::before {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.nav-is-visible .cd-nav-trigger span::after {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
@media only screen and (min-width: 1024px) {
  .cd-nav-trigger {
    display: none;
  }
}

.cd-main-nav {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0px;
  width: 260px;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  background: #1e262c;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}

/*@media screen and (min-width:0\0) {
  .cd-main-nav {
    right: -260px;
  }
}*/

.iOS-class{
  right: -260px;
}

.cd-main-nav a {
  display: block;
  font-size: 1.8rem;
  padding: .9em 2em .9em 1em;
  border-bottom: 1px solid #33414a;
  color: #ffffff;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.cd-main-nav li ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translateX(260px);
  -moz-transform: translateX(260px);
  -ms-transform: translateX(260px);
  -o-transform: translateX(260px);
  transform: translateX(260px);
}
.cd-main-nav.nav-is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.cd-main-nav.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}
.cd-main-nav.moves-out > li > ul {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-main-nav .cd-subnav-trigger, .cd-main-nav .go-back a {
  position: relative;
}
.cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .cd-subnav-trigger::after, .cd-main-nav .go-back a::before, .cd-main-nav .go-back a::after {
  /* arrow icon in CSS */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #485c68;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-main-nav .cd-subnav-trigger::after, .cd-main-nav .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .cd-subnav-trigger::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}
.cd-main-nav .go-back a {
  padding-left: 2em;
}
.cd-main-nav .go-back a::before, .cd-main-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}
.cd-main-nav .placeholder {
  /* never visible or clickable- it is used to take up the same space as the .cd-subnav-trigger */
  display: none;
}
@media only screen and (min-width: 1024px) {
  .cd-main-nav {
    position: static;
    visibility: visible;
    width: 100%;
    height: 80px;
    line-height: 80px;
    /* padding left = logo size + logo left position*/
    padding: 0 5% 0 calc(5% + 124px);
    background: transparent;
    text-align: right;
  }
  .cd-main-nav li {
    display: inline-block;
    height: 100%;
    padding: 0 .4em;
  }
  .cd-main-nav li a {
    display: inline-block;
    padding: .8em;
    line-height: 1;
    font-size: 1.6rem;
    border-bottom: none;
    /* Prevent .cd-subnav-trigger flicker is Safari */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .cd-main-nav li a:not(.cd-subnav-trigger):hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: .6;
  }
  .cd-main-nav .go-back {
    display: none;
  }
  .cd-main-nav .cd-subnav-trigger {
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5em;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    transition: border 0.3s;
  }
  .cd-main-nav .cd-subnav-trigger:hover {
    border-color: rgba(255, 255, 255, 0.4);
  }
  .cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .cd-subnav-trigger::after {
    top: 22px;
    right: 17px;
    background-color: #ffffff;
    /* change transform-origin to rotate the arrow */
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.3s, width 0.3s, right 0.3s;
    -moz-transition: -moz-transform 0.3s, width 0.3s, right 0.3s;
    transition: transform 0.3s, width 0.3s, right 0.3s;
  }
  .cd-main-nav .cd-subnav-trigger::before {
    right: 23px;
  }
  .cd-main-nav .cd-subnav-trigger, .cd-main-nav .placeholder {
    padding-right: 2.4em;
    padding-left: 1.1em;
  }
  .cd-main-nav li ul {
    height: 80px;
    background-color: #7e4d7e;
    /* padding left = logo size + logo left position*/
    padding: 0 5% 0 calc(5% + 124px);
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px);
    -webkit-transition: -webkit-transform 0.3s 0.2s;
    -moz-transition: -moz-transform 0.3s 0.2s;
    transition: transform 0.3s 0.2s;
  }
  .cd-main-nav li ul li {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: -webkit-transform 0.3s 0s, opacity 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s, opacity 0.3s 0s;
    transition: transform 0.3s 0s, opacity 0.3s 0s;
  }
  .cd-main-nav .placeholder {
    /* never visible or clickable- it is used to take up the same space as the .cd-subnav-trigger */
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-event: none;
  }
  .cd-main-nav.moves-out > li > a {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-main-nav.moves-out > li > ul {
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .cd-main-nav.moves-out > li ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s;
    -moz-transition: -moz-transform 0.3s 0.2s, opacity 0.3s 0.2s;
    transition: transform 0.3s 0.2s, opacity 0.3s 0.2s;
  }
  .cd-main-nav.moves-out .cd-subnav-trigger::before, .cd-main-nav.moves-out .cd-subnav-trigger::after {
    width: 14px;
    right: 17px;
  }
  .cd-main-nav.moves-out .cd-subnav-trigger::before {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  .cd-main-nav.moves-out .cd-subnav-trigger::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}

.cd-main-content::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: 'mobile';
}
@media only screen and (min-width: 1024px) {
  .cd-main-content::before {
    content: 'desktop';
  }
}

.cd-main-content {
  position: relative;
  z-index: 2;
  /*min-height: 100vh;*/
  /*padding-top: 50px; ovo sam morao napraviti zbog php'a*/
  padding-top:44px!important;

  -webkit-transition: -webkit-transform 0.1s;
  -moz-transition: -moz-transform 0.1s;
  transition: transform 0.1s;
}
.cd-main-content.nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
@media only screen and (min-width: 1024px) {
  .cd-main-content {
    padding-top: 80px;
  }
  .cd-main-content.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.no-js .cd-nav-trigger, .no-js .cd-subnav-trigger {
  display: none;
}

.no-js header {
  position: relative;
  height: auto;
}

.no-js .cd-logo img {
  margin-bottom: 14px;
}

.no-js .cd-main-nav {
  position: static;
  width: 100%;
  height: auto;
  visibility: visible;
  overflow: visible;
}
.no-js .cd-main-nav li {
  display: inline-block;
}
.no-js .cd-main-nav li:last-child {
  display: block;
}
.no-js .cd-main-nav .go-back {
  display: none;
}
.no-js .cd-main-nav li ul {
  position: static;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (min-width: 1024px) {
  .no-js .cd-main-nav {
    height: 80px;
  }
  .no-js .cd-main-nav li ul {
    position: absolute;
    top: 80px;
  }
  .no-js .cd-main-nav li ul li {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  .no-js .cd-main-nav li ul li:last-child {
    display: none;
  }
}

.no-js .cd-main-content {
  padding-top: 0;
}
@media only screen and (min-width: 1024px) {
  .no-js .cd-main-content {
    padding-top: 80px;
  }
}

.mobile{
  height:65px!important;
}

footer{
  min-height:initial!important;
  padding:initial!important;
}

.cd-main-content{
  z-index:1;
}

.disabled{
  z-index:-1!important;
}

/***************************************!RESPONSIVE****************************************/
@media screen and (min-width:1001px){
  .desktop{display:block;}
  .mobile{display:none;}

  .cd-main-content{
  	padding-top:0px!important;
  }

  #index-main{
	display:block;
	height:auto;
	background:#fff;
	margin-bottom:90px;
  }

  .mobile-sharing{
  	display:none!important;
  }
}

@media screen and (max-width:1000px){
  .fbottom-part,.sharing, #btn-top{display:none!important;} /*ovo obrisati na kraju*/

  #header{
    display:none!important;
  }

  #myCarousel{
    width:100%!important;
    height:auto!important;
    min-height:initial!important;
  }

  body .carousel-inner{
    height: 250px!important;
    min-height:initial!important;
  }

  footer{height:100%!important;}

  .col-xs-12{
  	width:100%!important;
  	display:block!important;
  	height:auto!important;
    min-height: initial!important;
  }

  .col-xs-12 h3{
  	height:auto!important;
  	min-height:initial!important;
  }

  #index-main{padding-top:0px!important;}  

  .flogo{
  	top:0px;
  }

  .company_info{
  	position:relative;
  	left:0px;
  	text-align:center;

  }

  .mobile-sharing{
  	display:block;
  	height:auto;
  	width:100%;
  	height:55px;
    max-width: 241px;
    margin: 0 auto;
    margin-top: 15px;
  }

  .mobile-sharing a{
    display:inline-block;
  } 

  .mobile-sharing .fb{
    background: url("../images_/social5.png");
    width: 45px;
    height: 45px;
    background-position: -2px 50%;
    display:inline-block;
  }

  .mobile-sharing .tw{
    background: url("../images_/social5.png");
    width: 45px;
    height: 45px;
    background-position: -113px 50%;
    display:inline-block;
  }

  .mobile-sharing .inst{
    background: url("../images_/social5.png");
    width: 45px;
    height: 45px;
    background-position: -58px 50%;
    display:inline-block;
  }

  .mobile-sharing .yt{
    background: url("../images_/social5.png");
    width: 45px;
    height: 45px;
    background-position: -215px 50%;
    display:inline-block;
  }

  .mobile-sharing .lct{
    background: url("../images_/social5.png");
    width: 45px;
    height: 45px;
    background-position: -265px 50%;
    display:inline-block;
  }

  .about_header{
  	overflow:hidden;
  }

	.about_header{
		background-size: cover;
		display:block;
		display: -webkit-box;
		display: -moz-box;
		background-position: 57% 0%;
	}

	.about_header h1{
		width:100%;
		position:relative;
		margin:0px!important;
		padding:0px!important;
    	display: block;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-box-pack: center;
    	display: -moz-box;
    	-moz-box-orient:horizontal;
    	-moz-box-pack:center;
    	font-size:40px;
    	padding-left:10px!important;
	}

	.about_header img{
		display: block!important;
	    width: 240px;
	    height: auto;
	    float: none;
	    margin: 0px!important;
	    left: 50%;
	    top: 22px;
	}

	.about-pic-wrap{
		width:100%;
		display:block;
    	display: -webkit-box;
    	-webkit-box-orient: horizontal;
    	-webkit-box-pack: center;
    	display: -moz-box;
    	-moz-box-orient:horizontal;
    	-moz-box-pack:center;
	}

	.about-pic-wrap div{
		width:45%;
	}

	.about-pic-comm{
		max-width:317px!important;
		display: -webkit-box;
		display: -moz-box;
	}

	.about-pic-comm img{
		width:100%!important;
		max-width:317px!important;
		display:block;
		height:auto!important;
		min-height: 178px;
		max-height: 178px;
	}

	.common1{
	    max-width: 750px;
	    margin: 0 auto;
	}

	.brand-header{
		background-size: cover;
	    background-position: -110px 0px;
	    overflow: hidden;

	    width: 100%;
	    background-size: cover;
	    position: relative;
	    min-height: 236px;
	    max-height: 450px;
	    background-position: 40% 0%;

	    display: -webkit-box;
	    display: -moz-box;
	}
	.brand-header h1{
		padding:0px!important;
		margin:0px!important;

    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-box-pack: center;
    	display: -moz-box;
    	-moz-box-orient:horizontal;
    	-moz-box-pack:center;
    	font-size:50px;
    	padding-left:10px!important;
	}

	.blurred-parts{
		display:none!important;
	}

	.product-title{
		float: none;
    	text-align: center;
    	margin: 0 auto;
    	display: block;
    	width: 100%;
    	max-width: 1000px;
    	border-right:none!important;
	}

	.commonstyle{
		display: inline-block;
	}

	.border{
		border-bottom: 2px solid #79c028;
	}

	.product-des{
    	display: inline-block;
    	float: none;
    	text-align: center;
	}

	.product-des p{
		padding-left:0px!important;
	}

	.all-informations{
		margin-bottom:30px!important;
	}

	.product-des{
		max-width:1000px;
	}

	.warehouses #container{
		right: 0px!important;
		left: 0px!important;
	}

	.adv_background{
		margin-bottom:20px!important;
	}

	.warehouse_2 #container, .warehouse_3 #container{
		top:15px!important;
		bottom:15px!important;
	}

	.warehouse_1 #container{
		bottom:15px!important;
	}

	.warehouse-header{
		top:10px;
		display:block;
		display: -webkit-box;
		display:-moz-box;
	}

	.warehouse-header h2{
		width:100%!important;
		display:block;
		display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-box-pack: center;
    	display:-moz-box;
    	-moz-box-orient:vertical;
    	-moz-box-pack: center;
    	padding-left:10px!important;

		margin:0px!important;
		padding:0px!important;
		font-size:65px!important;
		padding-left:45px!important;
	}

  .about-container{
    background: url(../images_/form-bottom1.png), url(../images_/form-bg.jpg);
    background-position: 54% 99%, 50% 78%;
    background-repeat: no-repeat;
  }

  #contact-form{
    width:100%;
    display:block;
  }

  .about-container{
    overflow:hidden;
    background-size: 100%, auto;
  }

  img#ping-image{
    display:none!important;
  }

  img.map{
    display:none!important;
  }

  .google-map {
      position: relative;
      display: block;
      min-height: 300px;
      background: url("../images_/mk_plast_map-mob.jpg");
      background-position: 50% 50%;
      background-size: cover;
      background-repeat:no-repeat;

      -webkit-box-shadow: 0 8px 19px -6px black;
      -moz-box-shadow: 0 8px 19px -6px black;
      box-shadow: 0 8px 19px -6px black;
  }

  .find-us{
    margin: 40px 0px 30px 0px;
  }

  .language-list li{
    list-style:none!important;
  }

  .mobile-l-select{
    background: url("../images_/uk.png") no-repeat;
    background-size: 25px;
    background-position: 10px 50%;
  }

  .slo{
    background: url("../images_/slo.png") no-repeat;
    background-size: 25px;
    background-position: 10px 50%;
  }

  .mobile-l-select a{
    padding: .9em 2em .9em 2.5em!important;
  }

  .closeImg{
    top:56px!important;
  }
}
















@media screen and (max-width:600px){
	.about-box-wrap .mad{
		visibility:hidden;
	}

	.about-pic-wrap{
		display:block;
		width:100%;
	}

	.about-pic-comm img{
		width:100%!important;
		height:auto!important;
	}

	.about-pic-comm{
		margin:0 auto;
		float:none;
		width:100%!important;
		max-width: 335px;
	}

	.about_header h1{
		font-size:40px!important;
	}

	.brand-header{
		background-position: 40% -14px;
	}

	.brand-header h1{
		font-size:30px!important;
	}

  .about1 .about-box-wrap p{
    max-width:317px;
    margin:0 auto;
    margin-bottom:15px;
  }
}

@media screen and (min-width:700px) and (max-width:1000px){
	.wh-images{
		width: 100%!important;
	}

	.wh-images img{
		max-height: 135px!important;
   		height: auto!important;
        max-width: 238px!important;
    	width: 46%!important;
	}
}

@media screen and (max-width:699px){
	#map-inner{
    	width: 100%!important;
    	height: 50%;
    	max-height:750px!important;
    	border-bottom: 0px;
    	background: linear-gradient(to bottom, #1e5799 0%, rgba(30, 87, 153, 0) 96%)!important;
	}

	.wh-images{
		display:none!important;
	}

	.warehouse_1, .warehouse_2, .warehouse_3{
		height:700px!important;
	}

	.gmnoprint{
		left:0px!important;
		right:initial!important;
	}

	.gm-style div:nth-child(7){
		left:0px!important;
		right:initial!important;
	}

	.warehouse-header h2{
		margin:0px!important;
		padding:0px!important;
		font-size:45px!important;
		padding-left:25px!important;
	}

	.custom_bg1::before, .custom_bg::before{
		background-position:0px -40px!important
	}

	.wh-images{
		display: block!important;
    	margin: 0px!important;
    	float: right!important;
    	width: 70%!important;
	}

	.wh-images img{
    	max-width: 205px!important;
    	width: 100%!important;
	}

	#map-inner .overflow{
    	float: left;
    	width: 30%;
	}
}

@media screen and (min-width:780px) and (max-width:1000px){
	.brand-header h1{
		padding-left: 60px!important;
	}
}

@media screen and (min-width:300px) and (max-width:699px){
	.warehouse-header h2{
		padding-left: 45px!important;
	}
}


@media screen and (min-width:1000px) and (max-width:1050px){
	.wh-images img{
		width: 228px;
	}
}

@media screen and (min-width:600px) and (max-width:675px){
	.wh-images img {
	    max-width: 180px!important;
	    width: 100%!important;
	}

	.wh-images img{
		height: 125px;
	}
}
@media screen and (min-width:600px) and (max-width:1000px){
  .about1 .about-box-wrap p{
    padding:0px 20px!important;
  }
}


@media screen and (max-width:600px){
	#map-inner .overflow{
		width: 45%;
	}

	#map-inner{
		padding-left:10px!important;
	}

	#map-inner p {
    	font-size: 17px!important;
	}

	.wh-images{
		width:45%!important;
	}

	.wh-images img {
	    max-width: 185px!important;
	    height: 115px;
	    margin-bottom: 5px!important;
	}
}

@media screen and (min-width:550px) and (max-width:600px){
	.wh-images img {
	    max-width: 205px!important;
	    height: 120px;
	}
}

@media screen and (max-width:500px){
	#map-inner .overflow{
		width: 40%;
	}

	#map-inner{
		padding-left:10px!important;
	}

	#map-inner p {
    	font-size: 17px!important;
	}

	.wh-images{
		width:50%!important;
	}

	.wh-images img{
    	max-width: 165px!important;
    	height: 105px;
		margin-bottom:5px!important;
	}
}

@media screen and (min-width:450px) and (max-width:500px){
	#map-inner p {
	    font-size: 18px!important;
	}

	.wh-images img {
	    max-width: 175px!important;
	    height: 115px;
	}

	#map-inner .overflow {
	    width: 45%;
	}
}

@media screen and (max-width:400px){
	#map-inner .overflow{
		width: 30%;
	}

	#map-inner{
		padding-left:10px!important;
	}

	#map-inner h1 {
    	font-size: 35px;
	}

	#map-inner p {
    	font-size: 17px!important;
	}

	.wh-images{
		width:55%!important;
	}

	.wh-images img{
		max-width: 135px!important;
		height: 85px;
		margin-bottom:5px!important;
	}

  .about_header h1{
    font-size: 38px!important;
  }
}

@media screen and (min-width:350px) and (max-width:400px){
	#map-inner .overflow{
		width: 47%;
	}

	.wh-images img {
	    max-width: 140px!important;
	    height: 90px;
	}

	.wh-images {
	    width: 45%!important;
	}
}

@media screen and (min-width:301px) and (max-width:349px){
	#map-inner .overflow {
	    width: 40%;
	}
}

@media screen and (max-width:300px){
	.about-pic-comm img{
		min-height: 145px!important;
	}
	.about-pic-wrap{
		height:165px!important;
	}

	.brand-header{
		background:url("../images_/product_bg-mob.jpg") no-repeat;
    background-position: 40% -14px;
    background-size: cover;
	}

	.brand-header h1{
		font-size:30px!important;
	}

	.warehouse-header h2{
		margin:0px!important;
		padding:0px!important;
		font-size:35px!important;
		padding-left:15px!important;
	}

	.wh-images img {
		max-width: 115px!important;
	    height: 65px;
	}

	#map-inner .overflow {
	    width: 42%;
	}

	#map-inner h1 {
	    font-size: 27px;
	}

	#map-inner p {
	    font-size: 15px!important;
	}

	.wh-images {
	    width: 56%!important;
	}

  .cd-main-nav{
    width:200px;
  }

  .cd-main-content.nav-is-visible {
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    -o-transform: translateX(-200px);
    transform: translateX(-200px);
  }

  header.nav-is-visible{
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    -o-transform: translateX(-200px);
    transform: translateX(-200px);
  }
}