.met_bgcolor {
    background-color : #555;
}

.met_bgcolor2 {
    background-color : #5B5E65;
}

.met_bgcolor3 {
    background-color : #656870;
}

.met_bgcolor4 {
    background-color : #7E8A96;
}

.met_bgcolor5 {
    background-color : #A4AEB9;
}

.met_bgcolor6 {
    background-color : #656870;
}

.met_bgcolor7 {
    background-color : #46484E;
}

.met_bgcolor_trans {
    background-color : rgba(24, 173, 181, 0.8);
}

.met_bgcolor5_trans {
    background-color : rgba(164, 174, 185, 0.5);
}

.met_bgcolor6_trans {
    background-color : rgba(101, 104, 112, 0.5);
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {   
    display: block;
}
.met_blog_list_preview aside {
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    left: 0;
}
.met_blog_list_preview {
    display: block;
    position: relative;
}
.met_blog_title {
    margin: 20px 0 10px;
    display: block;
}
.met_blog_miscs {
    margin-top: 20px;
    border-top: 5px solid #787B84;
}
/*-------------------------------
	Blog Posts List
 ------------------------------*/
.met_dated_blog_posts .met_date {
    font-size   : 24px;
    font-weight : 700;
}

.met_dated_blog_posts .met_month {
    font-size   : 14px;
    font-weight : 700;
}

.met_dated_blog_posts article {
    padding-top : 20px;
    border-top  : 5px solid #DCE0E3;
    margin-top  : 5px;
}

.met_dated_blog_posts article h3 {
    font-size   : 14px;
    font-weight : 700;
    margin-top  : 0;
    line-height : 14px;
}

.met_dated_blog_posts article p {
    font-size     : 12px;
    line-height   : 17px;
    margin-bottom : 0;
}

.met_read_more {
    font-size   : 12px;
    line-height : 14px;
    font-weight : 700;
}
/* blog */

.blog_post_preview {
    margin-bottom: 25px;
}

.met_blog_categories ul  a {
    border-bottom: none;
    text-decoration: none;
}
.met_blog_categories ul a:hover {
    padding-bottom: 0;
    text-decoration: underline;
}
.met_blog_categories ul{
    list-style: none outside none;
    margin-left: 0;
}

.met_blog_categories ul li {
     list-style: none outside none;
    margin-left: 0;
    text-transform: uppercase;
}

.met_blog_categories.met_bgcolor a {
    border-top: 5px solid #9FD073;
}

.met_blog_categories ul .category_menu_selected {
    color: black;
    font-weight: bold;
}

.blogs_pagination {
    margin-bottom: 15px;
    border-bottom:1px solid #656565;
}

.blog_large_image {
    vertical-align: top;
    width: 640px;
    height: 240px;

    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ccc;
    background-size: cover;
    display: inline-block; zoom: 1; *display: inline;
}

.blog_large_no_image {
    vertical-align: top;
    width: 640px;
    height: 105px;
    background-color: #ccc;
}

.blog_post_preview a {
    text-decoration: none;
    color: #f0f0f0;
}
.blog_post_preview a:hover {
    text-decoration: none;
    color: #fff;
}


.blog_post_preview .blog_tags {
  background-color: #787B84;
  display: block;
  float: right;
  font-size: 12px;
  font-weight: 300;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}

.blog_post_preview .blog_tags a {
    border-bottom: 0;
    padding-bottom: 1;
    color:#F0F0F0;
}
.blog_post_preview .blog_tags a:hover {
    padding-bottom: 0;
    border-bottom: 1px dotted white;
    color: #FFF;
}

.blog_post_preview .blog_in_category {
  float: left;
  margin-top: 6px;
  border-left: 1px solid #BDC0C7;
  color: #BDC0C7;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  margin-left: 20px;
  padding-left: 20px;
}

.met_cacoon_sidebar_item .met_dated_blog_posts article {
	border-top-color : #787B84;
}

/*-------------------------------
	Blog
------------------------------*/
.met_blog_list_preview {
    display  : block;
    position : relative;
    color:#FFF;
}

.met_blog_list_preview img {
	display : block;
}

.met_blog_list_preview .met_blog_video_iframe {
	display     : block;
	margin-left : 100px;
}

.met_blog_video_iframe iframe {
	display : block;
}

.met_blog_list_preview aside {
	position : absolute;
	width    : 100px;
	height   : 100%;
	top      : 0;
	left     : 0;
}

.met_blog_list_preview aside:after {
    position     : absolute;
    right        : -18px;
    top          : 40px;
    content      : '';
    display      : block;
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 18px 18px 0 0;
    border-color : #555 transparent transparent transparent;
}

.met_blog_list_preview aside div {
	padding : 20px;
}

.met_blog_list_preview aside span:first-child {
	font-size   : 60px;
	margin-top  : 10px;
	line-height : 60px;
	display     : block;
	text-align  : center;
	font-weight : 700;
}

.met_blog_list_preview aside span:last-child {
	font-size   : 24px;
	line-height : 24px;
	display     : block;
	text-align  : center;
	font-weight : 700;
}

.met_blog_title {
	margin  : 20px 0 10px;
	display : block;
}

.met_blog_title h2 {
	margin : 0;
}

.met_blog_miscs {
    margin-top : 20px;
    border-top : 5px solid #787B84;
}

.met_blog_socials,
.met_blog_posted_by {
    float      : left;
    margin-top : 6px;
}

.met_blog_socials a {
    font-size    : 20px;
    margin-right : 15px;
    color        : #656870;
}

.met_blog_socials a:last-child {
    margin-right : 0;
}

.met_blog_posted_by {
    font-weight  : 300;
    font-size    : 12px;
    line-height  : 20px;
    margin-left  : 20px;
    border-left  : 1px solid #BDC0C7;
    color        : #BDC0C7;
    padding-left : 20px;
}

.met_blog_comment_count {
    float            : right;
    display          : block;
    background-color : #787B84;
    border-left      : 10px solid #18ADB5;
    font-size        : 12px;
    line-height      : 30px;
    height           : 30px;
    font-weight      : 300;
    padding          : 0 10px;
}

.met_blog_categories {
    padding : 0px;
}



.met_blog_slider_wrap {
	position : relative;
	float    : left;
	overflow : hidden;
	width    : 100%;
}

.met_blog_slider {
	float    : left;
	width    : 100%;
	overflow : hidden;
	height   : 300px;
}

.met_blog_slider a,
.met_blog_slider img {
	display : block;
	float   : left;
}

.met_blog_slider_nav_prev,
.met_blog_slider_nav_next {
	position      : absolute;
	width         : 50px;
	height        : 50px;
	border-radius : 5px;
	background    : rgba(0, 0, 0, 0.7);
	color         : #FFFFFF;
	text-align    : center;
	font-size     : 20px;
}

.met_blog_slider_nav_prev {
	left               : -50px;
	top                : 40%;
	-webkit-transition : left ease 0.3s;
	-moz-transition    : left ease 0.3s;
	-ms-transition     : left ease 0.3s;
	-o-transition      : left ease 0.3s;
}

.met_blog_slider_nav_next {
	right              : -50px;
	top                : 40%;
	-webkit-transition : right ease 0.3s;
	-moz-transition    : right ease 0.3s;
	-ms-transition     : right ease 0.3s;
	-o-transition      : right ease 0.3s;
}

.met_blog_slider_wrap:hover .met_blog_slider_nav_prev {
	left : 25px;
}

.met_blog_slider_wrap:hover .met_blog_slider_nav_next {
	right : 25px;
}

.met_blog_slider_nav_prev i,
.met_blog_slider_nav_next i {
	position : absolute;
	left     : 18px;
	top      : 17px;
}

.met_blog_slider_nav_prev:hover,
.met_blog_slider_nav_next:hover {
	text-decoration : none;
}

/*-------------------------------
	Comments
------------------------------*/
.met_blog_comments_title {
	font-size   : 24px;
	font-weight : 700;
	line-height : 27px;
	padding     : 16px 30px;
	margin      : 0 0 35px 0;
	display     : block;
	position    : relative;
}

.met_blog_comments_title:before {
	position     : absolute;
	bottom       : -18px;
	left         : 82px;
	content      : '';
	display      : block;
	width        : 0;
	height       : 0;
	border-style : solid;
	border-width : 18px 18px 0 0;
	border-color : #18ADB5 transparent transparent transparent;
}

.met_comment_box {
	float         : left;
	width         : 100%;
	margin-bottom : 20px;
}

.met_comment_box:last-child {
	margin-bottom : 0;
}

.met_comment_box > .met_comment {
	margin-top       : 20px;
	background-color : #F8F9FB;
}

.met_comment_box > .met_comment:first-child {
	margin-top : 0;
}

.met_comment_box > .met_comment > img {
	display : block;
	float   : left;
	width   : 120px;
	height  : 90px;
}

.met_comment_box > .met_comment > .met_comment_descr {
	margin-left  : 140px;
	margin-right : 127px;
	position     : relative;
	padding      : 20px 0;
}

.met_comment_box > .met_comment > .met_comment_descr > h5,
.met_comment_box > .met_comment > .met_comment_descr > span {
	display      : inline-block;
	margin-right : 20px;
}

.met_comment_box > .met_comment > .met_comment_descr > span {
	color        : #839799;
	float        : right;
	font-size    : 12px;
	margin-right : 0;
}

.met_comment_box > .met_comment > .met_comment_descr > h5 {
	margin-top  : 0;
	font-size   : 14px;
	line-height : 15px;
	font-weight : 700;
}

.met_comment_box > .met_comment > .met_comment_descr > p {
	margin-bottom : 0;
	line-height   : 18px;
}

.met_comment_edit_link {
	display   : block;
	float     : right;
	margin    : 0 5px;
	font-size : 12px;
}

.met_comment_reply_link {
	display     : block;
	float       : right;
	font-size   : 14px;
	font-weight : 700;
	width       : 107px;
	height      : 90px;
	line-height : 90px;
	text-align  : center;
}

.met_comment_awaiting_moderation {
	float      : left;
	font-style : italic;
	font-size  : 12px;
	color      : #839799;
}

.met_comment_box > .met_comment {
	margin-left : 160px;
}

.met_comment_box > .met_comment:nth-child(1) {
	margin-left : 0;
}

.met_comment_box > .met_comment:nth-child(2) {
	margin-left : 120px;
}

.met_comment_box > .met_comment:nth-child(3) {
	margin-left : 240px;
}

.met_comment_box > .met_sub_comment {
	position : relative;
}

.met_comment_box > .met_sub_comment:before {
	position         : absolute;
	left             : -74px;
	top              : -20px;
	content          : '';
	width            : 64px;
	height           : 80px;
	background-image : url('../img/comment_child.png');
	display          : block;
}

.met_post_comment {
	float   : left;
	width   : 100%;
	display : block;
}

.met_leave_a_reply {
	margin    : 15px 0;
	font-size : 24px;
}

.met_leave_a_reply.met_no_margin_top {
	margin-top : 0;
}

.met_leave_a_reply_subtitle {
	margin-top    : -20px;
	display       : block;
	float         : left;
	margin-bottom : 25px;
	width         : 100%;
}

.met_comment_form input[type="text"],
.met_comment_form input[type="email"],
.met_comment_form .met_textarea {
	background : #F8F9FB;
	color      : #555555;
}

.met_comment_form .met_textarea{
	height: 100px;
}

.met_comment_form button {
	padding-right : 25px;
	padding-left  : 25px;
	border        : none;
}

.met_comment_form button:after {
	display : none;
}

.met_blog_miscs a {
  color: #888;
  text-decoration: none;
}
.met_blog_miscs a:hover {
  color: #999;
  text-decoration: none;
}

.cms_custom_font_1 {
    font-size:40px !important;
}
.cms_custom_font_2 {
    font-size:32px !important;
}
.cms_custom_font_3 {
    font-size:24px !important;
}