/* COLORS

sötétkék - #3d69b1
világosabbkék - #b7bfe2
sötétzöld - #95c45a
világosabbzöld - c0da9d

*/
@font-face {
font-family: HelveticaNeue;
src: url('../fonts/HelveticaNeueLTPro-Cn.otf');
}
p, h1, h2, h3, h4, h5, h6 {
	font-family: 'HelveticaNeueLTPro-Cn', sans-serif;
}
a:hover { cursor: pointer !important; }

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

@media all and (max-width: 1200px) { /* screen size until 1200px */
    body { font-size: 1.3em; /* 1.5x default size */ }
}
@media all and (max-width: 1024px) { /* screen size until 1024px */
    body { font-size: 1.20em !important; /* 1.2x default size */ }
    .sub-menu-manufacturers ul li { font-size: 0.9em !important; }
}
@media all and (max-width: 768px) { /* screen size until 768px */
	nav { font-size: 0.7em; }
  body { font-size: 1.2em !important; /* 0.8x default size */ }

	input, textarea, select, .inp-search { border: 1px solid #ccc; }
}

@media all and (max-width: 767px) { /* screen size until 767px */
  body { font-size: 1.3em !important; /* 0.8x default size */ }
	nav { font-size: 1em; }
  #navbar-responsive { height: auto; margin: 0; }
	#navbar-responsive .container { background-color: #333; }
	#navbar-responsive ul { text-align: center; padding: 0; }
	#navbar-responsive ul li { width: 100%; }

	#navbar-responsive ul li ul { background-color: #fff; display: none; }
	#navbar-responsive ul li ul li { padding: 10px; }
  #navbar-responsive ul li ul li a { color: #95c45a !important; font-size: 1.1em !important; }

  #slider-images-wrapper .caption { right: 15% !important; }
  #slider-images-wrapper div h2 { font-size: 2em !important; letter-spacing: 11px; }
  #slider-images-wrapper div h3 { font-size: 1.6em !important; }
  /* PRODUCTS */

  .products .sub-product div { width: 100%; }
  .sub-product-picture div { width: 100%; }
  .sub-product div { width: 100%; }

  /* NEWS */

  .news-button-more { float: none !important; }

  /* FAVOURITES */
  .favourites-product-box h4, .favourites-product-box h5 { text-align: center; }
  .favourites-product-box .div-select { padding: 20px 0 !important; }
  .favourites-product-box .div-textarea { width: 100% !important; padding: 0px !important; }
  .favourites-product-box .div-delete { width: 100% !important; padding-top: 15px !important; }
}

/* CLASSES */
.anim-03s { transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in-out; }
.anim-05s { transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in-out; }
.anim-1s { transition: all 1s ease-in; -webkit-transition: all 1s ease-in-out; }

.mar-menu { margin-top: 80px; }
.mar-menu-small { margin-top: 60px; }
.pad-none { padding: 0; padding-left: 0; padding-right: 0; }
.back-green-font-white { background-color: #95c45a; color: #fff; }

.divider-green { height:50px; background-color: #95c45a; }
.divider-blue { height:50px; background-color: #3d69b1; }

.inp-textarea { width: 100%; height: 100%; padding: 10px; }
input[type="text"] { width: 100%; padding: 10px; }

.hibas-adat { color: red; }

.submit { font-size: 1.3em; padding: 15px; border: none; background-color: #3d69b1; color: #fff; float: right; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.submit:hover { background-color: #b7bfe2; }
/*a, a:hover {text-decoration: none; color: #000;}*/
/* MENU */
ul { list-style-type: none; }
.main-menu { padding-left: 15px;}
.main-menu li { display: inline-block; padding: 1% 4%; }	
nav .logo { max-height: 50px !important; display: inline-block; margin-top: 10px; text-align: center; }

.navbar { height: 58px; background: #333; }
.navbar .li-small { padding: 5px; position: relative; }

.navbar .li-small .favourites-box { display: none; position: absolute; right: 0; top: 54px; width: 400px; max-height: 550px; overflow-y: auto; background-color: #fff; border: 1px solid #ccc; padding: 15px 15px 25px 15px; }
.navbar .li-small .favourites-box h3 { border-bottom: 1px solid #000; display: inline-block; padding-bottom: 15px; }
.navbar .li-small .favourites-box .product-box { padding: 15px 0; border-bottom: 1px solid #ccc; }
.navbar .li-small .favourites-box img { object-fit: contain; height: 93px; }
.navbar .li-small .favourites-box .inp-delete { padding: 10px; border: none; background-color: #95c45a; color: #fff; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.navbar .li-small .favourites-box .inp-delete:hover { background-color: #c0da9d; }
.navbar .li-small .favourites-bubble { display: none; position: absolute; top: 45px; left: 0px; padding: 3px 10px; border-radius: 10px; background-color: #95c45a; }
.navbar .li-small .favourites-bubble-val { color: #fff; font-size: 0.7em; }

.navbar li { transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.navbar li:hover { background-color: #709e35; }
.navbar a, .navbar span {}
.navbar .search { position: relative; }
.navbar .search .inp-search { position: absolute; bottom: -49px; right: 0px; padding: 10px; width: 250px; display: none; }
/*JS class*/
.navbar .hover { background-color: #709e35; }
.navbar .hover a { color: #fff; }
/**/
.navbar li:hover a, .navbar li:hover a span { color: #fff; }
.navbar a, .navbar a:hover { text-decoration: none; color: #fff; font-weight: 300; }
.navbar > div > div { position: relative; }
.navbar > div > div > ul li a { line-height: 40px; font-size: 1.2em; cursor: pointer; font-family: 'HelveticaNeueLTPro-Cn', sans-serif; }

.navbar .sub-menu { display: none; max-height: 59px; position: absolute; left: 0; top: 58px; background: #fff; width: 100%; z-index: 10; }
.navbar .sub-menu-li { display: inline-block; padding: 10px 3.35%; position: relative; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.navbar .sub-menu-li a { color: #000; }
.navbar .hover a { color: #fff; }
.navbar .sub-menu-li:hover { background-color: #709e35; }
.navbar .sub-menu-li:hover a { color: #fff; }
.navbar .sub-menu > ul li a {font-size: 1em; font-weight: 400; }

.navbar .sub-menu-background { display: none; height: 60px; width: 100%; position: absolute; left: 0; top: 58px; background-color: #fff; border-bottom: 1px solid #333; }

.navbar .sub-sub-menu { position: relative; top: 50px; display: none; background-color: #709e35; border-color: #e7e7e7; border-width: 0 0 1px; z-index: 10; padding: 20px 0;}
.navbar .sub-sub-menu .menu-item { display: inline-block; padding: 10px; cursor: pointer; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.navbar .sub-sub-menu .menu-item:hover { background-color: #c0da9d; }
.navbar .sub-sub-menu .menu-item a { color: #fff; } 
/*.navbar .sub-sub-menu > ul li a { cursor: pointer; }*/

/* SLIDER */

#slider-images-wrapper { position: fixed; width: 100vw; height: 100vh; top: 0; z-index: -10; }
#slider-images-wrapper .row { width: 100%; margin: 0; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: 50%; }
#slider-images-wrapper .row.animation { animation-name: slider; animation-duration: 60s; animation-iteration-count: infinite; animation-timing-function: linear; }

#slider-images-wrapper img { width: 100%; height: 100%; object-fit: cover; animation-name: slider; animation-duration: 90s; animation-iteration-count: infinite; animation-timing-function: linear; }

@keyframes slider {
    0%   {transform: scale3d(1, 1, 1);}
    50%   {transform: scale3d(1.2, 1.2, 1);}
    100%  {transform: scale3d(1, 1, 1);}
}

#slider-images-wrapper .swiper-slide { position: relative; }
#slider-images-wrapper .caption { position: absolute; z-index: 10; padding: 20px; color: #444; }
#slider-images-wrapper .caption h2 { font-size: 4em; }
#slider-images-wrapper .caption h3 { font-size: 3.5em; }
#slider-images-wrapper .caption a { text-decoration: none; color: #444; }
#slider-images-wrapper .caption a:hover { text-decoration: underline; }

#slider-images-wrapper .pos { left: 5%; bottom: 10%; }
#slider-images-wrapper .pos1 { left: 5%; top: 15%; }
#slider-images-wrapper .pos2 { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: 15%; }
#slider-images-wrapper .pos3 { right: 5%; top: 15%; }
#slider-images-wrapper .pos4 { right: 5%; bottom: 10%; }
#slider-images-wrapper .pos5 { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 10%; }
#slider-images-wrapper .pos6 { left: 5%; bottom: 10%; }

div .main-next { position: absolute; width: 20%; z-index: 10; opacity: 0.8; background-color: #fff; right: 0; left: 0; margin: 0px auto; bottom: 	30%; }
div .main-next h2 { padding: 10px 20px; margin: 10px; font-weight: 300; }
div .main-next h2 a { color: #444; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
div .main-next h2 a:hover { text-decoration: none; color: #3d69b1; }
#slider-images-wrapper div h2, #slider-images-wrapper h3 { font-weight: 700; }
#slider-images-wrapper div h2 { font-size: 3em; letter-spacing: 11px; }
#slider-images-wrapper div h3 { font-size: 2.5em; }

#slider-images-wrapper .swiper-pagination-bullets { position: fixed; bottom: 50px; }
#slider-images-wrapper .swiper-pagination-bullet { width: 20px; height: 20px; background-color: #333; margin: 0 10px; opacity: 0.8 }
#slider-images-wrapper .swiper-pagination-bullet-active { background-color: #3d69b1; }

.max-height { height:100vh; }

.sliderbox-images { position: relative; }

/* MAIN PAGE */

#product-offers-wrapper { margin-top: 100vh; z-index: 10; background-color: #fff; padding-bottom: 50px; }
#product-offers { padding: 20px 0; }
#product-offers .product-box img { object-fit: contain; margin: 0px auto; }
#product-offers .product-box h3 { background-color: #95c45a; color: #fff; margin: 20px 0; padding: 10px; font-weight: 300; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; border: 1px solid #95c45a; }
#product-offers .product-box h3:hover { background-color: #fff; border: 1px solid #95c45a; }
#product-offers .product-box h3 a { color: #fff; }
#product-offers .product-box h3:hover a { text-decoration: none; color: #95c45a; }

/*ROLUNK*/

#rolunk span { color: #95c45a; font-size: 1.1em; font-weight: 400; }
#rolunk p, #rolunk h5 { color: #3d69b1; text-align: justify; font-size: 1.2em; font-weight: 300; }

/* CATEGORY PAGE */
#shady-background { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background-color: #777; opacity: 0.8; }

.bread-crumb { padding: 10px 0px 20px 0; font-size: 1.1em; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.bread-crumb a { color: #3d69b1; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.bread-crumb a:hover { color: #95c45a; text-decoration: none; }

#products-submenu { z-index: 10; overflow: auto; border-right: 1px solid #ccc; }
#products-submenu.anchor { top: 55px; left: 0; padding: 0; position: absolute; }
#products-submenu.anchor ul { margin: 0; }

#products-submenu ul { padding: 0; background-color: #f8f8f8; margin: 0; }
#products-submenu ul li { background-color: #fff; border-bottom: 1px solid #ccc; padding: 15px 35px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;  }
#products-submenu ul li a { text-decoration: none; font-weight: 400; color: #3d69b1; }
#products-submenu ul li:hover { background-color: #95c45a; }
#products-submenu ul li:hover a { color: #fff; }
#products-submenu ul li.active { background-color: #95c45a; }
#products-submenu ul li.active a { color: #fff; }
#products-submenu ul .li-plus { background-image: url("../img/icon_plus.png"); background-position: 95% 15px; background-repeat: no-repeat; }
#products-submenu ul .li-minus { background-image: url("../img/icon_minus.png"); background-position: 95% 15px; background-repeat: no-repeat; }
#products-submenu ul .li-plus:hover, #products-submenu ul > .li-plus.active { background-image: url("../img/icon_plus_white.png"); }
#products-submenu ul .li-minus:hover, #products-submenu ul > .li-minus.active { background-image: url("../img/icon_minus_white.png"); }

#products-submenu ul li ul { display: none; }
#products-submenu ul li ul li { background-image: url("../img/icon_circle_white.png"); background-position: 2.5% 20px; background-repeat: no-repeat; font-weight: 300; border: none; }
#products-submenu ul li ul li a { display: block; }
#products-submenu ul li.active ul li { background-color: #95c45a; }
#products-submenu ul li:hover ul li { background-color: #95c45a; }
#products-submenu ul li:hover ul li a { color: #fff; }
#products-submenu ul li ul li .active { background-color: #95c45a; }
#products-submenu ul li ul li:hover { background-color: #c0da9d; }
#products-submenu ul li ul li.hover-active { background-color: #c0da9d; }
#products-submenu ul li ul li:hover a { color: #fff; }

.products .sub-product { padding: 0px 7.5px 15px 7.5px; cursor: pointer; }
.products .sub-product div { display: table; height: 210px; background-color: #fff; border: 1px solid #e4e4e4; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.products .sub-product div a { display: table-cell; font-size: 1.1em; vertical-align: middle; color: #3d69b1; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.products .sub-product div a, .products .sub-product div a:hover { text-decoration: none; }
.products .sub-product div:hover { background-color: #95c45a; }
.products .sub-product div:hover a { color: #fff; }

.reagent-box div { height: 130px !important; }
.reagent-box div a { vertical-align: top !important; padding-top: 15px !important; display: block !important; position: relative; }
.reagent-box div a .favourite-info { display: none; }
.reagent-box .button-url .favourite-info { bottom: 30px; }
.reagent-box .button-favourite { display: inline-block !important;}

.products .sub-product-picture { padding: 0px 7.5px 15px 7.5px; }
.products .sub-product-picture div { display: table; height: 210px; padding: 0; background-position: 50% 50%; border: 1px solid #e4e4e4; background-size: contain; background-repeat: no-repeat; position: relative; }
.products .sub-product-picture div a { display: table-cell; vertical-align: bottom; padding-bottom: 10px; text-align: center; font-size: 1.3em; color: #3d69b1; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; text-decoration: none; 
    text-shadow: -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff;   }
.products .sub-product-picture:hover div a { background-color: #95c45a; color: #fff; opacity: 0.9; text-shadow: none; }

/* Magnific popup */
.image-popup-vertical-fit { cursor: zoom-in; }

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/*Glyphicon anims*/
#products-container .table-cell-trans a span { color: #3d69b1; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
#products-container .table-cell-trans a:hover > .glyphicon { color: #95c45a; }

.button-favourite { position: relative; }
.button-favourite span {color: #3d69b1; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.button-favourite:hover > .glyphicon { color: #fff; }

.favourite-info { display: none; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 200px; background-color: #3d69b1; padding: 10px; color: #fff !important; }
.button-favourite:hover .favourite-info, .reagent-box .button-url:hover .favourite-info { display: block; }

.products .sub-product, .products .sub-product-picture { max-height: 237px; }

.products .sub-unique-product { padding: 15px; }
.title-anchor { position: fixed !important; top: 57px; z-index: 4; padding: 0 !important; background-color: #fff; border: 1px solid #ccc;}
.title-anchor .product { background-color: #fff; padding: 14px 0; }
.products .sub-unique-product div { padding: 0; height: 300px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.products .sub-unique-product div span { position: absolute; padding: 34% 0; text-align: center; font-size: 1.3em;  height: 100%; width: 100%; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.products .sub-unique-product:hover div span { background-color: #95c45a; color: #fff; opacity: 0.9; }

.product-menu-resp {  z-index: 15; max-width: 100%; }
.product-menu-resp img { position: absolute; top: 0px; padding: 10px; border-radius: 5px; background-color: #e7e7e7; }
.product-menu-resp.anchor { position: fixed; top: 65px; }

.product-menu-resp img, .product-menu-resp { cursor: pointer; }

.products .table-cell { display: table; height: 50px; padding: 10px; }
.products .table-cell-trans { display: table-cell; vertical-align: middle; background-color: transparent; height: 80px; }
.bg-col-dark-green { background-color: #eef7e1; }
.bg-col-light-green { background-color: #b6da89; }
.products .table-pic { background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }
.products .table-cell p, .products .table-cell h5 { display: table-cell; vertical-align: middle; /*color: #fff;*/ color: #000; }
.products .table-cell h5 a { /*color: #fff;*/ color: #000; text-decoration: none; font-size: 1.2em; font-weight: 300; }
.products .table-cell p { font-weight: 300; }

.products .main-title { background-color: #709e35; height: 50px; vertical-align: middle; }
.products .main-title h4 { color: #fff; }

/* PRODUCT SUBPAGE */
#product-container .product h2 { font-weight: 300; color: #95c45a; }
#product-container .product h4 { font-weight: 300; color: #3d69b1; }
#product-container .product h4 a { font-weight: 300; }

/* NEWS, BLOG SUBPAGE*/
.news-box { border-bottom: 1px solid #3d69b1; font-weight: 300; padding: 15px;}
.news-box h4 { color: #3d69b1; font-weight: 400;}
.news-box h5 { color: #b7bfe2; font-weight: 300;}

.news-button-more { float: right; padding:10px; background-color: #3d69b1; color: #fff; border: none; letter-spacing: 1px; transition: all 0.3s ease-in; }
.news-button-more:hover { background-color: #b7bfe2; }

/* CONTACT */

#contact h2, #contact-map h2 { font-weight: 300; color: #3d69b1; }
#contact h2 { font-size: 2em; letter-spacing: 6px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #3d69b1; }
#contact ul li { font-weight: 300; font-size: 1.3em; padding: 0 0 25px 0; }

#contact-map { margin-top: 25px; }
#contact-map h2 { letter-spacing: 6px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #3d69b1; width: auto;}

#map { height: 600px; overflow: hidden; margin-bottom: -50px;}

/* FAVOURITES */

.favourites-product-box .div-select { height: 150px; line-height: 100px; }
.favourites-product-box .div-textarea { width: 30%; padding-right: 0px; }
.favourites-product-box .div-delete { width: 11.6663%; }

.favourites-product-box .inp-delete { padding: 10px; border: none; background-color: #95c45a; color: #fff; float: right; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.favourites-product-box .inp-delete:hover { background-color: #c0da9d; }

/* FOOTER */

footer { background-color: #333; margin-top: 50px; }
footer.main-page { margin-top: 0 !important; }
.min-height { bottom: 0; position: absolute; width: 100%; }

footer .footer-box ul { list-style-type: none; margin: 20px 0; padding: 0 0 40px 0; height: 100px; }
.footer-box-left { border-right: 1px solid #999; }
.footer-box-right { border-left: 1px solid #999; }
footer .footer-box h4 { color: #fff; font-weight: 400; font-size: 1.1em; margin-top: 30px; }
footer .footer-box ul li { font-weight: 300; color: #999; }
footer .footer-box ul li a { color: #999; }

footer img { margin: 0px auto; width: 200px; padding: 20px;}