*, ::before, ::after {
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    position: relative;
	background: url('/images/web-back.jpg') no-repeat center 0 #fff;
    background-size: 100% auto;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif, Helvetica, Arial;
	font-size: 16px;
    font-weight: 300;
	-webkit-text-size-adjust: none;
    color: #282828;
}

body * {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #27bca5;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

strong {
    font-weight: 600;
}

p {
	
}

p a {
    color: #3c5008;
}

input, textarea {
    border: none;
    background: #fff;
    font-size: 16px;
    padding: 0 15px;
}

input:focus, textarea:focus, select:focus, input:hover, textarea:hover, select:hover {
	outline: none;
    background: #ededed;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1 {
    position: relative;
    margin: 0 0 30px 0;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    color: #523e1e;
}

h2 {
    font-size: 25px;
    font-weight: 400;
    margin: 25px 0 5px 0;
}

.clearfix {
    clear: both;
}

.fancybox-wrap, .fancybox-wrap * {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

div.top-bar {
    position: relative;
    background: #523e1e;
    height: 5px;
    width: 100%;
    max-width: 1058px;
    margin: 0 auto;
}

div.top-bar span {
    display: block;
    width: 10%;
    height: 100%;
    background: #8da74b;
}

div#header-container {
    position: relative;
    height: 112px;
}

div#logo {
    position: absolute;
    background: url('/images/logo.png') no-repeat;
    background-size: 367px auto;
    width: 367px;
    height: 59px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

div#logo a {
    display: block;
    width: 100%;
    height: 100%;
}

div#menu-container {
    position: relative;
    height: 55px;
    background: #523e1e;
}

div#menu-container ul {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}

div#menu-container ul li {
    display: inline-block;
    width: 20%;
    height: 100%;
    text-align: center;
}

div#menu-container ul li:hover, div#menu-container ul li.active {
    background-color: #3d2d15;
}

div#menu-container ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
}

div#menu-container ul li a span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.natural-100 {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url('/images/100-natural.png') no-repeat;
    background-size: 185px auto;
    width: 185px;
    height: 65px;
}

div#search-container {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 45px;
    width: 35%;
    padding-right: 45px;
}

div#search-container input {
    position: relative;
    display: block;
    background: transparent;
    height: 100%;
    width: 100%;
    border: solid 1px #cec9c0;
}

div#search-container span {
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
    width: 45px;
    background: url('/images/search-icon.png') no-repeat center center #8da74b;
    background-size: 20px 20px;
    cursor: pointer;
}

div#search-container div#mobile-menu-btn {
    display: none;
    position: absolute;
    right: -52px;
    top: 0;
    height: 45px;
    width: 45px;
    background: url('/images/mobile-menu-btn.png') no-repeat center center #8da74b;
    background-size: 20px auto;
    cursor: pointer;
}

div#search-container span:hover, div#search-container div#mobile-menu-btn:hover {
    background-color: #71863c;
}

div#subpage-container {
    position: relative;
    padding: 30px 12px;
    background: #fff;
}

div#subpage-container.no-padding {
    padding: 30px 0;
}

div#home-categories-container {
    position: relative;
    font-size: 0;
    margin: 40px 0 0 0;
}

div#home-categories-container .home-category {
    position: relative;
    max-width: 520px;
    font-size: 14px;
    height: 298px;
    display: inline-block;
    width: 48%;
    margin-bottom: 3.5%;
}

div#home-categories-container .home-category.c1 {
    background: url('/images/home-img-zdravie.jpg') no-repeat center top;
    background-size: auto 100%;
    float: left;
}

div#home-categories-container .home-category.c2 {
    background: url('/images/home-img-zahrada.jpg') no-repeat center top;
    background-size: auto 100%;
    float: right;
}

div#home-categories-container .home-category.c3 {
    background: url('/images/home-img-zvierata.jpg') no-repeat center top;
    background-size: auto 100%;
    float: left;
}

div#home-categories-container .home-category.c4 {
    background: url('/images/home-img-domacnost.jpg') no-repeat center top;
    background-size: auto 100%;
    margin-right: 0;
    float: right;
}

div#home-categories-container .home-category a {
    display: block;
    width: 100%;
    height: 100%;
}

div#home-categories-container .home-category .hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 63px;
    background: url('/images/hover-back.png') repeat;
    opacity: 0;
}

div#home-categories-container .home-category .hover span {
    display: block;
    position: absolute;
    background: url('/images/search-icon-big.png') no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    top: 150%;
    left: 50%;
    -webkit-transform: translate(-50%, -150%);
    -moz-transform: translate(-50%, -150%);
    -ms-transform: translate(-50%, -150%);
    -o-transform: translate(-50%, -150%);
    transform: translate(-50%, -150%);
}

div#home-categories-container .home-category:hover .hover {
    opacity: 1;
}

div#home-categories-container .home-category:hover .hover span {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div#home-categories-container .home-category .txt {
    position: absolute;
    height: 63px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('/images/home-img-bottom.png') no-repeat center bottom #8da74b;
    background-size: 520px auto;
}

div#home-categories-container .home-category .txt span {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    top: 40%;
    display: inline-block;
    left: 50%;
    -webkit-transform: translate(-50%, -40%);
    -moz-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    -o-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
}

div#home-categories-container .home-category .txt div {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #523e1e;
    top: -30px;
    left: 30px;
    z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

div#home-categories-container .home-category.c1 .txt div {
    background: url('/images/home-icon-1.png') 16px 17px no-repeat #523e1e;
    background-size: 29px auto;
}

div#home-categories-container .home-category.c2 .txt div {
    background: url('/images/home-icon-2.png') 14px 14px no-repeat #523e1e;
    background-size: 29px auto;
}

div#home-categories-container .home-category.c3 .txt div {
    background: url('/images/home-icon-3.png') center center no-repeat #523e1e;
    background-size: 38px auto;
}

div#home-categories-container .home-category.c4 .txt div {
    background: url('/images/home-icon-4.png') 17px 15px no-repeat #523e1e;
    background-size: 28px auto;
}

.newsletter-container {
    position: relative;
    background: #523e1e;
    color: #fff;
    font-size: 0;
    height: 45px;
    line-height: 15px;
    margin-top: 60px;
}

.newsletter-container div.natural-100.mobile {
    position: absolute;
    display: none;
    top: -65px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url('/images/100-natural.png') no-repeat;
    background-size: 185px auto;
    width: 185px;
    height: 65px;
}

.newsletter-container strong {
    font-weight: 400;
}

.newsletter-container .left {
    position: relative;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    width: 66.666%;
    height: 45px;
    text-align: center;
    padding: 0 15px;
    line-height: 20px;
}

.newsletter-container .left span {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.newsletter-container .right {
    font-size: 16px;
    position: absolute;
    width: 33.333%;
    background: #8da74b;
    height: 45px;
    top: 0;
    right: 0;
    padding-right: 50px;
}

.newsletter-container .right span {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 0;
    right: 0;
    background: url('/images/ok-icon.png') no-repeat center center;
    background-size: 16px 16px;
    cursor: pointer;
}

.newsletter-container .right span:hover {
    background-color: #71863c;
}

.newsletter-container .right input {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    color: #fff;
}

.newsletter-container .right input::-webkit-input-placeholder {
    color: #ccc;
}

.newsletter-container .right input::-moz-placeholder {
    color: #ccc;
}

.newsletter-container .right input:-ms-input-placeholder {
    color: #ccc;
}

.newsletter-container .right input:-moz-placeholder {
    color: #fff;
}

div#footer-links {
    position: relative;
    margin: 30px 0 100px 0;
}

div#footer-links.cc-ok {
    margin-bottom: 30px;
}

div#footer-links .left {
    float: left;
    font-size: 14px;
    font-weight: 100;
    color: #523e1e;
}

div#footer-links .right {
    float: right;
}

div#footer-links .left ul {
    position: relative;
    margin: 0;
    padding: 0;
}

div#footer-links .left ul li {
    display: inline-block;
    margin-right: 25px;
}

div#footer-links .left ul li:last-child {
    margin-right: 0;
}

div#footer-links .left a {
    color: inherit;
    font-weight: 100;
}

div#footer-links .left .copyright {
    margin-top: 7px;
}

div#footer-links .left .copyright a {
    font-weight: 400;
}

div#social-icons {
    position: relative;
    font-size: 0;
    margin-top: 4px;
    display: none;
}

div#social-icons .si {
    display: inline-block;
    font-size: 12px;
    background: #523e1e;
    border-right: solid 1px #867862;
    height: 40px;
}

div#social-icons .si a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

div#social-icons .si a span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.75;
}

div#social-icons .si a:hover span {
    opacity: 1;
}

div#social-icons .si:last-child {
    border-right: none;
}

div#social-icons .si.s1 {
    width: 40px;
}

div#social-icons .si.s1 a span {
    background: url('/images/social-fb.png') no-repeat;
    background-size: 8px 16px;
    width: 8px;
    height: 16px;
}

div#social-icons .si.s2 {
    width: 52px;
}

div#social-icons .si.s2 a span {
    background: url('/images/social-gplus.png') no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
}

div#social-icons .si.s3 {
    width: 65px;
}

div#social-icons .si.s3 a span {
    background: url('/images/social-youtube.png') no-repeat;
    background-size: 26px 18px;
    width: 26px;
    height: 18px;
}

div#social-icons .si.s4 {
    width: 54px;
}

div#social-icons .si.s4 a span {
    background: url('/images/social-instagram.png') no-repeat;
    background-size: 17px 17px;
    width: 17px;
    height: 17px;
}

div#cookies-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #523e1e;
    height: 60px;
    z-index: 99;
}

div#cookies-bar .col-1 {
    height: 60px;
    position: relative;
}

div#cookies-bar .col-1 .txt {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 15px;
    font-weight: 100;
    color: #fff;
    text-transform: uppercase;
    padding-right: 90px;
}

div#cookies-bar .col-1 .cookies-ok {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    right: 12px;
    background: url('/images/ok-icon.png') no-repeat center center #8da74b;
    background-size: 16px 16px;
    cursor: pointer;
}

div#cookies-bar .col-1 .cookies-ok:hover {
    background-color: #71863c;
}

div.top-article-container {
    position: relative;
    background: #f0f0f0;
    padding: 30px 0 65px 0;
    font-size: 0;
}

div.top-article-container.white {
    background: #fff;
}

div.top-article-container.article-detail {
    padding: 0 0 30px 0;
}

div.top-article-container .left {
    display: inline-block;
    padding: 10px 10px 10px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    max-width: 520px;
    height: 353px;
    width: 49%;
    vertical-align: top;
    overflow: hidden;
}

div.top-article-container.white .left {
    background: #f0f0f0;
}

div.top-article-container .left a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

div.top-article-container .left img {
    display: block;
    width: 100%;
    height: 100%;
}

div.top-article-container .left span.new-icon {
    position: absolute;
    display: block;
    width: 124px;
    height: 124px;
    right: -10px;
    top: -10px;
    background: url('/images/new-icon.png') no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}

div.top-article-container .left .hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url('/images/hover-back.png') repeat;
    opacity: 0;
}

div.top-article-container .left .hover span {
    display: block;
    position: absolute;
    background: url('/images/search-icon-big.png') no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    top: 150%;
    left: 50%;
    -webkit-transform: translate(-50%, -150%);
    -moz-transform: translate(-50%, -150%);
    -ms-transform: translate(-50%, -150%);
    -o-transform: translate(-50%, -150%);
    transform: translate(-50%, -150%);
}

div.top-article-container .left:hover .hover {
    opacity: 1;
}

div.top-article-container .left:hover .hover span {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.top-article-container .right {
    display: inline-block;
    width: 48%;
    margin-left: 3%;
    font-size: 15px;
    vertical-align: top;
    height: 353px;
    position: relative;
    padding-right: 25px;
}

div.top-article-container .right div.txt {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.top-article-container .right div.txt .blog-date {
    font-weight: 600;
    color: #8da74b;
}

div.top-article-container .right div.txt .blog-title a {
    font-size: 30px;
    font-weight: 400;
    color: #523e1e;
    line-height: 36px;
}

div.top-article-container .right div.txt .blog-short-descr {
    font-size: 16px;
    color: #282828;
    line-height: 22px;
    margin-top: 15px;
}

.other-articles-title {
    position: relative;
    background: url('/images/older-articles-title.png') no-repeat center 0;
    background-size: auto 100%;
    width: 100%;
    height: 93px;
    top: -17px;
    margin-bottom: 15px;
}

.other-articles-title span {
    position: relative;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 28px;
    line-height: 58px;
}

.article-items-container {
    position: relative;
}

.article-items-container.white {
    background: #fff;
}

.article-item-container {
    position: relative;
    background: #fff;
    float: left;
    width: 33.3333%;
}

.article-item-container:nth-child(3n+1) {
    clear: left;
}

.article-item {
    position: relative;
    width: 90%;
    margin: 0 auto 30px auto;
    padding-top: 15px;
}

.article-item .img {
    position: relative;
}

.article-item .img a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.article-item .img img {
    display: block;
    width: 100%;
    height: auto;
}

.article-item .img .hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url('/images/hover-back.png') repeat;
    opacity: 0;
}

.article-item .img .hover span {
    display: block;
    position: absolute;
    background: url('/images/search-icon-big.png') no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    top: 150%;
    left: 50%;
    -webkit-transform: translate(-50%, -150%);
    -moz-transform: translate(-50%, -150%);
    -ms-transform: translate(-50%, -150%);
    -o-transform: translate(-50%, -150%);
    transform: translate(-50%, -150%);
}

.article-item .img:hover .hover {
    opacity: 1;
}

.article-item .img:hover .hover span {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.article-item .img .blog-date {
    position: absolute;
    color: #fff;
    font-size: 17px;
    font-weight: 100;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: url('/images/clock-icon.png') no-repeat 15px center #523e1e;
    background-size: 18px 18px;
    padding: 10px 15px 10px 50px;
}

.article-item .title {
    position: relative;
    margin-top: 20px;
}

.article-item .title a {
    font-size: 22px;
    line-height: 28px;
    color: #523e1e;
    font-weight: 400;
}

.article-item .short-descr {
    position: relative;
    padding: 15px 0 5px 0;
    color: #282828;
    font-size: 16px;
}

.article-txt {
    padding: 0 25px;
}

.article-txt ul {
    list-style: disc;
    margin-left: 40px;
}

.article-txt ol {
    margin-left: 40px;
    padding-left: 0;
}

.article-txt ul li, .article-txt ol li {
    margin-bottom: 8px;
}

.article-txt img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.article-txt p.citacia {
    text-align: center;
    font-size: 30px;
    color: #523e1e;
    font-weight: 100;
    font-style: italic;
    margin: 60px 0;
    position: relative;
}

.article-txt p.citacia span.uv, .article-txt p.citacia span.uv {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 8px;
}

.article-txt p.citacia span.uv.top, .article-txt p.citacia span.uv.top {
    margin-left: 7px;
    top: -15px;
    background: url('/images/uv-top.png') no-repeat;
    background-size: 100% 100%;
}

.article-txt p.citacia span.uv.bottom, .article-txt p.citacia span.uv.bottom {
    margin-right: 7px;
    bottom: -5px;
    background: url('/images/uv-bottom.png') no-repeat;
    background-size: 100% 100%;
}

.article-gallery {
    position: relative;
    padding: 40px 25px 0 25px;
    font-size: 0;
    overflow: hidden;
    -webkit-transition: none;
    -moz-transition: none ;
    -ms-transition: none ;
    -o-transition: none ;
    transition: none ;
}

.article-gallery .gallery-item {
    display: inline-block;
    width: 31%;
    margin-bottom: 3.5%;
    margin-right: 3.5%;
    position: relative;
}

.article-gallery .gallery-item.hidden {
    display: none;
}

.article-gallery .gallery-item .gallery-expand {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('/images/hover-back.png');
    cursor: pointer;
}

.article-gallery .gallery-item .gallery-expand span {
    position: absolute;
    display: block;
    background: url('/images/plus-icon.png') no-repeat;
    background-size: 100% 100%;
    width: 50%;
    height: 75%;
    max-width: 57px;
    max-height: 55px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.article-gallery .gallery-item a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.article-gallery .gallery-item a .hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url('/images/hover-back.png') repeat;
    opacity: 0;
}

.article-gallery .gallery-item a .hover span {
    display: block;
    position: absolute;
    background: url('/images/search-icon-big.png') no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    top: 150%;
    left: 50%;
    -webkit-transform: translate(-50%, -150%);
    -moz-transform: translate(-50%, -150%);
    -ms-transform: translate(-50%, -150%);
    -o-transform: translate(-50%, -150%);
    transform: translate(-50%, -150%);
}

.article-gallery .gallery-item a:hover .hover {
    opacity: 1;
}

.article-gallery .gallery-item a:hover .hover span {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.article-gallery .gallery-item a img {
    display: block;
    width: 100%;
    height: auto;
}

.article-gallery .gallery-item:nth-child(3n-3) {
    margin-right: 0;
}

.no-blog-items {
    text-transform: uppercase;
    text-align: center;
    font-weight: 100;
    font-size: 22px;
    padding: 100px 30px;
}

.faq-item {
    position: relative;
    margin-bottom: 40px;
}

.faq-item .title {
    color: #282828;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 5px;
}

.faq-item .txt {
    padding-left: 35px;
    background: url('/images/comment-icon.png') no-repeat 0 6px;
    background-size: 23px auto;
    line-height: 26px;
}