/*-----------------------[28. Comment ]-------------------------*/
#main_blog_list article{margin-bottom: 70px}
/* Block:Latest Blog */
.blog-static { text-align: left; margin: 0; padding: 50px 0 0; }
.blog-static .blog-column-slider { padding: 0 0 45px 0; }
.blog-static .blog_short_text { text-align: center; padding: 14px 0 0; }
.blog-static .blog_short_text a { text-decoration: none; }
.blog-static .blog_short_text a span { font-family: "Lato"; color: #444; font-size: 14px; font-weight: 500; }
.blog-static .blog_short_text p { font-family: 'Lato', sans-serif; color: #888; }
.blog-static .blog_short_text p.date span .fa { margin-right: 7px; }
.blog-static .blog_short_text p.date span.comments { margin-left: 8px; }
.comment-list { padding: 0; }
.comment-list li.comment { display: inline-block; margin-bottom: 25px; }
.comment-list .comment-avatar { display: table-cell; padding-right: 30px; }
.comment-list .comment-content { font: normal 15px "Lato", sans-serif; color: #666666; line-height: 26px; margin-bottom: 10px; }
.comment-list .comment-date { float: right; font-size: 13px; font-style: italic; }
.comment-list .comment-entry { padding: 15px 0; }
.comment-list .comment-actions { overflow: hidden; }

.comment-list .review-rating { font-size: 12px; color: #ccc; }
.comment-list .comment-info { font-size: 11px; color: #999 }

.comment-form .comment-reply-title { margin: 0; }
.comment-form label { font-weight: 600; }
.comment-form .rating>label { width: 100%; }
#sdsblogCategory { margin-bottom: 0px; overflow: hidden; }
.sdsarticleCat { border-bottom: 1px solid #E1E1E1; margin-bottom: 10px; padding-bottom: 8px; }
.sdsarticleHeader { margin: 6px 0 10px; padding-bottom: 5px; }
.sdsarticleHeader span, .sdsarticleHeader span a { font-size: 11px; }
.sdsarticleHeader span a { text-decoration: none; }
.sdsarticleHeader span a:hover { text-decoration: underline; }
.articleContent { overflow: hidden; }

.articleContent img { max-width: 98%; padding: 5px; }
.articleContent .sdsreadMore { margin-top: 5px; padding: 0 10px; text-align: right; }
.articleContent .sdsreadMore span { margin-left: 10px; }
.articleContent .sdsreadMore span.comment a { background: url("../images/comment.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0); display: block; float: right; margin-right: 2px; padding: 2px 6px 2px 25px; }
.articleContent .sdsreadMore span a { font-size: 12px; text-decoration: none; }
.articleContent .sdsreadMore span a.r_more { float: right; }
#sdsblogArticle .sdsarticleHeader h1, #sdsblogArticle .sdsarticleHeader h1 a { color: #222222; font-size: 24px; font-weight: normal; letter-spacing: 0.5px; margin: 0; padding-bottom: 3px; }
.sdstags-update { display: inline-block; margin-top: 10px; text-align: right; }
.sdstags-update .tags { float: left; }
.sdstags-update .tags a { background-color: #F3F3F3; border: 1px solid #E8E8E8; font-size: 12px; padding: 2px 5px; }
.sdsarticleBottom { display: block; margin-top: 20px; overflow: hidden; }
.sdsarticleBottom > div { margin-bottom: 25px; overflow: hidden; }
.sdsarticleBottom h4, #sdsblogCategory h4 { clear: both; font-size: 16px; letter-spacing: 0; margin: 20px 0 10px; }
.sdsarticleBottom ul, #sdsblogCategory ul { float: left; list-style: none outside none; padding: 0; width: 40%; }
.sdsarticleBottom li, #sdsblogCategory li { background: url("../images/message-news.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); padding: 3px 0 3px 20px; }
#productRelated .box-product { margin: 0; overflow: hidden; width: 100%; }
#productRelated .relProduct { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; margin: 0 0 15px; padding: 0; text-align: center; width: 19%; }
#sdsblogArticle .attention img { margin: 0 10px; }
#articleComments { background-color: #FFFFFF; border-bottom: 4px solid #E1E1E1; border-radius: 5px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); clear: left; margin: 20px 0; padding: 10px 15px; }
div.relProduct .cart { text-align: center; width: 100%; }
div.relProduct .price { color: #333333; display: block; font-size: 16px; font-weight: bold; margin-bottom: 4px; }
div.relProduct .price-old { color: #999999; font-size: 12px; text-decoration: line-through; }
div.relProduct .price-new { font-size: 16px; font-weight: bold; }
#articleComments h4 { font-size: 20px; letter-spacing: 0; margin: 0 0 10px; }
#articleComments h4 span { font-size: 14px; font-weight: normal; }
#articleComments #comments { overflow: hidden; }
#comments .commentEmpty { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D8D8D8; margin-bottom: 10px; padding: 8px 10px; }
#comments .commentList { list-style: none outside none; margin: 15px 0 0; padding: 0; }
.commentList li { border: 1px solid #DDDDDD; border-radius: 4px; margin-bottom: 10px; min-height: 75px; padding: 8px 8px 8px 75px; position: relative; }
.childComment li { border: 1px solid #FFFFFF; }
.commentList li .avatar { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #DDDDDD; left: 10px; padding: 2px; position: absolute; top: 10px; }
.commentList li .badge { background: none repeat scroll 0 0 #222222; color: #FFFFFF; cursor: default; font-size: 10px; letter-spacing: 1px; margin-right: 4px; padding: 1px 4px; text-shadow: 1px 1px 0 #333333; }
.commentList li .default { background: none repeat scroll 0 0 #0555C6; }
.commentList li .top, .commentList li .admin { background: none repeat scroll 0 0 #FF0000; }
.commentList li .name, .commentList li .name a { color: #333333; cursor: default; font-size: 15px; text-decoration: none; }
.commentList li .name a { cursor: pointer; }
.commentList li .name a:hover { text-decoration: underline; }
.commentList li .created { color: #888888; font-size: 10px; margin: 2px 0 8px; }
.commentList li .reply { height: 22px; margin-top: 10px; text-align: right; }
.commentList li .reply a { background: none repeat scroll 0 0 #666666; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 11px; padding: 3px 10px; text-decoration: none; }
.commentList li .reply a:hover { background: none repeat scroll 0 0 #333333; }
.commentList .even { background: none repeat scroll 0 0 #FFFFFF; }
.childComment .even { background: none repeat scroll 0 0 #F8F8F8; }
.commentList .odd { background: none repeat scroll 0 0 #EEEEEE; }
.childComment .odd { background: none repeat scroll 0 0 #E6E6E6; }
#comments .pagination { border: medium none; color: #666666; font-size: 11px; padding: 0; }
#comments .pagination .links a, #comments .pagination .links b { font-size: 10px; padding: 2px 5px; }
#comments .pagination .links a { background: none repeat scroll 0 0 #FFFFFF; color: #666666; }
#comments .pagination .links b { background: none repeat scroll 0 0 #0481CF; color: #FFFFFF; }
#articleComments #respond { padding: 15px 0; }
#respond h4 { font-size: 18px; }

#comments #commentTitle { display: none; }
#respond #replyTitle { display: none; }
#comments #respond { border-top: 1px solid #CCCCCC; margin-top: 15px; }
#comments #replyTitle { display: block; margin-bottom: 10px; }
#respond #cancelCommentReply { background: none repeat scroll 0 0 #666666; color: #FFFFFF; float: right; font-size: 11px; margin-top: -27px; padding: 3px 10px; text-decoration: none; }
#respond #cancelCommentReply:hover { background: none repeat scroll 0 0 #333333; }
#respond table { width: 100%; }
#respond input[disabled] { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; }

#respond .captcha input[type="text"] { width: 85px; }
#respond td { padding: 3px 5px; }
#respond .note { color: #888888; display: block; font-size: 10px; margin: 0 8px; }
#respond td:first-child { padding-top: 6px; vertical-align: top; width: 125px; }
#respond td.captcha { padding-top: 0; }
#respond td.captcha div { overflow: hidden; }
#respond td.captcha span { float: right; min-width: 120px; }
#respond td.captcha span.captchaImage { margin-right: 25px; padding-top: 9px; }
#respond .error { color: #DD0000; display: inline-block; font-size: 11px; margin: 0 8px; }
#respond .right { padding: 15px 25px 10px; text-align: right; }
.blogSearch { margin: 15px 0; overflow: hidden; }
.blogSearch ul { line-height: 20px; list-style: none outside none; margin: 0; padding: 0; }
.blogSearch a { text-decoration: none; }
.blogSearch a:hover { text-decoration: underline; }
.blogSearch .title { font-size: 14px; }
.blogSearch .info, .blogSearch .sdsreadMore { color: #888888; font-size: 11px; font-style: italic; }
.blogSearch img { background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #E8E8E8; padding: 3px; }
.blogSearch p { margin: 0; }
.blogSearch .plain { margin-bottom: 15px; padding-left: 20px; }
.blogSearch .plain li { background: url("../../../img/admin/arrow.gif") no-repeat scroll 0 6px rgba(0, 0, 0, 0); padding-left: 15px; }
.blogSearch .plain .info { margin-left: 15px; }
.blogSearch .compact li { float: left; height: 120px; padding: 0 1.5%; width: 47%; }
.blogSearch .compact div { margin-left: 110px; }
.blogSearch .compact .title { font-size: 18px; }
.blogSearch .compact .info { display: block; }
.blogSearch .compact img { float: left; }
.blogSearch .grid > div { display: inline-block; margin-bottom: 25px; vertical-align: top; }
.blogSearch .grid img { display: block; margin: 0 auto 8px; }
.blogSearch .grid .info { display: block; font-size: 10px; }
#tab-related-article { overflow: hidden; }
#tab-related-article ul { line-height: 20px; list-style: none outside none; margin: 0; padding: 0; }
#tab-related-article li { float: left; min-height: 160px; overflow: hidden; padding: 0 1%; width: 31%; }
#tab-related-article a { text-decoration: none; }
#tab-related-article a:hover { text-decoration: underline; }
#tab-related-article .blogTitle { display: block; font-size: 14px; }
#tab-related-article .blogImage { float: left; margin-right: 10px; }
#tab-related-article .info { color: #888888; font-size: 11px; font-style: italic; margin-right: 8px; }
#tab-related-article img { background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #E8E8E8; padding: 3px; }
#tab-related-article p { margin: 0; }
.blogCol2 .sdsarticleCat { float: left; margin: 0; padding: 1% 2%; width: 46%; }
.blogCol3 .sdsarticleCat { float: left; padding: 0.5% 1%; width: 31%; }
.blogCol4 .sdsarticleCat { float: left; margin: 0; padding: 0.5% 1%; width: 23%; }
.blogCol4 .sdsarticleHeader { margin: 8px 0; }
.blogCol4 .sdsarticleHeader h3, .blogCol4 .sdsarticleHeader h3 a { font-size: 20px !important; }
.blogCol4 .sdsarticleHeader span { display: none; visibility: hidden; }
.imageContent { background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #E4E4E4; margin: 0 10px 10px 0; padding: 4px; }
.blogCol3 .sdsarticleHeader h2, .blogCol3 .sdsarticleHeader h2 a { font-size: 21px !important; line-height: 24px; }
.blogCol4 .sdsarticleHeader h2, .blogCol4 .sdsarticleHeader h2 a { font-size: 16px !important; line-height: 19px; }
.blogCol4 .comment, .blogCol4 .comment a { display: none; }
#sdsblogCategory .imageFeatured { background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #E4E4E4; float: left; margin: 0 10px 10px 0; max-width: 98.5%; padding: 4px; }
#sdsblogCategory p, #sdsblogArticle p { line-height: 18px; margin-bottom: 10px; }
.sdsarticleHeader span { font-size: 12px; line-height: 18px; }
.sdsarticle-des { margin: 10px 0px; }
.sdsarticle-des p { font-size: 12px; line-height: 18px; padding-bottom: 0px; }
.sdsarticle-des ol { list-style-type: none; }
.sdsreadMore .more a { float: right; padding: 0px 10px; font-weight: bold; }
.sdsreadMore .comment a { text-decoration: none; }
fieldset.account_creation { background: none repeat scroll 0 0 #F8F8F8; padding: 0 0 15px; }
.comment-reply-title { font-size: 15px; font-weight: bold; color: #333; text-transform: uppercase; }
.comment-note { font: normal 14px "Lato", sans-serif; color: #999; font-style: italic; }
.account_creation label { width: 16%; }
.account_creation p.text { margin: 10px; padding-bottom: 10px; color: #313131; }
.account_creation p.text input { border: 1px solid #CCCCCC; color: #666666; font-size: 12px; height: 22px; padding: 0 5px; }
.news_module_image_holder img { padding: 5px; max-width: 95%; }
.post-page .results { float: right; margin-top: 30px; }
.paddleftreleted { padding-left: 34px; }
.sdsbox-content .fullwidthreleted { width: 100%; }
.sdstitle_block { background: none repeat scroll 0 0 #F6F6F6; border-top: 5px solid #333333; color: #555454; font: 600 18px/22px "Open Sans", sans-serif; margin-bottom: 20px; padding: 14px 5px 17px 20px; text-transform: uppercase; }
.blogModule .title_block { margin-bottom: 1px;border-bottom: 1px solid#eaeaea;padding-bottom: 20px; margin-top: 0px; }
.sdstitle_block .all_news { float: right; font-size: 10px; }
.sdsblog-box-content { padding-top: 10px; }
.sdsbox-content ul { list-style-type: none; margin-left: 5px; margin-bottom: 0px; }
.sdsbox-content ul li { padding: 6px 0; border-bottom: 1px dotted #ccc; }
.sdsbox-content ul li a { font-size: 12px; }
.sdsbox-content .recentComments li { padding: 6px 0; border-bottom: 1px dotted #ccc; display: inline-block; width: 100%; }
.sdsbox-content .recentComments li a { font-size: 12px; }
.sdsbox-content .recentComments li a img { float: left; }
.sdsbox-content .popularArticles li { padding: 6px 0; display: inline-block; border-bottom: 1px dotted #ccc !important; width: 100%; }
.sdsbox-content .popularArticles li a { font-size: 12px; }
.sdsbox-content .popularArticles li .image { float: left; display: inline-flex; width: 65px; height: 45px; margin: 0 5px 5px; }
.sdsbox-content .recentArticles li { padding: 16px 0; border-bottom: 1px solid #e5e5e5; display: inline-block; width: 100%; }
.sdsbox-content .recentArticles li a { font-size: 12px; display: block; }
.sdsbox-content .recentArticles li a.title { font-size: 14px; font-weight: 600; text-transform: inherit; color: #111111; text-align: left; }
.sdsbox-content .recentArticles li a.title:hover { color: #000; }
.sdsbox-content .recentArticles li .image { float: left; display: inline-flex; margin: 0 20px 0 0; }
.sdsbox-content .recentArticles li .info_date { font: normal 13px "Raleway", sans-serif;color: #9a9a9a; }
.blogTags .sdsbox-content { margin-bottom: 10px; }
.blogTags .sdsbox-content a { line-height: 1.5em; margin: 0 0.1em; padding: 5px; font-weight: bold; font-size: 12px; }
.smartblock { margin-bottom: 20px; }
.bloggrid { border: 1px solid #E3E3E3; float: left; margin: 5px; width: 46%; }
#sds_blog_post .sds_post_title { background: none; border: none; font-size: 14px; padding: 0px; content: none !important; }
#sdssearch_block_top { padding-top: 0px; }
#sdssearch_block_top #searchbox { float: left; width: 100%; }
#sdssearch_block_top .btn.button-search { background: #333333; display: block; position: absolute; top: 0; right: 0; border: none; color: white; width: 50px; text-align: center; padding: 10px 0 11px 0; opacity: 0; }
#sdssearch_block_top .btn.button-search span { display: none; }
#sdssearch_block_top .btn.button-search:before { content: "\f002"; display: block; font-family: "FontAwesome"; font-size: 17px; width: 100%; text-align: center; }
#sdssearch_block_top .btn.button-search:hover { color: #6f6f6f; }
#sdssearch_block_top #search_query_top { display: inline; padding: 0 13px; height: 45px; line-height: 45px; background: #f6f6f6; margin-right: 1px; border: 0; font: normal 14px "Lato", sans-serif; font-style: italic; color: #999; }
.ac_results { background: white; border: 1px solid #d6d4d4; width: 271px; margin-top: -1px; }
.ac_results li { padding: 0 10px; font-weight: normal; color: #686666; font-size: 13px; line-height: 22px; }
.ac_results li.ac_odd { background: white; }
.ac_results li:hover, .ac_results li.ac_over { background: #fbfbfb; }
form#searchbox { position: relative; }
form#searchbox label { color: #333333; }
form#searchbox input#search_query_block { margin-right: 10px; max-width: 222px; margin-bottom: 10px; display: inline-block; float: left; }
form#searchbox .button.button-small { float: left; }
form#searchbox .button.button-small i { margin-right: 0; }
.smartblogcomments .success { background-color: #DFF0D8; border-color: #D6E9C6; color: #3C763D; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; margin-bottom: 20px; padding: 15px; }
.smartblogcomments .warning { background-color: #F2DEDE; border-color: #EBCCD1; color: #A94442; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; margin-bottom: 20px; padding: 15px; }
#category_blog_block_left.block .list-block li a:before { }
.blog-slider .post-title { height: 19px; overflow: hidden; }
.blogModule .list-block li { list-style-type: none; border-bottom: 1px solid #eaeaea; border-width: 0px 0 1px 0; }
.blogModule .list-block li:last-child { border: none }
.blogModule .list-block li> a:before { /*content: "\45"; font-family: 'ElegantIcons'; font-size: 15px; margin-right: 5px; display: inline-block;*/ }

.post-thumb { position: relative; }
.post-date { position: absolute; bottom: 0; left: 0; height: 80px; width: 80px; text-align: center; background: rgba(33, 33, 33, 0.6); font-size: 16px; color: #ffffff; text-transform: uppercase; font-family: 'Lato', sans-serif; padding: 13px 5px; }
.post-date span { font-size: 30px; font-weight: bold; color: #fbf063; display: block; line-height: 30px; }
.post-info { padding-top: 2px; text-align: center; }
.post-cate a { color: #4c4d4d; text-transform: none; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: 500; }
.post-title { font-size: 18px; text-align: center; font-weight: 500; color: #0a0a0a;}
.post-title a { color: #1d1d1b; font-weight: 600;}
.post-title a:hover { text-decoration: underline; }
.post-meta { margin: 0 0 15px; list-style: none; padding: 0; }
.post-meta li { display: inline-block; margin-right: 30px; color: rgba(85, 85, 85, 0.5); font-family: 'Montserrat', sans-serif; }
.post-meta a { color: rgba(85, 85, 85, 0.5); }
.post-desc {
    color: #636363;
    line-height: 22px;
    margin-bottom: 31px;
    text-align: left;
    font-size: 14px;
    font-family: 'Encode Sans', sans-serif;
    font-weight: 400;
}
.post_footer { border-top: 1px solid #e5e5e5; padding-top: 20px; }
.post_footer a.link { float: left; font-size: 13px; font-weight: 400;text-transform: uppercase; color: #333333; margin-left: 70px;font-family: 'Encode Sans', sans-serif; }
.post_footer a.link i { font-size: 17px; vertical-align: middle; }
.post_footer a.link:hover{color: #919d56;}
.post_footer .more_info { float: right; margin-right: 70px; display: none; }
.post_footer .more_info li { display: inline-block; font-family: 'Raleway', sans-serif; font-size: 13px; color: #807f7f; border-right: 1px solid #807f7f; padding: 0 8px 0 5px; text-transform: capitalize; }
.post_footer .more_info li:last-child { border: 0; padding-right: 0 }
.post_footer .more_info li > span { font-weight: bold; color: #333; }
.pagination { text-align: center; display: block; margin: 0; padding: 0; border-radius: 0; }
.pagination ul { margin: 0; padding: 40px 25px 0; list-style: none; display: inline-block; }
.pagination ul li { font-family: "Montserrat" ,sans-serif; display: inline-block; font-size: 15px; margin: 0 5px; color: #000; border: 1px solid transparent; height: 33px; width: 33px; line-height: 33px; }
.pagination ul li:hover { border-color: #333 }
.pagination ul li.active { background: #231f20; border-color: #231f20; }
.pagination ul li a { color: #000; }
.pagination ul li.active a { color: #fff }
.pagination .current { text-decoration: underline; }
.entry-footer { border: 1px solid #e5e5e5; border-width: 1px 0; padding: 35px 0; }
.entry-footer strong { color: #333; margin-right: 5px; }
.tags-links { display: block; padding-bottom: 10px; }
.tags-links a { font: normal 15px "Lato", sans-serif; color: #999999 }
.tags-links a:hover { color: #333333; }
.single-share { float: right; padding-bottom: 10px; }
.single-share .social { display: inline-block; vertical-align: middle; margin: 0; }
.single-share .social ul li a { margin: 0 0 0 20px; }
.author-info { clear: both; border-top: 1px solid #e9e9e9; padding-top: 40px; }
.author-info:after { clear: both; content: ""; display: block; }
.author-info .avatar { max-width: 100px; float: left; margin-right: 25px; }
.author-bio { display: table; }
.author-bio h3 { text-transform: uppercase; font-size: 14px; line-height: normal; padding: 3px 0; }
.author-bio .job { font-size: 13px; color: #b5b5b5; line-height: normal; margin-bottom: 15px; display: block; }
.comments-area ol { list-style: none; }
.comment-list { padding-top: 10px; }
.comment-avatar { margin-right: 25px; }
.comment-list .children { padding-left: 100px; }
.comment-body { padding: 20px; background: #f6f6f6; position: relative; display: table-cell; }
.comment-body:before { position: absolute; right: 100%; top: 15px; content: " "; height: 0; width: 0; border-style: solid; border-width: 5.5px 10px 5.5px 0; border-color: transparent #efefef transparent transparent; }
.comment-meta { font-weight: bold; text-transform: capitalize; margin-bottom: 5px; padding-bottom: 3px; background: none; }
.comment-author { font-style: normal; display: inline-block; }
.comment-author a { color: #212121; }
.comment-author a:hover { color: #fbf063; }
.comment-meta .action-link { float: right; font-weight: bold; font-size: 11px; color: #b5b5b5; }
.comment-meta .action-link a { color: #b5b5b5; }
.comment-meta .action-link a:hover { color: #212121; text-decoration: underline; }
.comment-form { padding-top: 20px; }
.comment-form input, .comment-form textarea { width: 100%; margin-bottom: 10px; padding: 15px; font: normal 14px "Lato", sans-serif; }
.post-create-info { margin-top: 20px }
.post-create-info li { display: inline-block; font: normal 13px "Lato", sans-serif; color: #999; border-right: 1px solid #999; padding: 0 8px 0 5px; }
.post-create-info li:first-child { padding-left: 0 }
.post-create-info li:last-child { border: 0 }
.post-create-info li > span, .post-create-info li > span a { font-weight: bold; color: #333; margin-left: 4px;}
.pos .post-info { padding-top: 25px; }
.post_sharing .share_label {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    text-transform: uppercase;
    margin-right: 5px;
}
.post_sharing button { border: 0px; background: none; color: #9a9a9a; font-size: 16px; outline: none; }
.post_sharing button:hover { color: #919d56; }
.related-list .post-info { text-align: left; padding-top: 30px; }
.related-list .post-title { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 10px; }
.related-list .post-thumb img { width: 100% }
#articleRelated { margin-bottom: 0 }
#articleRelated .title_block { border-top: 1px solid #e5e5e5; margin: 35px 0; padding-top: 40px; }
body#details .post-info{margin-top: 30px;}