@import url('https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700|PT+Sans:400,700,700i');
@import url('http://fonts.googleapis.com/css?family=Noto+Sans:400,700');

html { height: 100%; }
body { font-family: 'PT Sans', sans-serif;  font-size: 13px; }
/*body { font-family: Arial,Verdana,sans-serif; font-size: 12px; }*/

h1, h2, h3, h4, h5, h6 { font-family: 'PT Sans Caption', sans-serif; font-weight: 700; color: #658f0b; }
h4, h5, h6 { margin-bottom: 5px; margin-top: 5px; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
p { margin: 0 0 5px; }

/*#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px; padding: 0 0 30px; }
#wrap > .container { padding: 100px 15px 0; } */

a { color: #4e6f08; text-decoration: none !important; cursor: pointer; }
code { font-size: 80%; }
.well { margin-bottom: 5px; }
.carousel-control.left, .carousel-control.right { width: 5%; background-image: none; color: #000000; }
.page-header { padding: 0; margin-top: 5px; margin-bottom: 5px; }
.panel-body { padding: 5px; }
.form-group { margin-bottom: 3px; }
.btn { font-weight: bold; }

form:not(.grido) input[type=text]:not(.range), form:not(.grido) input[type=password], form:not(.grido) select, form:not(.grido) textarea, form:not(.grido) .ui-spinner { width: 100%; }
form:not(.grido) textarea { height: 50px; }

.loader { top: 0; left: 0; z-index: 9999; position: absolute; width: 100%; height: 100%; background: #FFFFFF url("../images/loader.gif") no-repeat center center; opacity: .7; }
#items-loader { top: 0; left: 0; z-index: 9999; position: absolute; width: 100%; height: 100%; background: #FFFFFF; opacity: .8; z-index: 500;}
#items-loader-inner { position: absolute; top: 10px; left: 30px;  background: #F5F5F5 url("../images/items-loader.gif") no-repeat 3px 3px; border: 1px solid #DDDDDD; border-radius: 5px; padding: 5px 15px 5px 30px; width: auto; font-weight: bold; }

.form-star { color: #CC3300; font-weight: bold; }
.container { width: 979px; /*width: 1140px;*/ }

/*#flashes .modal-dialog { width: 800px; }*/

html { background: url("../images/bg-html.png") repeat scroll left top transparent; }
body { background: url("../images/bg.jpg") repeat-x scroll left top transparent; }
body.page-home { background: url("../images/bg-home.jpg") repeat-x scroll left top transparent; }
#wrap { background: url("../images/bg-header.jpg") no-repeat scroll center top transparent; }
body.page-home #wrap { background: url("../images/bg-header-home.jpg") no-repeat scroll center top transparent; }
#header { height: 160px; }
body.page-home #header { height: 415px; }

#header-navbar { background-color: rgba(185, 215, 83, 0.3); }
#header-navbar .navbar-brand { position: absolute; height: 152px; width: 161px; background:url(../images/logo-brand.png) left top no-repeat; }

#header-menu .nav { margin-top: 15px; }
#header-menu-main { /*border-bottom: 1px solid #d3c7b1; */padding: 0 15px 6px; margin-left: 110px; /*font: bold 20px "Arial", Arial, Helvetica, sans-serif;*/ }
#header-menu li { margin-right: 5px; }
#header-menu li a { color: #79582E; position: relative; min-height: 30px; padding: 15px 8px; font-size: 18px; font-weight: 700; }
#header-menu li a:focus, #header-menu li a:hover { text-decoration: none; color: #729D0C; background-color: transparent; }
#header-menu li.active a { background: url("../images/header-menu-active.png") no-repeat scroll center center transparent; color: #85ab38; }
#header-menu input { width: 400px; }
#header-menu .dropdown-menu { background-color: #ECE6D6; }
#header-menu .dropdown-menu li { margin-left: 5px; margin-right: 5px; }
#header-menu .dropdown-menu form { width: 400px; }

#header-carousel { position: relative; }
#header-carousel .carousel-inner > .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
#header-carousel .carousel-inner > .active { opacity: 1; }
#header-carousel .carousel-inner > .active.left, #header-carousel .carousel-inner > .active.right { left: 0; opacity: 0; z-index: 1; }
#header-carousel .carousel-inner > .next.left, #header-carousel .carousel-inner > .prev.right { opacity: 1; }
#header-carousel .carousel-control { z-index: 2; }
#header-carousel .carousel-indicators { display: block; position: absolute; top: 0; right: 0; left: auto; list-style: none; margin: 0; width: auto; }
#header-carousel .carousel-indicators li { background: transparent url("../images/carousel-indicators.png") no-repeat scroll 0 0; height: 16px; text-indent: 50px; width: 15px; }
#header-carousel .carousel-indicators li.active { background-position: 0 -16px; }

#header-carousel .header-carousel-item { position: relative; float: left; height: 328px; width: 380px; padding-top: 74px; }
#header-carousel .header-carousel-image { position: relative; display: block; float: right; height: 328px; width: 949px;/*width: 567px;*/ }

#column-content { float: left; width: 659px; /*width: 850px;*/ padding-top: 22px; }
#content { position: relative; border-radius: 8px; background-color: #fff; padding: 10px 15px; font-size: 13px;  margin-bottom: 49px; } /*min-height: 500px; }*/
#content img { max-width: 100%; }
/*body.page-home #content { min-height: 156px; background: transparent url("../images/content-home.png") no-repeat scroll left top; padding: 15px 10px 0 153px; box-sizing: content-box; }
body.page-home #content h2 { margin-bottom: 3px; }
body.page-home #content h4 { color: #5d5d5d; margin: 0 0 3px 0; }
body.page-home #content p { line-height: 16px; margin-bottom: 3px; }*/
#content-top { position: absolute; background: transparent url("../images/content-top.jpg") no-repeat scroll left top; height: 47px; left: -25px; top: -29px; width: 703px; }
#content-top-left, #content-top-right { position: absolute; height: 47px; top: -29px; width: 100px; }
#content-top-left { background-image: url("../images/content-top-left.jpg"); left: -25px; }
#content-top-right { background-image: url("../images/content-top-right.jpg"); right: -19px; }
h1#content-title { margin-bottom: 20px; }
.content-more { position: absolute; background: transparent url("../images/content-more.png") no-repeat scroll left top; bottom: -42px; display: block; font-size: 16px; height: 30px; padding-top: 14px; right: 0; text-align: center; text-decoration: none; width: 146px; font-family: 'PT Sans Caption', sans-serif; font-weight: 700; box-sizing: content-box; }
.content-more-lg { background-image: url("../images/content-more-lg.png"); width: 240px; }
.content-more:hover { background-position: left -44px; bottom: -44px; padding-top: 16px; }
.content-coner-left, .content-coner-right { position: absolute; background-image: url("../images/content-coner.jpg"); height: 16px; width: 16px; top: 3px; }
.content-coner-left { left: 4px; }
.content-coner-right { right: 4px; }

.content-caption { margin-top: 10px; margin-bottom: 15px; padding: 5px 10px; font-size: 18px; font-weight: bold; color: #fff; border-radius: 5px; }
.content-caption.content-caption-green { background-color: #7ab704; }
.content-caption.content-caption-blue { background-color: #347ab6; }
.content-header { margin-top: 25px; }
.content-date { color: #79582E; font-size: .7em; }
.content-lead { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px dashed #dff0d8; }
.content-lead .row { margin: 0; }
.content-lead-body { float: left; }
.content-lead-image { float: right; width: 150px; }
.content-lead-body-with-image { width: 470px; }

.content-body { margin: 15px 0 25px 0; }
.content-body table { border-collapse: collapse; }
.content-body table th, .content-body table td { padding: 3px; border: 1px solid #7BA623; }
.content-attachments { padding: 0; margin: 0; list-style: none; }
.content-attachments li { background: transparent url("../images/download.png") no-repeat scroll left top; min-height: 32px; padding: 6px 0 6px 36px; }
.content-attachments li a { font-family: 'PT Sans Caption', sans-serif; font-weight: 700; }

#content-extra { position: relative; background-color: #fff; border-radius: 8px; margin-bottom: 60px; position: relative; padding: 20px 25px;  margin-bottom: 60px; }
#content-extra h2 { margin-top: 0; }

/*.home-article-image { display: block; width: 289px; height: 193px; border-radius: 5px; overflow: hidden; }
.home-article-image img { border-radius: 5px; overflow: hidden; }*/
.home-article-title { display: block; font-size: 14px; text-decoration: none; font-family: 'PT Sans Caption', sans-serif; font-weight: 700; height: 60px; overflow: hidden; }

.home-topic { position: relative; display: block; height: 290px; width: 290px; padding-top: 215px; border-radius: 5px; overflow: hidden; margin-bottom: 15px; background-size: cover; }
.home-topic-name { position: relative; display: block; margin: 15px auto; width: 260px; padding: 10px 0; text-align: center; background-color: #f4f8e7; color: #7ab704; font-size: 18px; font-weight: bold; border-radius: 5px; }
.home-topic:hover .home-topic-name, .home-topic-name:hover { background-color: #7ab704; color: #f4f8e7; }

.topic-menu { margin-top: 15px; }
.topic-menu .row { margin: 0; }
.topic-menu-item { display: block; float: left; width: 24%; margin-right: 1.3%; padding-top: 90px; padding-bottom: 15px; font-size: 18px; font-weight: bold; background: #f0f4e3 no-repeat center 15px; color: #5d7a21; border-radius: 10px; text-align: center; }
.topic-menu .row > .topic-menu-item:last-child { margin-right: 0; }
.topic-menu-item.active, .topic-menu-item:hover { background-color: #7ab704; color: #f0f4e3;}
.topic-menu-videos { background-image: url("../images/topic-menu-videos.png"); }
.topic-menu-tasks { background-image: url("../images/topic-menu-tasks.png"); }
.topic-menu-ekoabeceda { background-image: url("../images/topic-menu-ekoabeceda.png"); }
.topic-menu-files { background-image: url("../images/topic-menu-files.png"); }

#content-organizers { margin-top: 150px; }
#content-organizers h3 { color: #fff; }
#content-organizers-image { position: relative; width: 659px; height: 156px;  background: url("../images/content-organizers.png") no-repeat scroll left top transparent; }
#content-organizers-image a { position: relative; display: block; float: left; width: 15%; margin-right: 1%; height: 120px; }

#column-right { float: right; width: 279px; }

#school-box { background: transparent url("../images/school-box-bg.png") no-repeat scroll left bottom; height: 226px; margin-bottom: 19px; padding-left: 30px; padding-right: 30px; position: relative; }
#school-box-top { background: transparent url("../images/school-box-top.png") no-repeat scroll left top; height: 38px; left: 0; position: absolute; top: -38px; width: 279px;	}
#school-box-ribbon { background: transparent url("../images/school-box-count.png") no-repeat scroll left top; color: #ffffff; display: block; height: 60px; left: 153px; margin: 0; padding-right: 6px; padding-top: 6px; position: absolute; text-align: center; top: -10px; width: 131px; font-family: 'PT Sans Caption', sans-serif; font-weight: 700; font-size: 11px; text-align: center; }
#school-box-ribbon-count { font-size: 32px; line-height: 30px; }
#school-box-content { margin-top: 25px; }
#school-box-content .form-group { margin: 0 0 7px 0; }
#school-box-content .row { margin: 0 -5px; }
#school-box-content .row > div { padding: 0 5px; }
#school-box-content .forgot-password { font-size: 11px; font-weight: bold; }
#school-box-content .btn { width: 100%; }
#school-box-content p, #school-box-content table { color: #1d5b8c; width: 100%; }
#school-box-content p { height: 35px; overflow: hidden; margin-bottom: 5px; }
#school-box-content th, #school-box-content td { padding-bottom: 5px; font-size: .95em; }
#school-box-content td { text-align: right; }

#school-menu { position: relative; margin-bottom: 19px;	}
#school-menu a { color: #4e6f08; font-weight: bold; cursor: pointer; font-family: 'PT Sans Caption', sans-serif; font-weight: 700; }
#school-menu .list-group-item:first-child { position: relative; border-top-left-radius: 8px; border-top-right-radius: 8px; height: 10px; }
#school-menu .list-group-item:last-child {  position: relative; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height: 10px; }

#right-menu { position: relative; background: #fff url("../images/right-menu-bottom.png") no-repeat center bottom; border-radius: 8px; padding: 30px 30px 32px 33px; }
#right-menu ul { margin: 0; padding: 0; list-style: none; }
#right-menu li { display: block; margin-bottom: 11px; background: transparent url("../images/right-menu-item.png") no-repeat scroll left top; border-radius: 5px; }
#right-menu a { color: #6B982C; display: block; font-size: 15px; height: 32px; padding: 15px 0 0 15px; text-decoration: none; width: 180px; font-family: 'PT Sans Caption', sans-serif; font-weight: 700; box-sizing: content-box; }
#right-menu li.right-menu-item-blue { background-image: url("../images/right-menu-item-blue.png"); }
#right-menu li.right-menu-item-blue a { color: #fff; }
#right-menu li:hover { background-position: left -47px }
#right-menu li#right-menu-seminars { background-image: url("../images/right-menu-seminars.png"); }
#right-menu li#right-menu-cart4future { background-image: url("../images/right-menu-cart4future.png"); }
#right-menu li#right-menu-photos { background-image: url("../images/right-menu-photos.png"); }
#right-menu li#right-menu-ekoabeceda { background-image: url("../images/right-menu-ekoabeceda.png"); }
#right-menu li#right-menu-excursions { background-image: url("../images/right-menu-excursions.png"); }
#right-menu li#right-menu-schools { background-image: url("../images/right-menu-schools.png"); }
#right-menu li#right-menu-prints { background-image: url("../images/right-menu-prints.png"); }
#right-menu li#right-menu-downloads { background-image: url("../images/right-menu-downloads.png"); }
#right-menu li#right-menu-shares { background-image: url("../images/right-menu-shares.png"); }
#right-menu li#right-menu-wrote { background-image: url("../images/right-menu-wrote.png"); }

#right-links { position: relative; background: #fff url("../images/right-links-top.png") no-repeat center top; border-radius: 8px; min-height: 200px; padding: 30px 20px 10px 20px; }
#right-links a { display: block; text-align: center; margin-bottom: 15px; }
#right-links a img { max-width: 100%; }

.articles-item .media-body, .list-item { padding-bottom: 5px; }
.entering-form, .list-item { border-bottom: 2px dashed #DFF0D8;}
.articles-item:last-of-type { border-bottom: none; }

.entering-form { margin-bottom: 10px; padding-bottom: 10px; }
.entering-form .list-group { margin-top: 10px !important; }
.entering-form-amount { color: #4C72A7; text-align: right; }
.entering-form-solution { font-family: 'PT Sans Caption', sans-serif; font-weight: 700; font-size: 16px; }
.entering-form-solution-status { text-align: left; }
.entering-form-solution-amount { color: #658f0b; text-align: right; }

/*
.articles-date { font-family: 'PT Sans Caption', sans-serif; font-weight: 700; background-color: #94B238; border-radius: 5px; margin-top: 10px; width: 45px; padding: 5px; text-align: center; }
.articles-date-day { font-size: 20px; color: #fff; }
.articles-date-month { width: 90%; margin: 0 auto; font-size: 12px; border-radius: 5px; background-color: #fff; color: #94B238; padding: 3px; }
*/
#articles { background-color: #f0f4e3; border-radius: 10px; padding-top: 5px; }
.articles-item { border-bottom: 2px dashed #FFFFFF;}
.articles-date { background: transparent url("../images/articles-date.png") no-repeat scroll left top; height: 46px; margin-left: 14px; margin-top: 6px; padding-top: 8px; text-align: center; width: 54px; box-sizing: content-box; }
.articles-date-day { color: #7faa26; font-family: 'PT Sans Caption', sans-serif; font-weight: 700; font-size: 18px; }
.articles-date-month { color: #ffffff; display: block; font-family: 'PT Sans Caption', sans-serif; font-weight: 700; font-size: 11px; }
#articles .row { margin: 0; }
.articles-body { float: left; }
.articles-image { float: right; width: 150px; }
.articles-body-with-image { width: 380px; }
h5.articles-author a { color: #79582E; font-size: .9em; font-weight: bold; }

#registration-accordion .panel-body { position: relative; }

#footer-recyklohrani { position: relative; margin-top: 30px; background: transparent url("../images/footer-bg.png") no-repeat scroll center bottom; height: 182px; color: #d7eab0; }
/*body.page-home #footer-recyklohrani { background: transparent url("../images/footer-bg-home.png") no-repeat scroll center bottom; height: 319px; }*/
#footer-recyklohrani .container { position: relative; }
/*body.page-home #footer-recyklohrani .container { padding-top: 137px; }*/
#footer-recyklohrani h4 { color: #b8d779; }
#footer-recyklohrani a { /*color: #d7eab0;*/ color: #fff; text-decoration: none; }
#footer-recyklohrani p a { font-weight: bold; font-size: 1.1em; }
#footer-recyklohrani ul { margin: 0; padding: 0; list-style: none; }
/*#footer-recyklohrani ul a { font-size: .9em; }*/

#footer-recyklohrani-photos { height: 158px; left: 0; padding-left: 46px; position: absolute; top: -22px; width: 979px; }

#footer-recyklohrani-photos .footer-recyklohrani-photos-item { float: left; height: 159px; margin-right: 24px; width: 158px; }
#footer-recyklohrani-photos a { display: block; height: 139px; padding: 10px; position: relative; width: 138px; }
#footer-recyklohrani-photos .footer-recyklohrani-photos-box { height: 159px; width: 158px; display: block; left: 0; position: absolute; top: 0; }
#footer-recyklohrani-photos .first .footer-recyklohrani-photos-box { background: transparent url("../images/footer-recyklohrani-photos-box1.png") no-repeat scroll left top; }
#footer-recyklohrani-photos .second .footer-recyklohrani-photos-box { background: transparent url("../images/footer-recyklohrani-photos-box2.png") no-repeat scroll left top; }
#footer-recyklohrani-photos .third .footer-recyklohrani-photos-box { background: transparent url("../images/footer-recyklohrani-photos-box3.png") no-repeat scroll left top; }

#footer-credit { background-color: #000; color: #fff; padding: 5px 0 0 0; margin: 0; }
#footer-credit a { font-weight: bold; color: #FE9915; text-decoration: none; }

.page-catalog #content { min-height: 900px; }

ul#categories { margin: 5px 0; padding: 0; list-style: none; }
ul#categories li { display: inline-block; margin-bottom: 5px; }
ul#categories li .btn {}

.product-name { color: #658f0b; font-weight: bold; }
.product-thumbs { margin-top: 5px; min-height: 60px; }
.product-labels { min-height: 40px; margin-top: 5px; font-size: 18px; }
.product-lead, .product-description { color: #526A79; font-family: Arial,Helvetica,sans-serif,Calibri; }
.product-price { color: #4e6f08; font-weight: bold; }
.product-discount { color: #CD0404; }
.product-price-without-discount { color: #555555; font-size: .9em; text-decoration: line-through; }
.product-to-cart { display: block; background-color: #4e6f08; color: #fff; text-transform: uppercase; width: 100px; height: 32px; box-sizing: border-box; padding: 7px; text-align: center; font-size: 12px; cursor: pointer; font-weight: bold; }
.product-to-cart:hover { background-color: #505053; color: #fff; }

.items-list-filter-heading { padding: 7px; font-weight: bold; background-color: #F8F8F8; color: #555555; font-size: 1.1em; }
.items-list-filter-param { padding: 7px; }
.items-list-filter-param-heading { font-weight: bold; }
.items-list-filter-param-price .items-list-filter-param-body, .items-list-filter-param-int .items-list-filter-param-body, .items-list-filter-param-float .items-list-filter-param-body { padding-left: 10px; padding-right: 10px; }
.items-list-filter-param-value-wrap { text-align: center; font-weight: bold; margin-bottom: 3px; }

.item-box { display: block; position: relative; border-radius: 5px; margin-bottom: 10px; text-decoration: none; border: 2px solid #ddd; padding: 3px; text-align: center; overflow: hidden; }
.item-box-content { padding: 3px; }
.item-box-name { margin-top: 5px; font-size: 1.2em; height: 45px; overflow: hidden; }
.media-body .item-box-name { font-size: 1.4em; text-align: left; }
.item-box-lead { font-size: .85em; height: 50px; overflow: hidden; }
.item-box-preview-params { min-height: 30px; }
.item-box-preview-params .preview-param-name { color: #555555; font-weight: bold; }
.item-box-preview-params .preview-param-value { margin-left: 5px; }
.media-body .item-box-lead { font-size: 1.1em; height: 70px; }
.item-box-price { margin-top: 5px; font-size: 1.1em; padding: 3px; }
.media-body .item-box-price { text-align: left; }
.item-box-discount, .item-discount { position: absolute; font-size: 1.3em; font-weight: bold; background-color: #CD0404; color: #FFFFFF; padding: 7px 5px; border-radius: 5px; z-index: 300; }
.item-box-discount { top: 30px; left: 30px; }
.item-box .item-box-footer { }
.item-box .item-box-footer .item-box-price { position: relative; background-color: #e8e8e8; height: 32px; width: 50%; box-sizing: border-box; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-top: 5px; }
.item-box .item-box-footer .product-to-cart { position: absolute; top: 0; right: -85px; z-index: 1000; border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 85px; padding-left: 4px; }
.item-box:hover { border-color: #a5c341; }
.item-box:hover img { opacity: 0.7; }

.item { position: relative; overflow: hidden; }
.item-name { font-size: 1.4em; }
.item-price { font-size: 1.7em; }
.item-discount { top: 70px; left: 70px; }
.item-price-without-discount { }
.item-description { border-top: 1px solid #eee; }
.item .product-to-cart { border-radius: 8px; }

.label-free-delivery { background-color: #BFDC7A; color: #6a6340; }
.label-recommend { background-color: #4C72A7; }
.label-sale { background-color: #DE6362; }

.ribbon { width: 200px; background: #e43; position: absolute; top: 25px; left: -50px; text-align: center; letter-spacing: 1px; line-height: 40px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); box-shadow: 0 0 3px rgba(0,0,0,.3); z-index: 300; font-size: 12px; font-weight: bold; font-family: 'Noto Sans', sans-serif; }
.ribbon.ribbon-top-left { top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.ribbon.ribbon-top-right{ top: 25px; right: -50px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.ribbon.ribbon-bottom-left{ top: auto; bottom: 25px; left: -50px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.ribbon.ribbon-bottom-right{ top: auto; right: -50px; bottom: 25px; left: auto; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.ribbon-free-delivery { background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #6a6340; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }
.ribbon-recommend { font-size: 14px; background-color: #4C72A7; background-image: -webkit-gradient(linear, left top, left bottom, from(#4C72A7), to(#124FAC)); background-image: -webkit-linear-gradient(top, #4C72A7, #124FAC); background-image: -moz-linear-gradient(top, #4C72A7, #124FAC); background-image: -ms-linear-gradient(top, #4C72A7, #124FAC); background-image: -o-linear-gradient(top, #4C72A7, #124FAC); color: #ffffff; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }
.ribbon-sale { font-size: 14px; background-color: #DE6362; background-image: -webkit-gradient(linear, left top, left bottom, from(#DE6362), to(#CE0A0A)); background-image: -webkit-linear-gradient(top, #DE6362, #CE0A0A); background-image: -moz-linear-gradient(top, #DE6362, #CE0A0A); background-image: -ms-linear-gradient(top, #DE6362, #CE0A0A); background-image: -o-linear-gradient(top, #DE6362, #CE0A0A); color: #ffffff; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }

.catalog-title { position: relative; }
#cart-box { position: absolute; top: 10px; right: 0; font-size: 18px; }
#cart-box a { display: block; float: left; margin-right: 5px; }
#cart-empty { color: #ef2b1f; margin-left: 20px; }

.shares { margin: 0; }
.share { padding: 5px; }
.share-header { height: 32px; overflow: hidden; }
.share .content-date { font-size: 12px; }
.share-body { height: 74px; overflow: hidden; }
.share .content-attachments { height: 74px; overflow: hidden; }
.share .content-attachments li { padding: 0 0 0 36px; }
.share .content-attachments li a { font-size: .9em; }

.delivery h3 { margin: 0; }
.delivery .pull-right { margin-top: -3px; }

.gallery-note { margin-bottom: 10px; }
.gallery-image { position: relative; display: block; margin-bottom: 10px; }
.gallery-image-name { position: absolute; width: 100%; bottom: 0; background-color: rgba(0, 0, 0, .5); color: #fff; padding: 5px; font-family: 'PT Sans Caption', sans-serif; font-weight: 700; text-align: center; }

.rate-wrap { text-align: center; }

.new-item { color: #ef2b1f; }
.badge.new-item { background-color: #ef2b1f; color: #fff; }
tr.new-item { font-weight: bold; }
tr.new-item a { color: #ef2b1f; }
#school-menu .badge.new-message { background-color: #ef2b1f; color: #fff; }
#message-attachments { list-style: none; }

.table-order-image { width: 70px; }
.table-order-info { font-size: 1.2em; }
.table-order-info .product-lead { font-size: .8em; }
.table-order-count { width: 150px; text-align: center; }
.table-order-price { width: 170px; color: #4e6f08; font-weight: bold; font-size: 1.5em; text-align: right; }
.table-order-action { width: 50px; font-size: 20px; }
.table-order-action a { cursor: pointer; color: #ef2b1f; }
.table-order tfoot { font-size: 1.5em; }
.table-order tfoot th { text-align: right; padding-right: 10px; }
.table-order tfoot td { color: #4e6f08; font-weight: bold; text-align: right; }

.carousel-best { background: url("../images/carousel-best-bg.jpg") no-repeat scroll left top transparent; height: 136px; left: 0; overflow: hidden; position: absolute; top: 153px; width: 412px; box-sizing: content-box; z-index: 100; }
.carousel-best-spinner {
    height: 136px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 3000px;
    box-sizing: content-box;
}
.carousel-best-item {
    color: #FFFFFF;
    float: left;
    height: 47px;
    padding: 0 0 0 21px;
    width: 111px;
    box-sizing: content-box;
}
.carousel-best-school {
    color: #7A7672;
    font-size: 11px;
    font-weight: bold;
    margin-top: 30px;
    overflow: hidden;
    text-align: center;
    width: 110px;
    box-sizing: content-box;
}
.carousel-best-school-name {
    display: block;
    line-height: 12px;
    box-sizing: content-box;
}
.carousel-best-school-ico {
    display: block;
    height: 14px;
    overflow: hidden;
}
.carousel-best-number {
    display: block;
    float: left;
    font-size: 16px;
    padding: 6px 0 0 10px;
    position: relative;
    text-align: center;
    width: 34px;
    margin-left: 3px;
    box-sizing: content-box;
}
.carousel-best-box {
display: block;
    left: 0;
    position: absolute;
    top: 0;
	    height: 52px;
    width: 34px;
    box-sizing: content-box;
}
.carousel-best-number1 .carousel-best-box {
    background: url("../images/carousel-best-gold.jpg") no-repeat scroll left top transparent;
}
.carousel-best-number2 .carousel-best-box {
    background: url("../images/carousel-best-silver.jpg") no-repeat scroll left top transparent;
}
.carousel-best-number3 .carousel-best-box {
    background: url("../images/carousel-best-bronze.jpg") no-repeat scroll left top transparent;
}
.carousel-best-number4 .carousel-best-box {
    background: url("../images/carousel-best-number4.jpg") no-repeat scroll left top transparent;
}
.carousel-best-number5 .carousel-best-box {
    background: url("../images/carousel-best-number5.jpg") no-repeat scroll left top transparent;
}
.carousel-best-number6 .carousel-best-box {
    background: url("../images/carousel-best-number6.jpg") no-repeat scroll left top transparent;
}
.carousel-best-number7 .carousel-best-box {
    background: url("../images/carousel-best-number7.jpg") no-repeat scroll left top transparent;
}
.carousel-best-number8 .carousel-best-box {
    background: url("../images/carousel-best-number8.jpg") no-repeat scroll left top transparent;
}
.carousel-best-number9 .carousel-best-box {
    background: url("../images/carousel-best-number9.jpg") no-repeat scroll left top transparent;
}
.carousel-best-number10 .carousel-best-box {
    background: url("../images/carousel-best-number10.jpg") no-repeat scroll left top transparent;
}
.carousel-best-points {
    font-size: 20px;
    padding-left: 42px;
    position: relative;
    top: 7px;
    box-sizing: content-box;
    color: #FFFFFF;
    font-family: 'PT Sans Caption', sans-serif; font-weight: 700;
}
.carousel-best-points-word {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-left: 46px;
    position: relative;
    top: 7px;
    box-sizing: content-box;
    font-family: 'PT Sans Caption', sans-serif; font-weight: 700;
}
.carousel-best-in {
    background: url("../images/carousel-best-bg.png") no-repeat scroll left top transparent;
    height: 136px;
    left: 0;
    position: absolute;
    top: 0;
    width: 412px;
    box-sizing: content-box;
}
.carousel-best-left {
    background: url("../images/carousel-best-left.gif") no-repeat scroll left top transparent;
    cursor: pointer;
    height: 12px;
    left: 0;
    position: absolute;
    top: 25px;
    width: 9px;
    box-sizing: content-box;
}
.carousel-best-right {
    background: url("../images/carousel-best-right.gif") no-repeat scroll left top transparent;
    cursor: pointer;
    height: 12px;
    position: absolute;
    right: 0;
    top: 25px;
    width: 9px;
    box-sizing: content-box;
}

.items-list-filter { margin-bottom: 5px; }
#items-list-navbar { margin-bottom: 5px; }
.hide-item, .hide-item h4, .hide-item a, .hide-item .product-name, .panel-title > a.hide-item { color: #777777; }

#content-images { margin-top: 10px; padding: 0; }
#content-images-carousel { margin: 0 auto; margin-left: -15px; margin-right: -15px; } /*margin-left: 13.571%;*/
#content-images-carousel .carouselGrid-inner { width: 629px; margin: 0 auto;  }
#content-images-carousel .item > div { padding: 0 5px; }
/*#content-images-carousel .item .top-item { position: relative; border: 2px solid #ddd; display: block; padding: 0; border-radius: 2px; text-align: center; cursor: pointer; overflow: hidden; }*/
#content-images-carousel img { margin: 0 auto; }
#content-images-carousel .carousel-control { width: 15px; }

.panel-link .panel-heading { padding: 5px; }
.panel-link .panel-title { font-size: 12px; color: #658F0B; }
.panel-link { margin-bottom: 5px; }
.panel-link .panel-title-download { background: transparent url("../images/download-xs.png") no-repeat scroll left top; padding-left: 18px; }

.cookies-panel { position: fixed; z-index: 0; bottom:0; width: 100%; background-color: #fff; height: auto; border-top: 1px solid #000; padding-top: 40px; padding-bottom: 40px; text-align: center; font-size: 1.2em; }
img.cookies-img { display: inline; width: 30px; margin-right: 12px; }
.cookies-header, .cookies-text, .cookies-buttons { margin-bottom: 10px; }
.text-underline { text-decoration: underline; }
.cookies-panel .h3 { font-size: 1.6em; font-weight: bold; }

#cookies-modal { font-size: 1.2em; }
#cookies-modal input[type=checkbox] { height: 0; width: 0; visibility: hidden; }
#cookies-modal label { cursor: pointer; text-indent: -9999px; width: 80px; height: 50px; background: grey; display: block; border-radius: 100px; position: relative; }
#cookies-modal label:after { content: ''; position: absolute; top: 5px; left: 5px; width: 40px; height: 40px; background: #fff; border-radius: 90px; transition: 0.3s; }
#cookies-modal input:checked + label { background: rgb(121,182,4); }
#cookies-modal input:checked + label:after { left: calc(100% - 5px); transform: translateX(-100%); }
#cookies-modal label:active:after { width: 40px; }
#cookies-modal .h6 { font-size: 1.1em; font-weight: bold; }
.cookies-modal-buttons { margin-top: 10px; margin-bottom: 10px; }
.text-success { color: rgb(121,182,4) !important; }
.btn-success { background-color: rgb(121,182,4) !important; }
.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}
#cookies-modal .modal-body {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-top: 1.5rem !important;
    padding-bottom: 0 !important;
}
@media (min-width: 576px) {
	.text-last-justify { text-align-last: justify; }
	#cookies-modal .modal-dialog { width: auto; max-width: 1000px; }
}
@media (min-width: 768px) {
	#cookies-modal .modal-dialog { width: auto;  max-width: 1000px; }
}