@font-face {
font-family: 'GothamBook';
src: url("../font/Gotham-Book.otf") format("opentype");
}

@font-face {
font-family: 'GothamMedium';
src: url("../font/Gotham-Medium.otf") format("opentype");
}

@font-face {
font-family: 'GothamBold';
src: url("../font/Gotham-Bold.otf") format("opentype");
}

@font-face {
font-family: 'GothamBlack';
src: url("../font/Gotham-Black.otf") format("opentype");
}

html, body { heightx: 100%; margin: 0px; position: relative; font-family: GothamBook, Open Sans; }
div { font-family: GothamBook, Open Sans; font-size: 15px; color: #4A4A49; }

a { color: #4A4A49; text-decoration: none; }
a:hover { color: #E26608; }
h1 { font-family: GothamBlack, Open Sans; font-size: 26px; font-weight: 800; color: #EE7203; margin-top: 0px; margin-bottom: 20px !important; }
h2 { font-family: GothamBlack, Open Sans; font-size: 23px; font-weight: 600; color: #4A4A49; margin-top: 0px; }
h3 { font-family: GothamBlack, Open Sans; font-size: 20px; font-weight: 600; color: #4A4A49; margin-top: 20px; margin-bottom: 20px; }
h4 { font-family: GothamBlack, Open Sans; font-size: 17px; font-weight: 400; color: #4A4A49; margin-top: 20px; margin-bottom: 20px; }
h5 { font-family: GothamBlack, Open Sans; font-size: 16px; font-weight: 400; color: #4A4A49; margin-top: 20px; margin-bottom: 10px; }

a, input, textarea, .section, #heart, button, { -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -ms-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

b { font-family: GothamBold; }
.color1, a.color1 { color: #EE7203; }
.white, a.white { color: #FFFFFF; }
.red, a.red { color: #C9302C; }
.black, a.black { color: #4A4A49; }
.gray, a.gray { color: #A8A8A8; }
.form-section { margin: 30px 0px 15px 0px; padding-bottom: 5px; border-bottom: 1px dotted #C5C5C5; }
.form-section b { color: #EE7203; }
.selected { font-weight: 600; }
.btn-viac { display: inline-block; border: 1px solid #EE7203; padding: 10px 15px; text-transform: uppercase; font-weight: 600; color: #4A4A49; }
.btn-viac:hover { background: #EE7203; color: #FFFFFF; text-decoration: none; }
.mb10 { margin-bottom: 10px; }
.mt0 { margin-top: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.fs12 { font-size: 12px; }
.p-inline-block p { display: inline-block; }

.anim { transition: all .50s ease-in-out; }
.anim-fast { transition: all .20s ease-in-out; }
.anim-slow { transition: all .80s ease-in-out; }

.noscroll { overflow: hidden; }

.fs14-600 { font-family: GothamBook, Open Sans; font-size: 14px; font-weight: 600; }
.fs15-600 { font-family: GothamBook, Open Sans; font-size: 15px; font-weight: 600; }
.fs15bold-600 { font-family: GothamBold, Open Sans; font-size: 15px; font-weightx: 600; padding-top: 1px; padding-bottom: 1px; }
.inline-block { display: inline-block; }
.position-relative { position: relative; }
.h100 { height: 100%; }
.display-none { display: none; }

/* HLAVNE BLOKY */
#window { overflow: hidden; }
.main_container { position: relative; }
.main_container_wide { padding-left: 30px; padding-right: 30px; }
#header { background-color: #FFFFFF; }
#application { position: relative; backgroundx: #F0F0F0; }
	body:not(.home) #application { position: relative; backgroundx: #F0F0F0; }
#application-header { }
#application-body { }
#application-before-route { }
#application-content { background-color: #fff; paddingx: 30px; }
	body:not(.home) #application-content { background-color: #fff; paddingx: 30px; }
#application-content.reset { background-color: transparent; padding: 0px; }
#application-route { margin-bottomx: 20px; }
#application-after-route { }
#application-footer { }
#footer { background-color: #A0A0A0; }
#footer a { color: #FFFFFF; }

/* HEADER */
#logo { padding: 20px 0; float: left; }
#logo img { width: 230px; height: 45px; }
#infos { padding: 25px 0 0px 0px; }
#header-note { float: left; text-align: left; font-family: GothamBook, Open Sans; font-size: 14px; padding-left: 50px; padding-top: 35px; font-weight: 400; }
#header-zakaznicky-portal-img { display: inline-block; cursor: pointer; background-image: url('../image/svg/zakaznicky_portal.svg?v=2'); width: 239px; height: 40px; }
#header-zakaznicky-portal-phone { display: none; }
#header-ezmluvy-phone { display: none; }

.header-right {
    float: right;
    padding: 0 0px 0 14px;
}
.infolinka { width: 282px; height: 40px; }
.infolinka-phone { width: 42px; height: 40px; display: none; }
.ezmluvy { width: 140px; height: 40px; }
.ezmluvy-phone { width: 40px; height: 40px; display: none; }

#menu-mobile { color: #EE7203; font-size: 40px; line-height: 1; }
.menu-container { border-top: 1px solid #4A4A49; border-bottom: 1px solid #4A4A49; height: 54px; }
.menuitem { float: left; text-alignx: center; font-size: 18px; color: #4A4A49; position: static; padding: 14px 25px; }
	.menuitem a { z-index: 9999; }
.menuitem:hover, .menuitem.open { background: #4A4A49; color: #FFFFFF; }
.menuitem:hover a { color: #FFFFFF; text-decoration: none; }
.submenu { position: absolute; top: 53px; left: 0px; width: 100%; padding: 40px; background-color: #4A4A49; background-image: url('../image/svg/pozadie_menu.svg'); background-repeat: no-repeat; background-position: bottom right; color: #FFFFFF; visibility: hidden; z-index: 999; opacity: 0; transitionx: visibility .25s ease, opacity .25s ease; }
.menuitem:hover .submenu { visibility: visible; opacity: 1; }
.submenu-shadow {
-moz-box-shadow:    0px 8px 12px 0px rgba(30,30,30,.7);
  -webkit-box-shadow: 0px 8px 12px 0px rgba(30,30,30,.7);
  box-shadow:         0px 8px 12px 0px rgba(30,30,30,.7);
}
.submenu-item { margin-bottom: 10px; }
.submenu-item a { color: #FFFFFF; position: relative; }
.submenu-item a:after{
  content: '';
  position: absolute;
  width: 0; height: 1px;
  display: block;
  margin-top: 3px;
  right: 0;
  background: #EE7203;
  transition: width .2s ease;
  -webkit-transition: width .2s ease;
}
.submenu-item a:hover:after{
  width: 100%;
  left: 0;
  background: #EE7203;
}

.submenu-item.selected a { color: #EE7203; font-weight: 600; }
.social { display: inline-block; padding-top: 8px; margin-leftx: 10px; font-size: 24px; width: 30px; }
.search { display: inline-block; padding-top: 8px; margin-right: 10px; font-size: 24px; }
.search-phone { display: inline-block; padding-top: 8px; margin-right: 10px; font-size: 22px; }
.search-input:focus { border: none; outline: 0px none; }
.social-search-container { float: right; position: relative; height: 100%; text-align: right; }
.social-search-container-phone { float: right; position: relative; height: 100%; display: none; }
#search-container { position: absolute; top: 1px; left: 0px; right: 0px; bottom: 1px; width: 100%; heightx: 100%; display: none; }
.search-container-inside { float: right; background: #F0F0F0; width: 33%; height: 100%; }
#search-container-phone { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; display: none; }
	.search-container-phone-inside-container { background: #F0F0F0; height: 100%; }
.search-input { float: left; background: none; border: none; color: #000000; font-size: 13px; padding: 16px; width: 70%; }
.search-input-mobile { background: none; border: none; font-size: 16px; padding: 8px; width: 80%; }
#search-closer { float: right; font-size: 22px; padding-top: 8px; margin-right: 10px; width: 20px; }
.search-submit { float: right; background: none; border: none; font-size: 24px; padding-top: 8px; padding-right: 40px; }
.search-submit-mobile { float: right; background: none; border: none; font-size: 22px; padding-top: 6px; padding-right: 15px; }

#hmenu { background-color: #FC8226; background-color: #575757; padding-top: 10px; padding-bottom: 10px; }
.hmenu-item { float: left; margin-right: 10px; }

/* ROUTE HOME */
.flexslider-wrapper {
    background: #FEF0D6; /* Old browsers */
	position: relative;
	overflow: hidden;
}
.slide-container { position: relative; height: 520px; text-align: right; background-position: top center; background-repeat: no-repeat; background-size: cover; }
.slide-container-overlay {
	position: absolute; top: 0px; left: 0px; width: 60%; height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fef0d6+0,fef0d6+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(254,240,214,1) 0%, rgba(254,240,214,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(254,240,214,1) 0%,rgba(254,240,214,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(254,240,214,1) 0%,rgba(254,240,214,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef0d6', endColorstr='#00fef0d6',GradientType=1 ); /* IE6-9 */
}
.slideshow-roh { position: absolute; bottom: 0px; left: 0px; width: 70%; }
.slide-container img { width: 100%; display: none; }
.flexslider { background: none; margin: 0px; }
.flexslider-stabilita > .flex-control-nav { position: absolute; bottom: 20px; left: 40px; text-align: left; width: 85%; z-index: 10; }
.flexslider-stabilita > .flex-control-paging li { margin: 0 20px 0 0; }
.flexslider-stabilita > .flex-control-paging li a { background: inherit !IMPORTANT; color: #fff !IMPORTANT; box-shadow: none; border: 5px solid #4A4A49; border-radius: 0px; width: 20px; height: 20px; }
.flexslider-stabilita > .flex-control-paging li a:hover { background: #fff !IMPORTANT; }
.flexslider-stabilita > .flex-control-paging li a.flex-active { background: #fff !IMPORTANT; background: rgba(0,0,0,0.5); cursor: default; }

.flex-direction-nav { display: none; }

div#chcem-viac { margin-leftx: 14%; position: absolute; bottom: 70px; left: 40px; background-colorx: #fff; color: #4A4A49; padding: 2px; z-index: 999999; }
a#chcem-viac { background-colorx: #F47F22; color: #4A4A49; border-radius: 0px; width: 100%; text-decoration: underline; }
a#chcem-viac:hover {  }
.slide-info-container { position: absolute; top: 50px; left: 50px; text-align: left; width: 55%; opacity: 0; }
	.slide-info-container.right { position: absolute; top: 50px; left: auto; right: 50px; text-align: right; width: 45%; opacity: 0; }
.slide-info-container.show, .slide-info-container.right.show { opacity: 1; }
/*#vitamin { background-colorx: inherit; color: #EE7203; font-family: GothamBold; font-size: 50px; font-weight: 700; }*/
	#vitamin h1 { background-colorx: inherit; font-family: GothamBlack; font-size: 50px; font-weight: 800; }
	#vitamin h2 { background-colorx: inherit; font-family: GothamBlack; font-size: 50px; font-weight: 800; }
	.slide-info-container.white #vitamin h1, .slide-info-container.white #vitamin h2 { color: #FFFFFF; }
	.slide-info-container.gray #vitamin h1, .slide-info-container.gray #vitamin h2 { color: #4A4A49; }
	.slide-info-container.orange #vitamin h1, .slide-info-container.orange #vitamin h2 { color: #EE7203; }
#pre-vas-dochodok { background-colorx: inherit; color: #4A4A49; font-family: GothamBold; font-size: 40px; font-weight: 700; margin-left: 0px; }

.block-video { margin: 0px 0 0px; background-color: #4A4A49; padding: 0px; width: 100%; }
.block-graph-description { color: #222222; font-size: 13px; }
.videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.videonovinky-container { height: 520px; }
.boxik { height: 520px; }
	.boxik.boxik2 { heightx: 450px; }
.boxik-tab { display: inline-block; padding: 15px 20px; text-transform: uppercase; font-size: 14px; font-weight: 600; position: relative; }
.boxik-tab.active { background: #FFFFFF; }
	.boxik-tab h2 { display: inline-block; font-family: GothamBook, Open Sans; font-size: 14px; font-weight: 600; margin-bottom: 0px; }
.boxik-tab-phone { display: none; padding: 15px 20px; text-transform: uppercase; font-size: 15px; font-weight: 600; background: #D1D1D1; margin-top: 1px; position: relative; }
	.boxik-tab-phone h2 { display: inline-block; font-family: GothamBook, Open Sans; font-size: 15px; font-weight: 600; margin-bottom: 0px; }
.boxik-tab-phone:first-of-type { margin-top: 0px; }
.fa-arrow { position: absolute; top: 15px; right: 15px; }
.fondy-container { position: absolute; bottom: 5px; left: 5px; right: 5px; background: #FFFFFF; height: 80%; }
.boxik-aktuality-zatvory-blog { background: #FFFFFF; border: 2px solid #D1D1D1; overflow: hidden; }
	.boxik-aktuality-zatvory-blog .boxik-header { background: #D1D1D1; }
.zatvory-pocet { position: absolute; top: 1px; right: 0px; width: 20px; height: 20px; padding-top: 1px; text-align: center; border-radius: 50%; background: #F55400; color: #FFFFFF; font-size: 12px; font-weight: 600; }
.zatvory-pocet-mobile { position: absolute; top: 1px; right: -5px; width: 20px; height: 20px; padding-top: 1px; text-align: center; border-radius: 50%; background: #F55400; color: #FFFFFF; font-size: 12px; font-weight: 600; }
.tab-content { padding: 20px; }
.boxik-hodnoty-fondov { background: #4A4A49; background-image: url('../image/svg/pozadie_roh_fondy.svg'); background-position: top right; background-repeat: no-repeat; padding: 5px; position: relative; }
	.boxik-hodnoty-fondov .title-container { padding: 25px; }

.vernostne-predmety { max-width: 80%; transform: translateY(-15px); }
.inside-box > .boxik { height: auto; }

.pobocka-foto-container { position: relative; }
a.pobocka-foto-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.7); color: #FFFFFF; font-size: 16px; padding-top: 30%; text-align: center; opacity: 0; }
.pobocka-foto-container:hover a.pobocka-foto-overlay { opacity: 1; }

/* FOOTER */
.icon { display: block; border: 2px solid #EE7203; padding: 30px 15px 20px; text-align: center; color: #FFFFFF; font-size: 18px; font-weight: 600; }
	.icon-kontaktny-formular { font-size: 14px; }
	.icon h3 { font-family: GothamBook, Open Sans; font-size: 18px; font-weight: 600; line-height: 1.42857143; margin-bottom: 0px; color: #FFFFFF; }
.icon:hover { text-decoration: none; border: 2px solid #FFFFFF; }
.icon img { height: 85px; }

.dropdown-menu {
    background-color: #4A4A49 !IMPORTANT;
    min-width: 200px;
    padding: 10px 0px;
    border-radius: 0px;
}
.header-zakaznicky-portal-dropdown-menu { margin-top: -1px; left: auto; right: 0px; }
.dropdown-menu > li > a { color: #FFFFFF; padding: 10px; }
@media (min-width: 767px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media (min-width: 1600px) {
	.main_container { padding-left: 8%; padding-right: 8%; }
	.main_container_right { padding-left: 0%; padding-right: 10%; }
	.slide-container { heightx: 490px; }
	.videonovinky-container { heightx: 490px; }
}
@media (min-width: 1900px) {
	.slide-container { height: 520px; }
	.videonovinky-container { height: 520px; }
}
@media (max-width: 1599px) {
	.main_container { padding-left: 30px; padding-right: 30px; }
}
@media (min-width: 2000px) {
	.main_container { padding-left: 14%; padding-right: 14%; }
	.slide-container { height: 580px; }
	.videonovinky-container { height: 580px; }
}
@media (max-width: 1380px) {
	.ezmluvy { display: none; }
	.ezmluvy-phone { width: 39px; height: 40px; display: block; }
}
@media (max-width: 1200px) {
	#header-note { display: none; }
	.main_container { padding-left: 30px; padding-right: 30px; }
	.menuitem { font-size: 17px; }
	.search-container-inside { float: right; background: #F0F0F0; width: 100%; height: 100%; }
}

@media (max-width: 980px) {
	#header-zakaznicky-portal-img { background-image: url('../image/svg/zakaznicky_portal_phone.svg'); width: 91px; height: 40px; }
	#vitamin h1 { background-colorx: inherit; font-family: GothamBlack; font-size: 40px; font-weight: 800; }
	#vitamin h2 { background-colorx: inherit; font-family: GothamBlack; font-size: 40px; font-weight: 800; }
}

@media (max-width: 900px) {
	.menuitem { font-size: 15px; }
}

@media (max-width: 880px) {
	.menuitem { padding: 14px 15px; }
	.slideshow-roh { position: absolute; bottom: 0px; left: 0px; width: 80%; }
}

@media (min-width: 768px) and (max-width: 820px) {
	.boxik-tab { padding: 15px 15px; }
}

@media (min-width: 768px) {
	#menu-mobile { display: none; }
}

@media (max-width: 767px) {
	.boxik, .videonovinky-container { height: auto; }
	.videonovinky-container { padding-bottom: 60px; }
	.flexslider-wrapper { background: #FFFFFF; overflow: visible; margin-bottom: 90px; }
	.slide-container { height: auto; background-size: 100%; background-position: -4000px; }
	.slide-container img { display: block; }
	.slide-container-overlay { display: none; }
	.slide-info-container { position: static; top: auto; bottom: auto; left: auto; width: 100%; padding: 30px 30px 100px 0px; text-align: left; opacity: 0; }
		.slide-info-container.right { position: absolute; top: auto; left: auto; right: auto; width: 100%; padding: 30px 30px 100px 0px; text-align: left; opacity: 0; }
	/*#vitamin { color: #EE7203; font-size: 40px; font-weight: 700; }*/
		.slide-info-container.white #vitamin h1, .slide-info-container.white #vitamin h2 { color: #4A4A49; }
		#vitamin h1 { background-colorx: inherit; font-family: GothamBlack; font-size: 40px; font-weight: 800; }
		#vitamin h2 { background-colorx: inherit; font-family: GothamBlack; font-size: 40px; font-weight: 800; }
	#pre-vas-dochodok { color: #4A4A49; font-size: 30px; font-weight: 700; margin-left: 0px; }
	div#chcem-viac { left: 0px; bottom: -30px; width: 100%; text-align: center; }
	a#chcem-viac { color: #EE7203; font-weight: 600; }
	.slideshow-roh { display: none; }
	.flexslider-stabilita > .flex-control-nav { left: 0px; text-align: center; width: 100%; bottom: -70px; }
	.flexslider-stabilita > .flex-control-paging li { margin: 0 10px 0 10px; }
	.flexslider-stabilita > .flex-control-paging li a:hover { background: #EE7203 !IMPORTANT; }
	.flexslider-stabilita > .flex-control-paging li a.flex-active { background: #EE7203 !IMPORTANT; }
	.boxik-tab-phone { display: block; }
	.fondy-container { position: static; bottom: auto; left: auto; right: auto; }
	.social-search-container-phone { display: block; }
	.social-search-container-phone .social { display: inline-block; padding-top: 3px; margin-left: 10px; font-size: 24px; }
	.social-search-container-phone .search-phone { display: inline-block; padding-top: 3px; margin-right: 10px; font-size: 22px; }
	.infolinka { width: 282px; height: 40px; display: none; }
	.infolinka-phone { width: 42px; height: 40px; display: block; }
}
@media (max-width: 767px) {
	.main_container { padding-left: 30px; padding-right: 30px; }
	.menu-container { display: none; padding-top: 8px; padding-bottom: 8px; height: auto; background: #4A4A49; margin-bottom: 5px; }
	/*.menu-container { position: fixed; top: 90px; left: 0px; }*/
	.menu-container.open { display: block; }
	.menuitem { padding: 8px 25px; width: 100%; }
	.menuitem a { color: #EE7203; }
	.menuitem.open a, .menuitem a:focus { color: #EE7203; text-decoration: none; }
	.menuitem.open .submenu-item.selected a { color: #EE7203; font-weight: 600; }
	.submenu { position: static; top: auto; left: auto; visibility: visible; opacity: 1; display: none; padding: 20px 0px; background-color: none; background-image: none; }
	.submenu-item { font-size: 14px; }
	.submenu-item a { color: #FFFFFF !important; text-decoration: none; }
	.submenu-shadow { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
	.social-search-container { display: none; }
}
@media (max-width: 540px) {
	.social-search-container-phone { float: left; }
	#header-zakaznicky-portal { display: none; }
	#header-zakaznicky-portal-phone { display: block; float: right; }
	#header-ezmluvy { display: none; }
	#header-ezmluvy-phone { display: block; float: right; margin-right: 14px; }
	#vitamin h1 { background-colorx: inherit; font-family: GothamBlack; font-size: 34px; font-weight: 800; }
	#vitamin h2 { background-colorx: inherit; font-family: GothamBlack; font-size: 34px; font-weight: 800; }
}
@media (max-width: 480px) {
	.icon { padding: 30px 10px 20px; font-size: 14px; }
	.icon img { height: 65px; }
	.vernostne-predmety { max-width: 260px; transform: translateY(-15px); }
	#vitamin h1 { background-colorx: inherit; font-family: GothamBlack; font-size: 26px; font-weight: 800; }
	#vitamin h2 { background-colorx: inherit; font-family: GothamBlack; font-size: 26px; font-weight: 800; }
}
@media (max-width: 400px) {
	#logo img { width: 190px; }
}

@media (max-width: 360px) {
	.icon { padding: 30px 10px 20px; font-size: 11px; }
	.icon-kontaktny-formular { font-size: 11px; }
	#logo img { width: 160px; }
	#vitamin h1 { background-colorx: inherit; font-family: GothamBlack; font-size: 22px; font-weight: 800; }
	#vitamin h2 { background-colorx: inherit; font-family: GothamBlack; font-size: 22px; font-weight: 800; }
}