#content .center > .blog {margin-top: 120px;}

.blog-slider {width: 100%; height: 350px; margin-top: 155px; position: relative; overflow: hidden;}
.blog-slider .slider-layer {width: 3600px; height: 350px; position: absolute; left: 0; top: 0;}
.blog-slider .slider-layer .slide {width: 1200px; height: 100%; float: left; display: block;}
.blog-slider .slider-layer .slide a {width: 100%; height: 100%; display: block; position: relative;}
.blog-slider .slider-layer .slide a img {width: 100%;}
.blog-slider .slider-layer .slide a span {padding: 20px 40px; font-size: 36px; font-weight: 600; background-color: rgba(255, 255, 255, 0.8); color: #000; display: block; position: absolute; bottom: 85px; right: 30px;}

.blog-layer {clear: both;}
.blog-layer .menu-box {width: 290px; margin-top: 50px; float: right;}
.blog-layer .menu-box h3 {font-size: 18px; font-weight: 600; color: #262523;}
.blog-layer .menu-box ul {margin: 15px 0 0 29px;}
.blog-layer .menu-box ul li {width: 261px; height: 174px; margin-bottom: 10px; border: 1px solid #dbdbd9; list-style: none; font-size: 14px; font-weight: 600; color: #413e3d; position: relative; overflow: hidden;}
.blog-layer .menu-box ul li img {width: 100%;}
.blog-layer .menu-box ul li a {width: 100%; height: 50px; padding: 14px 15px 0 15px; font-size: 17px; background-color: rgba(255, 255, 255, 0.67); text-align: center; color: #413e3d; display: block; position: absolute; bottom: 0;}

.blog-contents {width: 890px; float: left;}
.blog-contents .blog {width: 890px; background-color: #fff; padding: 40px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.09); margin-top: 0px; float: left;}
.blog-contents .blog h1 {margin-bottom: 20px; font-size: 36px; font-weight: 600; color: #262523;}
.blog-contents .blog img.large-image {width: 100%;}
.blog-contents .blog span.comments {height: 20px; padding-left: 22px; padding-top: 2px; text-align: right; font-size: 15px; font-weight: 600; color: #ca1f29; background: url(uploads/template/images/icon-black-comment-cloud.png) no-repeat left top;}
.blog-contents .blog .description {margin-top: 30px;}
.blog-contents .blog .description p {font-size: 14px; line-height: 24px;}
.blog-contents .blog-comments {padding: 10px; margin-top: 40px; clear: both;}
.blog-contents .blog-comments h2 {margin-top: 40px; margin-bottom: 30px; font-size: 18px; font-weight: 600; color: #262523;}
.blog-contents .blog-comments .blog-comment {width: 100%; height: auto; margin-bottom: 10px; position: relative;}
.blog-contents .blog-comments .blog-comment .avatar {width: 64px; height: 100%; float: left;}
.blog-contents .blog-comments .blog-comment .avatar img {border: 1px solid #e6e3e2;}
.blog-contents .blog-comments .blog-comment .comment-content {width: 780px; height: auto; padding: 10px 15px 20px; margin-left: 24px; background-color: #fff; border: 1px solid #e6e3e2; float: left; position: relative;}
.blog-contents .blog-comments .blog-comment .comment-content > span {width: 9px; height: 8px; background: url(uploads/template/images/comment-left-corner.png) no-repeat; display: block; position: absolute; top: -1px; left: -9px;}
.blog-contents .blog-comments .blog-comment .comment-content .title {padding: 8px 0 10px; font-size: 16px; font-weight: 600; color: #262523; border-bottom: 1px solid #e6e3e2;}
.blog-contents .blog-comments .blog-comment .comment-content .title span {margin-left: 6px; font-size: 13px; font-weight: 300; color: #bfbfbf;}
.blog-contents .blog-comments .blog-comment .comment-content .comment-body {padding-top: 20px;}

.blog-slider .buttons {width: 104px; height: 59px; position: absolute; bottom: -1px; right: 20px;}
.blog-slider .buttons span {width: 50px; height: 57px; margin: 1px; background: url(uploads/template/images/red-square-arrows.png) no-repeat 0 0; display: block; float: left; cursor: pointer;}
.blog-slider .buttons span.left {background-position: 0 0;}
.blog-slider .buttons span.right {background-position: -50px 0;}

.blog-list {width: 100%;}
.blog-list .blog-short {width: 100%; height: 240px; margin-bottom: 30px;}
.blog-list .blog-short .image {width: 280px; float: left; position: relative;}
.blog-list .blog-short .image img {width: 100%; border: 1px solid #dbdbd9;}
.blog-list .blog-short .image span {height: 20px; padding-left: 22px; padding-top: 2px; text-align: right; font-size: 15px; font-weight: 600; color: #ca1f29; background: url(uploads/template/images/icon-black-comment-cloud.png) no-repeat left top; position: absolute; bottom: -25px; right: 0;}
.blog-list .blog-short .blog-info {width: 610px; padding: 8px 0 0 27px; text-align: justify; float: left;}
.blog-list .blog-short h2 {font-size: 18px; font-weight: 600; color: #262523;}
.blog-list .blog-short h2 a {font-size: 18px; font-weight: 600; color: #262523;}
.blog-list .blog-short span.date {font-size: 12px; font-weight: 600; color: #ca1f29; display: block;}
.blog-list .blog-short .description {font-size: 14px; font-weight: 400; line-height: 24px; color: #413e3d;}

.comment-form {height: auto; margin-bottom: 30px; padding: 30px!important;}
.comment-form label {width: 20%; height: 38px; padding: 7px 0 0 0; margin-bottom: 9px; font-size: 18px; font-weight: 600; float: left;}
.comment-form input {width: 80%; height: 38px; padding: 5px 10px; background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.06); color: #3a3a3a; margin-bottom: 9px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); float: left;}
.comment-form input.error {background-color: #f2dede; border: 1px solid #ebccd1;}
.comment-form textarea {width: 80%; height: 136px; padding: 5px 10px; background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.06); color: #3a3a3a; margin-bottom: 9px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); float: left;}
.comment-form textarea.error {background-color: #f2dede; border: 1px solid #ebccd1;}
.comment-form .loader {width: 780px; height: 100%; background: #fff url(uploads/template/images/ajax-loader.gif) no-repeat center; position: absolute; top: 0; left: 0; z-index: 11; display: none;}

.pager {}
.pager a {width: 38px; height: 34px; border-bottom: 3px solid #c1c1c1; font-size: 21px; font-weight: 600; color: #c1c1c1; margin-right: 2px; display: block; float: left;}
.pager a.active {border-bottom: 3px solid #d61a20; color: #d61a20;}
.pager a:link, .pager a:hover, .pager a:active, .pager a:visited {text-decoration: none;}
.pager a span.next {}
.pager a span.last {}

.form-status {margin: 0 0 10px;}

.submit {margin: 30px 0 0; clear: both; position: relative;}
.save {width: 120px; font-size: 14px; font-weight: 600; text-align: center; margin: 0 auto; padding-right: 50px; padding-top: 11px; text-shadow: none; position: relative; top: 10px;}
.save i {line-height: 46px;}

#bottom-menu {display: none;}


/* ==========================================================
! Large desktop
========================================================== */
@media (min-width: 980px) and (max-width: 1199px) {
    .blog-contents {width: 680px;}
     
    .blog-slider {height: 283px;}
    .blog-slider .slider-layer {height: 283px;}
    .blog-slider .slider-layer .slide {width: 970px;}
    
    .blog-list .blog-short h2 {margin-top: 0px;}
    .blog-list .blog-short .image {width: 230px;}
    .blog-list .blog-short .blog-info {width: 430px; padding-top: 0px;}
    
    .blog-layer .menu-box {margin-top: 30px;}
}
/* ==========================================================
! Portrait tablet to landscape and desktop
========================================================== */
@media (min-width: 768px) and (max-width: 979px) {
    .blog-contents {width: 540px; margin-top: 28px;}
    
    .blog-slider {height: 222px;}
    .blog-slider .slider-layer {height: 222px;}
    .blog-slider .slider-layer .slide {width: 760px;}
    .blog-slider .slider-layer .slide a span {padding: 20px 30px; font-size: 18px; bottom: 80px; right: 21px;}
    
    .blog-list .blog-short {height: auto; margin-bottom: 40px;}
    .blog-list .blog-short h2 {margin-top: 0px;}
    .blog-list .blog-short .image {width: 520px; padding-bottom: 34px;}
    .blog-list .blog-short .image span {bottom: 10px; right: 4px;}
    .blog-list .blog-short .blog-info {width: 520px; padding: 0; float: none;}
    
    .blog-layer .menu-box {width: 220px; margin-top: 10px;}
    .blog-layer .menu-box h3 {font-size: 16px;}
    .blog-layer .menu-box ul li {width: 100%; height: 127px;}
    .blog-layer .menu-box ul li a {font-size: 13px; padding-top: 16px;}
}
/* ==========================================================
! Landscape phone to portrait tablet
========================================================== */
@media (max-width: 767px) {
    .blog-slider {display: none;}
    .blog-contents {width: 100%; margin-top: 28px;}
    
    .blog-slider {height: 222px;}
    .blog-slider .slider-layer {height: 222px;}
    .blog-slider .slider-layer .slide {width: 760px;}
    .blog-slider .slider-layer .slide a span {padding: 20px 30px; font-size: 18px; bottom: 20px; right: 20px;}
    
    .blog-list .blog-short {height: auto; margin-bottom: 40px;}
    .blog-list .blog-short h2 {margin-top: 0px;}
    .blog-list .blog-short .image {width: 100%; padding-bottom: 34px;}
    .blog-list .blog-short .image span {bottom: 10px; right: 4px;}
    .blog-list .blog-short .blog-info {width: 100%; padding: 0; float: none;}
    
    .blog-layer {margin-top: 165px;}
    .blog-layer .menu-box {display: none;}
    
    #bottom-menu {margin-bottom: 30px; border-top: 1px solid #dbdbd9; display: block;}
    #bottom-menu {width: 100%; padding-left: 20px; margin-top: 10px;}
    #bottom-menu h3 {font-size: 18px;}
    #bottom-menu ul li {width: 261px; height: 174px; margin-left: 66px;}
    #bottom-menu ul li a {font-size: 14px;}
}#cookie-info {width: 100%; height: 100px; padding-top: 20px; background-color: rgba(0, 0, 0, 0.8); text-align: center; position: fixed; bottom: 0; z-index: 99999;}
#cookie-info p {text-align: center; font-size: 12px; line-height: 16px; color: #fff;}
#cookie-info span {width: 100px; margin: 10px auto 0; padding: 4px 0 6px; border: 1px solid #fff; text-align: center; color: #fff; cursor: pointer; display: block;}