html, body { margin: 0px; padding: 0px; }
.vs * { box-sizing: border-box; font-family: 'Roboto', sans-serif; color: #3b3b3b; font-weight: 300; }
.vs *:focus { outline: none; }

.center-img { width: 100%; }

.eu-modal { z-index: 9999; position: fixed; bottom: 20px; right: 20px; max-width: calc(100% - 40px); background: #fff; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.2); }
.eu-modal a:first-of-type { float: right; margin-right: 12px; margin-top: 5px; font-size: 20px; font-weight: bold; }
.eu-modal img { max-width: 100%; }
.eu-modal p { margin: 0px 0px 10px 0px!important; color: #666; font-weight: 300!important; font-size: 1.1em!important; line-height: 1.4em!important; }

.vitamins-wrapper { position: relative; padding: 30px 0px; background: #08f; width: 100%; overflow: hidden; }
.vitamins-wrapper .prev-arrow,
.vitamins-wrapper .next-arrow { position: absolute; top: 50%; transform: translateY(-50%); }
.vitamins-wrapper .prev-arrow { left: 50px; }
.vitamins-wrapper .next-arrow { right: 50px; }
.vitamins-wrapper h3 { text-transform: uppercase; padding: 0px 30px; color: #99cdff; font-size: 1.2em!important; }
.vitamin-slider .slick-list { overflow: visible; }
.vitamin-slider .item { padding: 0px 30px; opacity: 0.3; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.vitamin-slider h4 { position: relative; display: inline-block; padding-right: 20px; color: #fff; font-size: 2.4em!important; font-weight: 100!important; }
.vitamin-slider h4 span { font-size: 0.7em; color: #0269ce; }
.vitamin-slider h4:after { content: ''; position: absolute; left: 100%; top: 50%; display: block; width: 200px; height: 1px; background: #0269ce; }
.vitamin-slider p { margin-top: 0px!important; color: #fff; font-weight: 100!important; }
.vitamin-slider .slick-current { opacity: 1; }

body { padding-top: 80px; }
a { -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
.vs a { text-decoration: none !important; color: #08f; }

.vs h1 { font-weight: 100; text-align: center; color: #fff; background-color: #08f; margin: 0px; padding: 40px 0px; }
.vs h2 { font-size: 2.8em; font-weight: 300; margin: 15px 0px; }
.vs h3 { font-size: 2em; font-weight: 300; margin: 15px 0px; }
.vs h4 { font-size: 1.7em; font-weight: 300; margin: 15px 0px; }
.vs p, .vs li, .vs td, .vs label, .vs input { font-size: 1.3em; line-height: 1.5em; font-weight: 300; }
.vs p { margin: 1.3em 0px; }
.vs strong { font-weight: 400; }
.vs .text-right ul, .vs .text-right ol { list-style-position: inside; }

.vs .btn { border: none !important; }

.flex-wrapper { display: flex; flex-wrap: wrap; width: 100%; }

.zoom-images img { -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
.zoom-images img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

.vs .btn-success { background-color: #08f; color: #fff; text-transform: uppercase; }
.vs .btn-success:hover,
.vs .btn-success:active,
.vs .btn-success:focus { background-color: #0066c9; color: #fff; }

.vs .btn-info { background-color: #deeefe; color: #0066c9; text-transform: uppercase; }
.vs .btn-info:hover,
.vs .btn-info:active,
.vs .btn-info:focus { background-color: #deeefe; color: #0066c9; }

.vs .slick-dots li button:before { font-size: 36px; color: #08f; }

header nav .btn-success { margin-left: 20px; }

header { background-color: #fff; position: fixed; top: 0px; left: 0px; right: 0px; height: 80px; z-index: 9999; }
header .logo { margin: 25px 0px; }
header nav ul { margin: 0px; padding: 20px 0px; list-style: none; }
header nav ul li { display: inline-block; font-size: 1em!important; line-height: initial!important; }
header nav ul li a { font-size: 1.1em; padding: 6px 15px; display: inline-block; text-transform: uppercase; }
header nav ul li.current a { color: #08f; }
header nav ul li:last-child a { padding: 10px 22px; }
header nav ul li a:hover { text-decoration: none; }

.flex-wrapper { display: flex; flex-wrap: wrap; }

#map { width: 100%; height: 50vh; }

.vs p.price { color: #08f; font-size: 1.8em; }
.vs p.old-price { color: #666; font-size: 1.2em; text-decoration: line-through; margin-bottom: -35px; }
.sold-out { color: red; }

.home-slider .item { padding: 200px 0px; }
.home-slider .item h2 { font-size: 3.6em; color: #fff; }
.home-slider .item a { margin-top: 10px; }
.home-slider .item a:hover { background-color: #0066c9; }

.press-section { padding: 30px 0px; }
.press-section table { width: 100%; }
.press-section table a { opacity: 0.5; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; }
.press-section table a:hover { opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: gray; -webkit-filter: grayscale(0); }

.testimonial { padding: 150px 0px; background: url('images/blanka.png') no-repeat; background-size: cover; background-repeat: no-repeat; background-position: center center; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.05); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.05); box-shadow: 0 5px 10px rgba(0,0,0,0.05); }
.testimonial h3 { color: #3b3b3b; margin: 0px 0px 20px 0px; font-size: 2.2em; line-height: 1.4em; }
.testimonial p { color: #8f8f8f; font-size: 1.3em; margin: 0px; }
.testimonial p span { display: block; font-size: 0.8em; }

.download-app { padding: 70px 0px; }
.download-app .subtitle p { font-size: 1.4em; color: #9ca3ae; margin: 0px 0px 50px 0px; }
.download-app p { color: #9ca3ae; margin: 0px 0px 20px 0px; }
.download-app img { max-width: 100%; }

.centerer { position: absolute; left: 15px; right: 15px; top: 50%; transform: translateY(-50%); }

.support-search { padding: 40px 0px; background-color: #08f; }
.support-search h1 { color: #fff; margin: 0px; font-size: 2.8em; }
.support-search form { width: 100%; position: relative; }
.support-search form input { width: 100%; border: none; padding: 14px; height: 48px; }
.support-search form input::-webkit-input-placeholder { color: #a7a7a7; font-style: italic; }
.support-search form input:-moz-placeholder { color: #a7a7a7; opacity: 1; font-style: italic; }
.support-search form input::-moz-placeholder { color: #a7a7a7; opacity: 1; font-style: italic; }
.support-search form input:-ms-input-placeholder { color: #a7a7a7; font-style: italic; }
.support-search form input::-ms-input-placeholder { color: #a7a7a7; font-style: italic; }
.support-search form button { border: none; position: absolute; right: 0px; top: 0px; height: 48px; width: 50px; background: url('images/search-icon.png') no-repeat; background-position: center center; }

.support-section .question { cursor: pointer; margin: 0px; padding: 30px; border-bottom: 1px solid #dfdfdf; }
.support-section .question:last-child { border-bottom: none; }
.support-section .question h4 { font-size: 1.8em; margin-bottom: 0px; }
.support-section .question h4 a { color: #9ca3ae; }
.support-section .question > div { display: none; margin-top: 15px; }
.support-section .question:hover h4 a { color: #08f; }
.support-section .question.open { background-color: #f6f6f6; }
.support-section .question.open h4 a { color: #08f; }


footer { padding: 40px 0px; }
footer h4 { color: #3b3b3b; font-size: 1.5em; line-height: 1.3em; }
footer form { margin-bottom: 30px; position: relative; }
footer form input { background-color: #ebebeb; border: none; padding: 15px; height: 50px; width: 100%; }
footer form button { position: absolute; top: 0px; right: 0px; height: 50px; width: 50px; background-image: url('images/newsletter-button.png'); background-repeat: no-repeat; background-position: center center; background-color: transparent; border: none; }
footer form input::-webkit-input-placeholder { color: #a7a7a7; font-style: italic; }
footer form input:-moz-placeholder { color: #a7a7a7; opacity: 1; font-style: italic; }
footer form input::-moz-placeholder { color: #a7a7a7; opacity: 1; font-style: italic; }
footer form input:-ms-input-placeholder { color: #a7a7a7; font-style: italic; }
footer form input::-ms-input-placeholder { color: #a7a7a7; font-style: italic; }

footer .links ul { margin: 0px 0px 10px 0px; padding: 0px; list-style: none; }
footer .links ul li { display: inline-block; }
footer .links ul li a { display: inline-block; color: #3b3b3b; margin: 0px 5px; text-transform: uppercase; }
footer .copyright ul { margin: 0px 0px 34px 0px; padding: 0px; list-style: none; }
footer .copyright ul li { display: inline-block; }
footer .copyright ul li a { display: inline-block; margin: 0px 2px; }
footer .copyright p { margin: 10px 0px 0px 0px; color: #a1a1a1; }
footer .note p { font-size: 0.9em; border-top: 1px solid #d7d7d7; padding-top: 40px; color: #a1a1a1; }

.current_page_item a { font-weight: 400; }

.home-slider .slick-arrow { position: absolute; top: 50%; z-index: 99; }
.home-slider .slick-arrow.prev { left: 15px; }
.home-slider .slick-arrow.next { right: 15px; }
.home-slider .slick-arrow svg { fill: #fff; }
.home-slider .slick-arrow:hover svg { fill: #eee; }
.home-slider .slick-arrow.slick-disabled svg { fill: #666; pointer-events: none; }

/* SHORTCODE SKINNING */

.woocommerce-page .section-skin.top-padding { padding-top: 20px; }
.section-skin.top-padding { padding-top: 70px; }
.section-skin.bottom-padding { padding-bottom: 70px; }
.section-skin.small-top-padding { padding-top: 30px; }
.section-skin.small-bottom-padding { padding-bottom: 30px; }

.light-blue-skin { background-color: #deeefe; }
.gray-skin { background-color: #f6f6f6; }

.blue-skin { background-color: #08f; }
.blue-skin * { color: #fff; }
.blue-skin a { margin-top: 15px; -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.1); -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.1); box-shadow: 0 3px 7px rgba(0,0,0,0.1); }
.blue-skin .btn-success { background: #fff; color: #08f; border: none !important; }
.blue-skin .btn-success:active,
.blue-skin .btn-success:focus { background: #deeefe; color: #08f; }

@media screen and (min-width: 768px) {
	.flex-wrapper .valign-center > div { position: absolute; left: 15px; right: 15px; top: 50%; transform: translateY(-50%); }
}

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

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

@media screen and (max-width: 767px) {
	body { padding-top: 70px; }

	#nav-icon { display: inline-block; width: 28px; height: 25px; position: absolute; right: 30px; top: 26px; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
	#nav-icon span { display: block; position: absolute; height: 4px; width: 100%; background: #666; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	#nav-icon span:nth-child(1) { top: 0px; }
	#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) { top: 7px; }
	#nav-icon span:nth-child(4) { top: 14px; }
	#nav-icon.open span:nth-child(1) { top: 7px; width: 0%; left: 50%; }
	#nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	#nav-icon.open span:nth-child(4) { top: 7px; width: 0%; left: 50%; }

	header { height: 70px; }
	header nav ul { background: #fff; padding: 0px; position: fixed; top: 70px; bottom: 0px; width: 250px; left: 100%; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
	header nav ul li { display: block; }
	header nav ul li a { display: block; padding: 15px 20px; }
	header nav ul li:last-child { position: absolute; bottom: 15px; width: 100%; padding: 0px 20px; }
	header nav ul li:last-child a { width: 100%; margin: 0px; }
	header nav ul.menu-open { margin-left: -250px; }

	table,
	table tbody,
	table tbody tr,
	table tbody tr td { display: block; width: 100%; }
	table tbody tr td { float: left; }
	table tbody tr td img { margin: 10px auto; }

	.vitamin-slider h4:after { display: none; }

	footer .links { text-align: center; }
	footer .copyright { text-align: center; }
	footer .copyright .pull-left { display: block; float: none!important; text-align: center; }
	footer .copyright > p { float: none!important; display: block; text-align: center; }
}

/* WooCommerce ár és terméknév */

.single-product .woocommerce-Price-amount.amount, single-product .woocommerce-Price-currencySymbol {
color: #08f !important;
font-size: 25px !important;
}

.woocommerce-message {
    border-top-color: #08f !important;
}

.woocommerce div.product .product_title {
    padding: 15px 0px !important;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #08f !important;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: #0066c9 !important;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
background-color: #08f !important;
color: #fff !important;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
color: #fff !important;
background-color: #20a7e1 !important;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    float: left !important;
    margin: 0 3% 2.992em 0 !important;
    width: 30% !important;
}

@media (max-width: 768px) {
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product {
        width: 100% !important;
        margin-right: 0 !important;
    }
}