@-webkit-viewport { width: device-width }
@-moz-viewport{ width: device-width }
@-ms-viewport{ width: device-width }
@-o-viewport{ width: device-width }
@viewport{ width: device-width }

/*Nuwara blurbox*/
.oh { position: relative }
.nu-reward { position: absolute; width: 100%; height: 67%; background: rgba(255, 255, 255, 0); backdrop-filter: blur(5px); -o-backdrop-filter: blur(5px); -ms-backdrop-filter: blur(5px); -moz-backdrop-filter: blur(5px); display: none; text-align: center; cursor: pointer; top: 30px }
.nu-reward div { display: inline-block; background: #8BC34A; color: #FFF; padding: 15px; border-radius: 4px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }

/*Cookies info bar*/
.cc_container { background: rgba(255,255,255,.9) !important }

/*Google AdSense*/
.adsbygoogle { display: block }
.adslot_3 { display: none }
.adslot_4 { margin-top: 25px; margin-bottom: 25px }
#content .intad img { margin: 0 auto }

/*PageFair*/
div.pagefair-acceptable + div { margin: 0 auto !important; z-index: 0 !important }
div.pagefair-acceptable.leaderboard728x90 + div { display: none !important }

/*Dognet.sk affiliate ads */
.affil { margin: 0 -15px 20px }
.affil img { margin: 0 auto }

/*Etarget*/
#etarget-hb-wrap { width: 300px; margin: 0 auto }
#etarget-hb-wrap > p { text-transform: uppercase; color: #CCC; font-size: 10px; text-align: right; margin: 0 }

html { overflow-y: scroll }
body { font-family: 'Open Sans', sans-serif; background: #BBDEFB; color: #212121 }
input[type="text"] { -webkit-appearance: none }
.form-control { color: #727272 }
.btn-primary { background: #1976D2 }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #2196F3 }
.table-responsive-nowrap-off td { white-space: normal !important }
a { color: #2196F3 }
a:hover, a:focus { color: #1976D2 }

/*header*/
#header { margin-bottom: 0; padding-bottom: 5px; border-bottom: 1px solid #B6B6B6 }
.navbar-brand { height: auto; padding-top: 5px; padding-bottom: 5px }

.logo { background: #1976D2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #FFF; font-size: 13px; font-weight: 600; height: 35px; line-height: 35px; text-shadow: 0; width: 170px }
.logo > div:first-child { float: left; padding: 0 0 0 11px }
.logo > div:nth-child(2) { background: #8BC34A; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; float: right; font-weight: 200; padding: 0 11px }
.logo > span { background: #EEE; border: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0; display: block; height: 8px; left: 131px; position: relative; top: 15px; width: 8px }

.navbar-toggle { margin-top: 12px; margin-right: 19px; padding: 1px }
.navbar-toggle .icon-bar { width: 30px; height: 3px; background: #1976d2 }
#search > form { position: relative }
#search .form-control { display: inline-block; vertical-align: middle }
#search button { position: absolute; right: 0; top: 0; border: 1px solid #1976D2 }
/*autocompleter*/
.ui-widget-content { border: 1px solid #CCC; border-top: 0; border-bottom: 0;  width: 90%; list-style-type: none ; padding: 0; background: #FFF; z-index: 10000; border-radius: 0 0 4px 4px; max-height: 410px; overflow-x: hidden; overflow-y: scroll }
.ui-menu-item { margin: 0; padding: 10px 12px; border-bottom: 1px solid #CCC } 
.ui-state-focus { background: #F2F2F2 }

/*menu*/
.sidr ul li ul li a, .sidr ul li ul li span { padding-top: 8px; padding-bottom: 8px }
.sidr ul li ul li ul li a, .sidr ul li ul li ul li span { padding-left: 45px }
.sidr ul li ul li, .sidr ul li ul li:hover > a { line-height: 1.6 }
.sidr ul li ul li:hover { border-top: 1px solid #FFF }
.sidr ul li ul { display: none }
.sidr ul li.sidr-class-select ul { display: block }

/*content*/
#fb-root { height: 0 }
#siteWrap { margin-top: 0; background: #FFF }
#content { padding-top: 15px; padding-bottom: 15px }
#bc { display: none }
h1 { font-size: 24px; margin-top: 45px }
.hp h1 { margin-top: 0 }
h2 { font-size: 22px; margin-bottom: 20px }
h3 { font-size: 18px }
ul, ol { padding-left: 25px }
ul > li, ol > li { margin-bottom: 5px }
#disqus_thread { margin: 0 }
.social-buttons { margin: 30px 0 35px; font-size: 0 }
.social-buttons > div { display: inline-block; margin: 0 5px 4px 0; float: left }
.social-buttons > div.email-link { font-size: 14px }
.alternatives { margin: 30px 0 35px }
.product-detail + .adsbygoogle.adslot_2 + .social-buttons { margin: 50px 0 25px }
h4.additional-info { margin-top: 3em }
.product-detail h4 > small { display: block; text-align: right; margin-top: -10px }
form small { font-weight: normal }
form label { text-align: left }
form .bg-info { margin-top: 30px; padding: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.gallery-img { margin: 0 5px 10px 5px; display: inline-block }
.product-main-img { margin-bottom: 30px }
.panel.v-noc { margin-left: -15px; margin-right: -15px; border: 0 none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
.media { margin-top: 45px; margin-bottom: 10px; display: table; width: 100%; table-layout: fixed }
.media-right { width: 70px }
.product-list .fa-exclamation-triangle { color: #A94442 }
.img-muted { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.1 }
.carousel-caption { background: #000; padding: 10px 0; left: 40%; right: 40%; border-radius: 5px; opacity: 0.6; color: #fff }

/*footer*/
#footer { background: #EEE; padding-top: 15px; padding-bottom: 15px; margin-bottom: 40px }
#footer .lead { font-weight: 400; font-size: 18px; margin-top: 20px }
#footer ul { list-style-type: none; margin-left: 0; padding-left: 0 }
#footer li { padding-left: 15px; text-indent: -.65em; margin-bottom: 5px }
#footer li:before { content: "• "; color: #727272 }
#footer a { color: #727272 }
#footer #mc_embed_signup { margin-bottom: 15px }
#footer .email { width: 244px; float: left }
#footer .alert { margin-top: 5px; margin-bottom: 0; padding: 10px 35px 10px 10px }
#footer > .row > div:last-child { padding-top: 15px }

/*scroll up button*/
#scroll-up { display: none; position: fixed; right: 20px; bottom: 60px; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #FFF; background: #1976D2; border: 1px solid #2E6DA4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transition: background .5s }
#scroll-up:hover { background: #2196F3 }

/*boxy s beznymi OH hyper/super marketov */
.home-squares { margin-bottom: 30px }
.square-i { display: table; table-layout: fixed; margin-bottom: 30px }
.square-i a { display: table-cell; vertical-align: middle; width: 130px; height: 130px; border: 1px solid #DDD; transition:background-color 0.5s }
.square-i a:hover { background-color: #F2F2F2 }
.square-i img { max-width: 95%; margin: 0 auto }

/*JQ rozdelene ul na stlpce*/
.split-list { padding: 0; margin-bottom: 35px; list-style-type: circle; margin-left: 30px; margin-top: 30px }
.split-list ul { float: left; margin: 0; padding: 0; list-style-type: none; width: 33.3333%; padding-right: 15px }
.split-list ul > li { padding-left: 10px; text-indent: -.7em; margin-bottom: 8px }
.split-list ul > li:before { content: "• " }
.split-list.fancy-list { padding: 0; list-style-type: none; margin-left: 30px }
.split-list.fancy-list ul > li { padding-left: 0; text-indent: 0; margin-bottom: 0 }
.split-list.fancy-list ul > li:before { content: "" }
.split-list > ul:last-child { padding: 0 }

/*Naver collapsible footer navigation*/
.naver-handle { width: 100%; background: transparent; border: 0 none; color: inherit; cursor: pointer; display: none; font-size: 18px; margin: 0; padding: 10px 0px 0 35px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.naver-wrapper { border: 0 none; height: auto; margin: 0; padding: 0 }
.naver.enabled .naver-container { background: transparent; border: 0 none; padding: 10px 0 0px 30px }
#footer .naver-handle:after { height: 3px; width: 25px; position: absolute; top: 9px; right: auto; bottom: 0; background: #727272; box-shadow: 0 7px 0 #727272,0 -7px 0 #727272; content: ''; display: block; margin: auto 0; left: 0 }
#footer .naver.open .naver-handle:after { width: 22px; height: 16px; background: 0 0; border: 0 none; box-shadow: none; color: #727272; content: "\00d7"; font-size: 30px; font-weight: 700; line-height: 15px; text-align: center }

/*Naver collapsible breadcrumbs*/
#bc { margin-bottom: -30px; margin-top: 10px }
#bc > .naver-handle { font-size: 14px; padding: 0 }
#bc.naver.enabled .naver-container { padding: 5px 0 0 }
#bc > .naver-handle:after { height: 0 }
#bc.naver.open > .naver-handle:after { content: '' }

/*ImageLightbox*/
#imagelightbox { cursor: pointer; position: fixed; z-index: 9999; -ms-touch-action: none; touch-action: none; -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); -moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ) }

  /* ACTIVITY INDICATION */
  #imagelightbox-loading, #imagelightbox-loading div { border-radius: 50% }
  #imagelightbox-loading { width: 2.5em; height: 2.5em; background-color: #444; background-color: rgba( 0, 0, 0, .5 ); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.625em; margin: -1.25em 0 0 -1.25em; -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ) }
  #imagelightbox-loading div { width: 1.25em; height: 1.25em; background-color: #fff; -webkit-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite }
  @-webkit-keyframes imagelightbox-loading { 
    from { opacity: .5;	-webkit-transform: scale( .75 ) }
    50%	 { opacity: 1;	-webkit-transform: scale( 1 ) }
  	to	 { opacity: .5;	-webkit-transform: scale( .75 ) }
  }
  @keyframes imagelightbox-loading {
    from { opacity: .5;	transform: scale( .75 ) }
  	50%	 { opacity: 1;	transform: scale( 1 ) }
  	to	 { opacity: .5;	transform: scale( .75 ) }
  }
  
  /* OVERLAY */
  #imagelightbox-overlay { background-color: #fff; background-color: rgba( 255, 255, 255, .9 ); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0 }
  
  /* "CLOSE" BUTTON */
  #imagelightbox-close { width: 2.5em; height: 2.5em; text-align: left; background-color: #666; border: 0 none; border-radius: 50%; position: fixed; z-index: 10002; top: 2.5em; right: 2.5em; -webkit-transition: color .3s ease; transition: color .3s ease }
  #imagelightbox-close:hover, #imagelightbox-close:focus { background-color: #111 }
  #imagelightbox-close:before, #imagelightbox-close:after { width: 2px; background-color: #fff; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px }
  #imagelightbox-close:before { -webkit-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); transform: rotate( 45deg ) }
  #imagelightbox-close:after { -webkit-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); transform: rotate( -45deg ) }
  
  /* NAVIGATION */
  #imagelightbox-nav { background-color: #444; background-color: rgba( 0, 0, 0, .5 ); border-radius: 20px; position: fixed; z-index: 10001; left: 50%; bottom: 3.75em; padding: 0.313em; -webkit-transform: translateX( -50% ); -ms-transform: translateX( -50% ); transform: translateX( -50% ) }
  #imagelightbox-nav button { width: 1em; height: 1em; background-color: transparent; border: 1px solid #fff; border-radius: 50%; display: inline-block; margin: 0 0.313em }
  #imagelightbox-nav button.active { background-color: #fff }
  
  
  #imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-nav { -webkit-animation: fade-in .25s linear; animation: fade-in .25s linear }
  @-webkit-keyframes fade-in {
    from	{ opacity: 0 }
  	to		{ opacity: 1 }
  }
  @keyframes fade-in {
    from	{ opacity: 0 }
  	to		{ opacity: 1 }
  }


@media (min-width: 768px) {
  /*Cookies info bar*/
  .cc_container { padding-top: 10px !important; padding-bottom: 10px !important }

  /*Google AdSense*/
  .adslot_3 { display: block }
  .adslot_4 { display: none }

  /*header*/
  .navbar { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 }
  #header { padding-bottom: 0; border-bottom: 0 }
  #header > .container { position: relative }
  .navbar-brand { padding: 30px 15px 0 0 }
  .logo { font-size: 21px; height: 60px; line-height: 60px; text-shadow: 1px 1px 2px #000; width: 290px }
  .logo > div:first-child { padding: 0 0 0 22px }
  .logo > div:nth-child(2) { padding: 0 22px }
  .logo > span { border: 1px solid #B6B6B6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 1px 1px 1px #FFF inset; height: 14px; left: 218px; top: 25px; width: 14px }
  .navbar-right { height: 90px; vertical-align: middle }
  #search { position: relative; top: 60px; margin-top: -25px; margin-right: 80px }
  #search .form-control { width: 275px; height: 50px }
  #search button { position: relative; right: auto; top: auto; width: 70px; height: 50px }
  .navbar-toggle { display: block; border: 1px solid; padding: 15px; position: absolute; left: 688px; top: 23px; margin-top: 13px; margin-right: 8px }
  .ui-widget-content { width: 274px }
  
  /*menu*/
  #navigation { display: none }
  
  /*content*/
  #siteWrap { margin-top: 30px; border: 1px solid #CCC; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 }
  #content { padding-top: 45px; padding-bottom: 45px; float: right }
  #content.hp { padding: 35px }
  #in-content { padding-right: 0; margin-bottom: 60px }
  #bc { display: block; margin-top: 40px; margin-bottom: 20px }
  h1 { font-size: 24px; margin-top: 30px; margin-bottom: 35px }
  h2 { font-size: 20px }
  h3 { font-size: 18px }
  form label { text-align: right }
  .product-main-img { max-width: 350px }
  .panel.v-noc { margin-left: 0; margin-right: 0; border: 1px solid #EBCCD1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
  .media { margin-top: 30px; margin-bottom: 35px }
  .media .thumbnail { margin-bottom: 0 }
  .media-right { width: 100px }
  
  /*sidebar*/
  #sidebar { padding-top: 45px; padding-bottom: 45px; text-align: center }

  /*FB like box*/
  /*
  #fbplikebox { padding: 0; z-index: 99999; position: fixed; right: -284px; top: 105px; background: #FFF }
  .fbplbadge { display: block; height: 150px; top: 0; position: absolute; left: -47px; width: 47px; background: url('http://static.otvaracie-hodiny.sk/img/fb-badge.png') #3B5998 no-repeat; overflow: hidden; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px }
  */
  
  /*footer*/
  #footer { border: 1px solid #CCC; border-top: 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; padding-top: 40px; padding-bottom: 40px }
  #footer .row { display: table; table-layout: fixed; margin: 0; width: 100% }
  #footer div[class*="col-"] { float: none; display: table-cell; vertical-align: top; border-right: 1px solid #CCC; padding: 0 15px }
  #footer div[class*="col-"]:last-child { border: 0 }
  #footer .logo { background: #999; margin-bottom: 30px; font-size: 15px; height: 45px; line-height: 45px; width: 208px }
  #footer .logo > div:first-child { padding: 0 0 0 17px }
  #footer .logo > div:nth-child(2) { background: #CCC; padding: 0 16px }
  #footer .logo > span { height: 10px; left: 157px; top: 20px; width: 10px }
  #footer .lead { margin-top: 0 }
  #footer #mc_embed_signup { margin-bottom: 30px }
  #footer .email { width: 159px; float: none }
  #footer .alert { margin-top: 5px; margin-bottom: 0; padding: 10px 35px 10px 10px }
  #footer > .row > div:last-child { padding-top: 0 }
  
  /*zoznam produktov*/
  .product-list { margin: 0 }
  .product-list > li { margin-bottom: 3px }

  /*boxy s beznymi OH hyper/super marketov */
  .square-i a { width: 147px; height: 147px }
  .hp .square-i a { width: 194px; height: 194px }

  /*JQ rozdelene ul na stlpce*/
  .split-list { margin-left: 0 }
}

@media (min-width: 992px) {
  /*PageFair*/
  div.pagefair-acceptable.leaderboard728x90 + div { display: block !important }
  div.pagefair-acceptable.medrect300x250 + div { display: none !important }
  /*header*/
  .navbar-toggle { display: none }
  #search { margin-right: 0 }
  #search .form-control { width: 500px; height: 50px }
  .ui-widget-content { width: 499px }
  
  /*menu*/
  #navigation { display: block }
  #menu { position: absolute; left: 0; right: 0; top: 120px; margin: 0 auto }
  #menu > .container { background: #1976D2; padding: 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 }
  .navbar-nav > li { border-right: 1px solid #BBDEFB }
  .navbar-nav > li:last-child { border-right: 0 }
  .navbar-nav > li > a { color: #FFF !important; padding: 12px 6px; font-size: 12.3px; text-align: center }
  .navbar-nav > li > a:hover, #menu > .container > ul:first-child > li:hover { background: #2196F3 }
  #menu > .container > ul:first-child > li:first-child:hover, #menu > .container > ul:first-child > li:first-child > a:hover { border-radius: 4px 0 0 0 }
  #menu > .container > ul:first-child > li:last-child:hover, #menu > .container > ul:first-child > li:last-child > a:hover { border-radius: 0 4px 0 0 }
  #menu li > ul { display: none }
  #menu li { position: static; margin-bottom: 0 }
  #menu .navbar-nav { position: relative }
  #menu .navbar-nav:first-child > li:hover > ul { /*display: block; */position: absolute; left: 0; top: 44px; width: 970px; background: #FFF; border-bottom: 2px solid #1976D2; padding: 15px; -webkit-columns: 3; -moz-columns: 3; columns: 3; -webkit-box-shadow: 0 10px 15px -10px #000; -moz-box-shadow: 0 10px 15px -10px #000; box-shadow: 0 10px 15px -10px #212121 }
  #menu ul li ul li { border: 0; float: none; margin: 0 0 10px 18px; display: list-item; list-style-type: circle; color: #2196F3 }
  #menu ul li ul li > a { display: inline; padding: 0; color: #2196F3 !important; font-weight: 600 }
  #menu ul li ul li > a:hover { background: transparent; padding-top: 0; padding-bottom: 0; color: #1976D2 !important }
  #menu ul li ul li ul { display: block; float: none; margin-left: 0 }
  #menu ul li ul li ul li { margin: 0; list-style-type: none }
  #menu ul li ul li ul li a { font-size: 12px; font-weight: 200; border-left: 1px solid #EEE; padding-left: 5px }
  
  /*content*/
  #siteWrap { margin-top: 74px; border-top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
  #content.hp { padding: 45px }
  h1 { font-size: 32px }
  h2 { font-size: 28px }
  h3 { font-size: 22px }

  /*FB like box*/
  /*
  #fbplikebox { top: 180px }
  */
  
  /*footer*/
  #footer div[class*="col-"] { padding: 0 30px }
  #footer .logo { margin-bottom: 40px; font-size: 18px; height: 50px; line-height: 50px; width: 235px }
  #footer .logo > div:nth-child(2) { padding: 0 17px }
  #footer .logo > span { height: 12px; left: 178px; top: 22px; width: 12px }
  #footer .lead { font-size: 21px }
  #footer .email { width: 202px }

  /*boxy s beznymi OH hyper/super marketov */
  .square-i { margin-bottom: 0 }
  .square-i a { width: 72px; height: 72px }
  .hp .square-i a { width: 114px; height: 114px }
}

@media (min-width: 1200px) {
  /*Google AdSense*/
  /*.adslot_1 { width: 728px; height: 90px }*/

  /*header*/
  #search .form-control { width: 700px; height: 50px }
  .ui-widget-content { width: 699px }
  
  /*menu*/
  .navbar-nav > li > a { padding: 15px 9px; font-size: 14px }
  #menu .navbar-nav:first-child > li:hover > ul { top: 50px; width: 1170px }

  /*content*/
  #siteWrap { margin-top: 80px }
  h1 { font-size: 34px }
  h2 { font-size: 30px }
  h3 { font-size: 24px }
	.media-right { width: 130px }
  
  /*footer*/
  #footer .email { width: 269px }

  /*boxy s beznymi OH hyper/super marketov */
  .square-i a { width: 94px; height: 94px }
  .hp .square-i a { width: 148px; height: 148px }
}