/*-------------------------------
	General
 ------------------------------*/
.met_color {
	color : #EB2326;
}

.met_color2{
	color: #0EBFCA;
}

.met_color3{
	color: #212226;
}

.met_bgcolor {
	background-color : #EB2326;
}

.met_bgcolor_trans {
	background-color : rgba(235, 35, 38, 0.3);
}

.met_title_link * {
	-webkit-transition : color ease 0.3s;
	-moz-transition    : color ease 0.3s;
	-ms-transition     : color ease 0.3s;
	-o-transition      : color ease 0.3s;
}

.met_page_wrapper {
	background-color: #F5F5F6;
	overflow: hidden;
	position: relative;
	z-index: 3;
}

.met_page_wrapper.met_boxed_layout{
	margin: 0 auto;
	width: 980px;
	box-shadow: 0 0 5px #CCC;
	padding-right: 0;
	position: relative;
}

.met_boxed_layout .met_content{
	padding-left: 20px;
	padding-right: 20px;
}

.met_content {
	width    : 940px;
	margin   : 0 auto;
	position: relative;
	z-index: 3;
}

section.met_content{
	clear: left;
}

.row-fluid {
	margin-bottom : 40px
}

.row-fluid .row-fluid:last-child {
	margin-bottom : 0
}

.met_text_under_image{
	margin-top: 22px;
}

.met_color_transition{
	-webkit-transition: color ease 0.3s;
	-moz-transition: color ease 0.3s;
	-ms-transition: color ease 0.3s;
	-o-transition: color ease 0.3s;
	cursor: pointer;
}

.met_color_transition:hover{
	color: #EB2326;
}

.met_bg_color_transition{
    background-color: transparent;
    -webkit-transition: background-color ease 0.3s;
    -moz-transition: background-color ease 0.3s;
    -ms-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    cursor: pointer;
}

.met_bg_color_transition:hover{
    background-color: #EB2326;
}

b{
	font-weight: 400;
}

.met_no_margin{
	margin: 0!important;
}

.met_color_white{
	color: #FFFFFF;
}

::selection {
	background: #EB2326;
	color: #FFFFFF;
}

.scrolled__item {
	opacity: 0;
	filter: alpha(opacity = 0);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.scrolled_status_show .scrolled__item {
	opacity: 1;
	filter: alpha(opacity = 100);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*-------------------------------
	Header
 ------------------------------*/
header {
	background-color: #292A2F;
	height: 185px;
	-webkit-transition: height linear 0.1s;
	-moz-transition: height linear 0.1s;
	-ms-transition: height linear 0.1s;
	-o-transition: height linear 0.1s;
	position: relative;
	z-index: 5;
	width: 100%;
	box-shadow: 0 0 3px 0 #000000;
	-moz-box-shadow: 0 0 3px 0 #000000;
	-webkit-box-shadow: 0 0 3px 0 #000000;
	-webkit-backface-visibility: hidden;
}

.header .row-fluid{
	margin-bottom: 0;
}

.met_fixed_header{
	padding-top: 185px;
}

.met_fixed_header:before{
	position: absolute;
	content: '';
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 185px;
	background-color: #292A2F;
}

.met_fixed_header > header{
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 6;
}

header + div + section{
	padding-top: 40px;
}

.met_logo_container {
	display    : block;
	margin-top : 70px;
	margin-bottom : 17px;
	-webkit-transition: margin-top linear 0.2s;
	-moz-transition: margin-top linear 0.2s;
	-ms-transition: margin-top linear 0.2s;
	-o-transition: margin-top linear 0.2s;
	position: relative;
	z-index: 5;
}

.met_fixed_header .met_logo_container.met_logo_up{
	margin-top : 35px;
}

.met_main_menu {
	position : relative;
	z-index  : 2;
	margin   : 65px 0 0 0;
}

.met_main_menu > li > a {
	color   : #FFFFFF;
	padding : 6px 15px;
}

.met_main_menu a:hover {
	text-decoration : none;
}

.met_main_menu > li {
	list-style         : none;
	float              : left;
	height             : 30px;
	line-height        : 30px;
	position           : relative;
	border-radius      : 10px 0 0 0;
	-webkit-transition : all ease 0.3s;
	-moz-transition    : all ease 0.3s;
	-ms-transition     : all ease 0.3s;
	-o-transition      : all ease 0.3s;
}

.met_main_menu > li.met_menu_border_radius {
	border-radius : 0 10px 0 0;
}

/*.met_main_menu li:last-child a {
	padding-right: 0;
}

.met_main_menu li:first-child a {
	padding-left: 0;
}*/

.met_main_menu > li:hover {
	background-color : #212226;
}

.met_main_menu li ul {
	min-width          : 144px;
	position           : absolute;
	top                : 100%;
	left               : 0;
	list-style         : none;
	margin             : 0;
	background-color   : #212226;
	padding-top        : 0px;
	visibility         : hidden;
	opacity            : 0;
    filter: alpha(opacity = 0);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition : all ease 0s;
	-moz-transition    : all ease 0s;
	-ms-transition     : all ease 0s;
	-o-transition      : all ease 0s;
}

.met_main_menu li:hover > ul {
	visibility         : visible;
	opacity            : 1;
    filter: alpha(opacity = 100);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition : all ease 0.3s;
	-moz-transition    : all ease 0.3s;
	-ms-transition     : all ease 0.3s;
	-o-transition      : all ease 0.3s;
}

.met_main_menu li ul li {
	list-style    : none;
	display       : block;
	width         : 100%;
	float         : left;
	height        : 40px;
	line-height   : 40px;
	border-bottom : 1px solid #18191C;
	position      : relative;
}

.met_main_menu li ul li:last-child {
	border-bottom : none;
}

.met_main_menu li ul li a {
	font-size          : 12px;
	color              : #6D6F7B;
	line-height        : 40px;
	height             : 40px;
	display            : block;
	padding            : 0 10px;
	-webkit-transition : background-color ease 0.3s, color ease 0.3s;
	-moz-transition    : background-color ease 0.3s, color ease 0.3s;
	-ms-transition     : background-color ease 0.3s, color ease 0.3s;
	-o-transition      : background-color ease 0.3s, color ease 0.3s;
}

.met_main_menu li ul li a:hover {
	background-color : #282A2E;
	color            : #FFFFFF;
	position         : relative;
}

.met_main_menu li ul li.met_has_lower > a:after {
	position    : absolute;
	font-family : FontAwesome;
	right       : 10px;
	content     : '\f105';
	font-size   : 12px;
	color       : #6D6F7B;
	line-height : 40px;
	height      : 40px;
}

.met_main_menu li ul li ul {
	left       : 100%;
	top        : 0;
	opacity    : 0;
    filter: alpha(opacity = 0);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility : hidden;
}

.met_main_menu li ul.met_menu_to_left {
	left : -125%;
}

.met_under_menu {
	float              : left;
	width              : 100%;
	visibility         : visible;
	opacity            : 1;
    filter: alpha(opacity = 100);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition : all ease 0.4s;
	-moz-transition    : all ease 0.4s;
	-ms-transition     : all ease 0.4s;
	-o-transition      : all ease 0.4s;
}

.met_under_menu.met_under_menu_hidden {
	visibility : hidden !important;
	opacity    : 0 !important;
    filter: alpha(opacity = 0)!important;
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)!important";
	margin-top : -104px;
}

.met_under_menu aside {
	float            : right;
	border-top       : 1px solid #222327;
	border-bottom    : 1px solid #222327;
	background-color : #212226;
	height           : 48px;
	position         : relative;
}

.met_under_menu aside .met_under_menu_tail {
	height           : 50px;
	position         : absolute;
	left             : 100%;
	top              : -1px;
	background-color : #212226;
}

.met_fixed_header header:hover .met_under_menu_hidden {
	margin-top : -4px;
	visibility : visible !important;
	opacity    : 1 !important;
    filter: alpha(opacity = 100)!important;
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)!important";
}

.met_under_menu form,
.met_under_menu input {
	margin : 0;
}

.met_under_menu form {
	background-color : #18191C;
	height           : 48px;
	float            : left;
	position         : relative;
}

.met_under_menu input {
	border-radius : 0;
}

.met_search_button {
	background : transparent url('../img/magnifier.png') center center no-repeat;
	border     : none;
	display    : block;
	position   : absolute;
	width      : 14px;
	height     : 15px;
	right      : 20px;
	top        : 17px;
}

.met_under_menu a {
	float : left;
}

.met_under_menu input[type="text"] {
	padding          : 16px;
	background-color : transparent;
	border           : none;
	color            : #FFFFFF;
}

.met_under_menu input:focus {
	outline : none;
}

.met_under_menu input::-webkit-input-placeholder {
	color : #464749;
}

.met_under_menu input::-moz-placeholder {
	color : #464749;
}

.met_under_menu input:-ms-input-placeholder {
	color : #464749;
}

.met_under_menu input:-moz-placeholder {
	color : #464749;
}



/*-------------------------------
	Custom Accordion
 ------------------------------*/
.met_accordion .accordion-group {
	border        : 0;
	border-radius : 0;
}

.met_accordion .accordion-toggle {
	color           : #414141;
	text-decoration : none;
}

.met_accordion .accordion-inner {
	border       : none;
	padding-left : 0;
}

.met_accordion span.icon-white {
	color    : white !important;
	position : relative;
	z-index  : 2;
}

.met_accordion span.met_bgcolor_dark {
	position           : absolute;
	width              : 100%;
	height             : 100%;
	z-index            : 1;
	opacity            : 0;
    filter: alpha(opacity = 0);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	left               : 0;
	top                : 0;
	-webkit-transition : opacity ease-out 0.3s;
	-moz-transition    : opacity ease-out 0.3s;
	-ms-transition     : opacity ease-out 0.3s;
	-o-transition      : opacity ease-out 0.3s;
}

.met_accordion .accordion-toggle:hover span.st_bgcolor_dark {
	opacity : 1;
    filter: alpha(opacity = 100);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.met_accordion .accordion-toggle {
	font-family: 'Open Sans Condensed';
	font-size: 19px;
	padding: 17px 15px;
	background-color: #292A2F;
	color: #FFFFFF;
}

.met_accordion .collapsed.accordion-toggle {
	color: #000000;
	background-color: #F1F1F1;
}

.met_accordion .accordion-toggle .met_icon_plus{
	float: right;
	background-image: url("../img/icon_plus.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 13px;
	height: 22px;
}

.met_accordion .accordion-toggle .met_icon_minus{
	float: right;
	background-image: url("../img/icon_minus.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 10px;
	height: 22px;
}



/*-------------------------------
	Special Titles
 ------------------------------*/
.with_normal_margin_bottom{
	margin-bottom: 35px!important;
}

.met_subtitle{
	font-size: 11px;
	text-decoration: none;
	display: inline-block;
	line-height: 13px;
	position: relative;
	top: -7px;
	font-family: 'Open Sans Condensed';
}

.met_carousel_pages{
	float: right;
	display: inline-block;
	margin-top: 12px;
}

.met_carousel_pages a:first-child{
	margin-left: 0;
}

.met_carousel_page{
	float: left;
	display: inline-block;
	width: 30px;
	height: 11px;
	background-color: #D8D8D8;
	margin-left: 5px;
	-webkit-transition: background-color ease .4s;
	-moz-transition: background-color ease .4s;
	-ms-transition: background-color ease .4s;
	-o-transition: background-color ease .4s;
    line-height: 3px;
    text-align: center;
}

.met_carousel_page.selected{
	background-color: #212226;
}

.met_recent_works_carousel_pages{
	float: right;
}

.met_recent_works_carousel_pages a{
	line-height: 38px;
	color: #83888A;
	margin: 0 8px;
	text-decoration: none;
	font-size: 12px;
	font-family: 'Open Sans';
	font-weight: 300;
	-webkit-transition: color ease .4s;
	-moz-transition: color ease .4s;
	-ms-transition: color ease .4s;
	-o-transition: color ease .4s;
}

.met_recent_works_carousel_pages a.selected{
	color: #212127;
}

.met_recent_works_carousel_pages a:first-child{
	margin-left: 0;
}

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

.met_recent_works_nav{
	width: 65px;
	float: right;
	padding-top: 17px;
	margin-left: 20px;
}

.met_recent_works_nav a:first-child{
	margin-left: 0;
}


/*-------------------------------
	Small News List
 ------------------------------*/
.met_small_news_box_max_height{
    max-height: 290px;
    overflow: hidden;
}

.met_small_news_box{
	margin-bottom: 30px;
	width: 100%;
}

.met_small_news_column{
	float: left;
}

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

.met_small_news_image{
	float: left;
	width: 100px;
	margin-right: 11px;
	position: relative;
}

.met_small_news_image .met_small_news_image_effect{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border: 5px solid #212227;
	border-right: 0;
	border-bottom: 0;
	width: 15px;
	height: 15px;
	-webkit-transition: width ease 0.4s,height ease 0.4s,border-right ease 0.4s,border-bottom ease 0.4s,background-color ease 0.3s;
	-moz-transition: width ease 0.4s,height ease 0.4s,border-right ease 0.4s,border-bottom ease 0.4s,background-color ease 0.3s;
	-ms-transition: width ease 0.4s,height ease 0.4s,border-right ease 0.4s,border-bottom ease 0.4s,background-color ease 0.3s;
	-o-transition: width ease 0.4s,height ease 0.4s,border-right ease 0.4s,border-bottom ease 0.4s,background-color ease 0.3s;
}

.met_small_news_image:hover .met_small_news_image_effect{
	width: 90px;
	height: 90px;
    line-height: 90px;
	border-right: 5px solid #212227;
	border-bottom: 5px solid #212227;
	background-color: rgba(33,34,39,0.3);
	-webkit-transition: width ease 0.4s,height ease 0.4s,border-right ease 0.4s,border-bottom ease 0.4s,background-color ease 0.3s 0.4s;
	-moz-transition: width ease 0.4s,height ease 0.4s,border-right ease 0.4s,border-bottom ease 0.4s,background-color ease 0.3s 0.4s;
	-ms-transition: width ease 0.4s,height ease 0.4s,border-right ease 0.4s,border-bottom ease 0.4s,background-color ease 0.3s 0.4s;
	-o-transition: width ease 0.4s,height ease 0.4s,border-right ease 0.4s,border-bottom ease 0.4s,background-color ease 0.3s 0.4s;
}

.met_small_news_image i{
	color: #FFFFFF;
	padding: 36px 39px 37px 38px;
	opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity ease 0s;
	-moz-transition: opacity ease 0s;
	-ms-transition: opacity ease 0s;
	-o-transition: opacity ease 0s;
}

.met_small_news_image:hover i{
	opacity: 1;
    filter: alpha(opacity = 100);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity ease 0.4s 0.4s;
	-moz-transition: opacity ease 0.4s 0.4s;
	-ms-transition: opacity ease 0.4s 0.4s;
	-o-transition: opacity ease 0.4s 0.4s;
}

.met_small_news_title_text{
	margin-left: 111px;
	margin-bottom: 10px;
}

.met_small_news_title_text h4{
	margin-top: 0;
}

.met_small_news_title_text a{
	text-decoration: none;
	color: #000000;
}

.met_small_news_title_text p{
	margin-bottom: 0;
}

.met_small_news_title_text.met_small_news_one_line{
	padding-right: 15px;
}

.met_gray_icon{
	color: #989898;
}

.met_written_by,
.met_written_date{
	margin: 0 10px;
	font-size: 11px;
}



/*-------------------------------
	Recent Works Carousel
 ------------------------------*/
.met_recent_works_carousel_max_height{
    max-height: 333px;
    overflow: hidden;
}

.met_recent_works_carousel_wrap{
	position: relative;
	margin: 0 -10px 0 -10px !important;
}

.met_recent_works_carousel_wrap.met_no_carousel{
	margin: 0 -0.8547008547008547%!important;
}

.met_recent_work{
	float: left;
	width: 300px;
	padding: 0 10px;
}

.met_recent_works_carousel_wrap.met_no_carousel .met_recent_work{
	margin-left: 0.8547008547008547%!important;
	margin-right: 0.7547008547008547%!important;
	padding: 0;
	width: 31.714893617021278%!important;
	float: left;
}

.met_recent_work h3{
	margin-bottom: 0;
	float: left;
	width: 100%;
}

.met_recent_work h3 a{
	color: #212127;
	font-family: 'Open Sans';
	font-weight: 300;
	text-decoration: none;
}

.met_recent_work > a:first-child{
	position: relative;
	display: block;
	float: left;
	width: 100%;
}

.met_recent_work > a:first-child img{
	display: block;
	float: left;
	width: 100%;
}

.met_recent_work > a:first-child > span{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background-color: rgba(0,0,0,0.62);
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
}

.met_recent_work > a:first-child > span > span{
	display: block;
	position: absolute;
	width: 100%;
	top: 45%;
	text-align: center;
	color: #FFFFFF;
}

.met_recent_work > a:first-child:hover > span{
	opacity: 1;
    filter: alpha(opacity = 100);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



/*-------------------------------
	Testimonials
 ------------------------------*/
.met_testimonial{
	float: left;
	width: 60px;
	height: 60px;
	background-color: #212226;
	margin-right: 12px;
	overflow: hidden;
	-webkit-transition: width ease 0.4s 0.4s;
	-moz-transition: width ease 0.4s 0.4s;
	-ms-transition: width ease 0.4s 0.4s;
	-o-transition: width ease 0.4s 0.4s;
}

.met_testimonial:hover{
	width: 208px;
}

.met_testimonial_photo{
	width: 60px;
	height: 60px;
	padding: 0;
	float: left;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
}

.met_testimonial_photo img{
	width: 100%;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
}

.met_testimonial:hover .met_testimonial_photo{
	padding: 3px;
	width: 54px;
	height: 54px;
}

.met_testimonial_name{
	margin-left: 70px;
	line-height: 60px;
	color: #FFFFFF;
	font-size: 15px;
	opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all ease 0.3s 0s;
	-moz-transition: all ease 0.3s 0s;
	-ns-transition: all ease 0.3s 0s;
	-o-transition: all ease 0.3s 0s;
}

.met_testimonial:hover .met_testimonial_name{
	opacity: 1;
    filter: alpha(opacity = 100);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: all ease 0.4s 0.6s;
	-moz-transition: all ease 0.4s 0.6s;
	-ms-transition: all ease 0.4s 0.6s;
	-o-transition: all ease 0.4s 0.6s;
}

.met_testimonial_plus{
	float: left;
	display: table;
	width: 60px;
	height: 60px;
	background-color: #212226;
}

.met_testimonial_plus div{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
}

.met_testimonial_messages{
	text-align: center;
	font-size: 15px;
	color: #212127;
}

.met_testimonial_messages div{
	display: none;
	padding: 20px 0;
}



/*-------------------------------
	Testimonials
 ------------------------------*/
.met_twitter_ticker_wrap{
	position: relative;
	z-index: 1;
	min-height: 40px;
	color: #FFFFFF;
	background: #b41b1e;
	background: -moz-linear-gradient(top,  #b41b1e 0%, #cb1e21 25%, #cb1e21 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b41b1e), color-stop(25%,#cb1e21), color-stop(100%,#cb1e21));
	background: -webkit-linear-gradient(top,  #b41b1e 0%,#cb1e21 25%,#cb1e21 100%);
	background: -o-linear-gradient(top,  #b41b1e 0%,#cb1e21 25%,#cb1e21 100%);
	background: -ms-linear-gradient(top,  #b41b1e 0%,#cb1e21 25%,#cb1e21 100%);
	background: linear-gradient(to bottom,  #b41b1e 0%,#cb1e21 25%,#cb1e21 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b41b1e', endColorstr='#cb1e21',GradientType=0 );
    overflow: hidden;
}

.met_twitter_ticker_wrap .icon-twitter{
	margin: 7px;
}

.met_twitter_ticker > div{
	float: left;
}

.met_twitter_ticker_pager{
	float: right;
	width: 80px;
	display: table;
}

.met_twitter_ticker_pager a{
	width: 40px;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
}

.met_twitter_ticker_pager a:hover{
	background-color: #b41b1e;
}

.met_news_ticker_wrapper{
	height: 40px;
	line-height: 40px;
	width: 795px;
}



/*-------------------------------
	Footer
 ------------------------------*/
footer{
	padding-top: 32px;
	background-color: #1D1E22;
}

footer h3{
	color: #FFFFFF;
	font-weight: 300;
	font-family: 'Open Sans';
}

.met_footer_social_icons a{
	color: #909193;
	margin: 0 10px;
	text-decoration: none;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
}

.met_footer_social_icons a:first-child{
	margin-left: 0;
}

.met_footer_social_icons a:hover{
	color: #EB2326;
}

.met_footer_copyright{
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
	background-color: #141518;
	text-decoration: none;
}



/*-------------------------------
	Flickr Widget
 ------------------------------*/
.met_flickr_photos_wrap{
	position: relative;
	margin: -5px !important;
}

.met_flickr_photos_wrap a {
	display: block;
	float: left;
	margin: 5px;
	width: 44px;
	height: 44px;
	opacity: 0.5;
    filter: alpha(opacity = 50);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-webkit-transition: opacity ease 0.3s;
	-moz-transition: opacity ease 0.3s;
	-ms-transition: opacity ease 0.3s;
	-o-transition: opacity ease 0.3s;
}

.met_flickr_photos_wrap a:hover{
	opacity: 1;
    filter: alpha(opacity = 100);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.met_flickr_photos_wrap a img{
	width: 44px;
	height: 44px;
	display: block;
	float: left;
}

/*-------------------------------
	Page Title Line
 ------------------------------*/
.met_page_title_line{
	-webkit-box-shadow: inset 0px 5px 5px -1px #E9E9E9;
	-moz-box-shadow: inset 0px 5px 5px -1px #E9E9E9;
	-ms-box-shadow: inset 0px 5px 5px -1px #E9E9E9;
	-o-box-shadow: inset 0px 5px 5px -1px #E9E9E9;
	box-shadow: inset 0px 5px 5px -1px #E9E9E9;
	background-color: #FFFFFF;
	padding: 68px 0;
}

.met_page_title_line h1{
	font-weight: 400;
	color: #1F1F23;
}

.met_page_title_line h3{
	font-weight: 300;
	color: #828387;
}

.met_page_title_line h1,
.met_page_title_line h3{
	margin: 0;
	font-family: 'Open Sans';
}

.met_page_title_line + .met_content{
	padding-top: 40px;
}

.met_page_title_line.met_page_title_with_bg{
    box-shadow: none;
}

.met_page_title_with_bg h1,
.met_page_title_with_bg h3{
    color: #FFFFFF;
    display: inline;
    background-color: rgba(0,0,0,0.3);
    padding: 5px 10px;
}




/*-------------------------------
	Thin Titles
 ------------------------------*/
h1.met_thin_title,
h2.met_thin_title,
h3.met_thin_title{
	font-family: 'Open Sans';
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 35px;
	color: #1F1F23;
}

h1.met_title_with_icon,
h2.met_title_with_icon,
h3.met_title_with_icon{
	margin-bottom: 25px;
}

.met_title_with_icon > span:first-child{
	background-color: #292A2F;
	margin-right: 5px;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	width: 30px;
	height: 30px;
	display: inline-block;
	float: left;
	line-height: 30px;
}

.met_title_with_icon > span:last-child{
	display: inline-block;
	float: left;
	line-height: 30px;
}



/*-------------------------------
	Skill Bars
 ------------------------------*/
.met_skill_box{
	background-color: #E0E0E2;
	height: 50px;
	position: relative;
	margin-bottom: 10px;
}

.met_skill_filler{
	position: absolute;
	height: 100%;
	background-color: #292A2F;
	z-index: 1;
	width: 0;
	-webkit-transition: width ease-in-out 1.3s;
	-moz-transition: width ease-in-out 1.3s;
	-ms-transition: width ease-in-out 1.3s;
	-o-transition: width ease-in-out 1.3s;
}

.met_still_text{
	color: #FFFFFF;
	line-height: 50px;
	margin-left: 15px;
	position: absolute;
	z-index: 2;
}



/*-------------------------------
	Our Team
 ------------------------------*/
.met_our_team_photo{
	width: 100%;
}

.met_our_team_photo img{
	width: 100%;
	display: block;
}

.met_our_team_name{
	line-height: 50px;
	height: 50px;
	color: #FFFFFF;
	padding: 0 15px;
	font-size: 15px;
}

.met_our_team_name a{
	float: right;
	margin-top: 10px;
	margin-right: 5px;
}

.met_our_team_name a:first-child{
	margin-right: 0;
}

.met_our_team_name a img{
	margin-top: -2px;
}



/*-------------------------------
	Listing
 ------------------------------*/
.met_list{
	list-style: none;
	padding:0;
	margin:0;
}

.met_list li{
	line-height:30px;
	padding-left: 1em;
	text-indent: -.7em;
}

.met_list li:before {
	content: " ";
	display: inline-block;
	width: 5px;
	height: 10px;
	padding-right: 10px;
	color: #292A2F;
	background: url('../img/li-dot.png') no-repeat left center;
}

.met_list2{
	list-style: none;
	padding:0;
	margin:0 0 10px 0;
}

.met_list2 li{
	line-height:30px;
	padding-left: 1em;
	text-indent: -.7em;
}

.met_list2 li:before {
	content: " ";
	display: inline-block;
	width: 5px;
	height: 10px;
	padding-right: 10px;
	color: #292A2F;
	background: url('../img/list-style-arrow.png') no-repeat left center;
}



/*-------------------------------
	Skills Diagram
 ------------------------------*/
.get {
	display:none;
}

#diagram {
	float:left;
}



/*-------------------------------
Contact Page
------------------------------*/
#map {
	width  : 100%;
	height : 557px;
}

.met_contact_info span{
	float: left;
	font-size: 14px;
	color: #212127;
	line-height: 24px;
}

.met_contact_info aside{
	margin-left: 80px;
	clear: right;
	font-size: 14px;
	line-height: 24px;
}

form + .met_icon_socials{
	line-height: 50px;
	padding: 0 20px;
}

.met_icon_socials a{
	color: #909193;
	font-size: 14px;
	margin-right: 30px;
	text-decoration: none;
	-webkit-transition: color ease 0.5s;
	-moz-transition: color ease 0.5s;
	-ms-transition: color ease 0.5s;
	-o-transition: color ease 0.5s;
}

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

.met_icon_socials a:hover{
	color: #EB2326;
}



/*-------------------------------
Contact Form
------------------------------*/
.met_contact_form .met_input_text,
.met_contact_form .met_textarea,
#respond .met_input_text,
#respond .met_textarea,
.wpcf7-form-control-wrap .met_input_text,
.wpcf7-form-control-wrap .met_textarea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	font-size: 10px;
	border-radius: 0;
	box-shadow: none;
	border: none;
	height: auto;
	padding: 17px;
	width: 100%;
	float: left;
}

.met_short_container {
	width: 49% !important;
	float: left !important;
}

.met_short_container:nth-child(even) {
	margin-left: 2%;
}

.met_long_container {
	width: 100%;
	float: left;
}

.met_contact_form .met_textarea {
	width: 100%;
	height: 90px;
}

.met_button {
	background-color: #292A2F;
	border: none;
	text-align: center;
	padding: 17px 36px;
	font-size: 12px;
	color: #FFFFFF;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
}

.met_button:hover{
	background-color: #EB2326;
}

.met_label{
	line-height: 25px;
	font-size: 14px;
}

.met_contact_thank_you {
	display: none;
}/*-------------------------------
	Metro Sidebar Components
 ------------------------------*/
.met_metro_title {
	float   : left;
	width   : 100%;
	color   : #FFFFFF;
	display : table;
	height  : 40px;
	background-color: #212227;
}

.met_metro_title:hover {
	text-decoration : none;
}

.met_metro_title span:first-child {
	background-color : rgba(91, 96, 96, 0.1);
	display          : table-cell;
	width            : 40px;
	height           : 40px;
	vertical-align   : middle;
	text-align       : center
}

.met_metro_title span:last-child {
	font-size   : 14px;
	line-height : 40px;
	margin-left : 20px;
}



/*-------------------------------
Metro Sidebar Categories Box
------------------------------*/
.met_blog_categories {
	float      : left;
	width      : 100%;
	margin     : 10px 0;
	list-style : none;
}

.met_blog_categories li {
	list-style : none;
	float      : left;
	display    : block;
	width      : 100%;
}

.met_blog_categories li:last-child a {
	border-bottom : none;
}

.met_blog_categories a {
	float           : left;
	display         : block;
	text-decoration : none;
	width           : 100%;
	line-height     : 36px;
	height          : 36px;
	border-bottom   : 1px solid #E6E6E6;
	font-size       : 14px;
	color           : #151719;
}

.met_blog_categories a i {
	float      : right;
	margin-top : 11px
}


/*-------------------------------
Metro Sidebar Recent Posts Box
------------------------------*/
.met_recent_posts {
	float  : left;
	margin : 0;
}

.met_recent_posts li {
	float            : left;
	width            : 100%;
	background-color : #F2F2F2;
	margin-top       : 3px;
	list-style       : none;
}

.met_recent_posts a {
	display            : block;
	padding            : 15px 10px;
	-webkit-transition : all ease 0.3s;
	-moz-transition    : all ease 0.3s;
	-ms-transition     : all ease 0.3s;
	-o-transition      : all ease 0.3s;
}

.met_recent_posts a:hover {
	background-color : #212227;
	text-decoration  : none;
}

.met_recent_posts a:hover h4,
.met_recent_posts a:hover p {
	color : #FFFFFF;
}

.met_recent_posts img {
	float   : left;
	width   : 84px;
	height  : 61px;
	display : block;
}

.met_recent_posts h4,
.met_recent_posts p {
	margin-left : 92px;
}

.met_recent_posts h4 {
	margin-top    : 0;
	color         : #151719;
	margin-bottom : 4px;
}

.met_recent_posts p {
	color         : #5B6A6F;
	font-size     : 12px;
	margin-bottom : 0;
}



/*-------------------------------
Metro Sidebar Tag Cloud Box
------------------------------*/
.met_tagcloud {
	margin-top : 3px;
	float      : left;
}

.met_tagcloud a {
	float              : left;
	padding            : 5px 10px;
	background-color   : #F2F2F2;
	font-size          : 12px;
	margin             : 0 5px 5px 0;
	display            : block;
	position           : relative;
	text-decoration    : none;
	color              : #000000;
	-webkit-transition : all ease 0.3s;
	-moz-transition    : all ease 0.3s;
	-ms-transition     : all ease 0.3s;
	-o-transition      : all ease 0.3s;
}

.met_tagcloud a:hover {
	background-color : #212227;
	color            : #FFFFFF;
}



/*-------------------------------
	Blog List Style 1
------------------------------*/
.met_blog_1_preview{
	float: left;
	width: 100%;
}

.met_blog_1_preview a,
.met_blog_1_preview img{
	width: 100%;
	display: block;
	float: left;
}

.met_blog_1_details{
	float: left;
	background-color: #FFFFFF;
	position: relative;
	width: 100%;
}

.met_blog_1_details:before{
	content           : '';
	display           : block;
	position          : absolute;
	width             : 7px;
	height            : 7px;
	background-color  : #FFFFFF;
	left              : 50%;
	top               : -3.5px;
	-webkit-transform : rotate(134deg);
	-moz-transform    : rotate(134deg);
	-ms-transform     : rotate(134deg);
	-o-transform      : rotate(134deg);
}

.met_blog_1_summary{
	float: left;
	width: 465px;
	padding: 20px;
}

.met_blog_1_summary.met_summary_full{
	float: none;
	width: auto;
}

.met_blog_1_summary a{text-decoration: none}

.met_blog_1_summary h3,
.met_blog_1_summary h1{
	margin: 0 0 6px;
	font-family: 'Open Sans';
	font-weight: 300;
	color: #1F1F23;
}

.met_blog_1_summary + aside{
	margin-left: 505px;
	padding: 40px 0;
	text-align: center;
	position: relative;
}

.met_blog_1_day{
	font-size: 71px;
	line-height: 61px;
}

.met_blog_1_month{
	font-size: 19px;
	line-height: 27px;
}

.met_blog_1_summary + aside:before{
	display: block;
	content: ' ';
	position: absolute;
	left: 0;
	width: 5px;
	height: 79px;
	background: url('../img/blog-list-1-day-month-wall.png') no-repeat;
}

.met_blog_1_miscs{
	background-color: #E1E1E2;
	height: 50px;
	color: #909193;
	float: left;
	width: 100%;
}

.met_blog_1_date{
	line-height: 50px;
	padding: 0 20px;
	font-size: 14px;
	height: 50px;
	display: inline-block;
}

.met_blog_1_comment_statics{
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	background-color: rgba(107,114,115,0.1);
	float: left;
}

.met_blog_1_miscs .met_icon_socials {
	line-height: 50px;
	padding: 0 20px;
}

.met_blog_lazy_load{
	float: left;
	width: 100%;
	text-align: center;
	height: 80px;
	line-height: 99px;
	background-color: #E0E0E2;
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: background-color ease 0.4s;
	-moz-transition: background-color ease 0.4s;
	-ms-transition: background-color ease 0.4s;
	-o-transition: background-color ease 0.4s;
}

.met_blog_lazy_load:hover{
	text-decoration: none;
	background-color: #212227;
}

.met_blog_1_preview .flexslider {
    margin: 0;
}



/*-------------------------------
	Blog List Style 2
------------------------------*/
.met_blog_2_wrap{
	position: relative;
	z-index: 1;
	margin: 0 -0.8547008547008547%;
}

.met_blog_2_post{
	/*width: 31.623931623931625%;*/
	float: left;
	margin-left: 0.8547008547008547%!important;
	margin-right: 0.7547008547008547%!important;
	margin-bottom: 40px;
}

.met_blog_2_post.span6{
	margin-left: 0.5547008547008547%!important;
	margin-right: 0.5547008547008547%!important;
}

.met_blog_2_post.no_margin_bottom{
	margin-bottom: 0;
}

.met_blog_2_summary{
	padding: 15px;
	background-color: #FFFFFF;
	position: relative;
}

.met_blog_2_summary:after{
	content           : '';
	display           : block;
	position          : absolute;
	width             : 14px;
	height            : 14px;
	background-color  : #FFFFFF;
	left              : 47%;
	top               : -7px;
	-webkit-transform : rotate(134deg);
	-moz-transform    : rotate(134deg);
	-ms-transform     : rotate(134deg);
	-o-transform      : rotate(134deg);
}

.met_blog_2_pic,
.met_blog_2_pic img{
	display: block;
	float: left;
	-webkit-backface-visibility: hidden;
	width: 100%;
}

.met_blog_2_head{
	position: relative;
}

.met_blog_2_icon{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	background-color: rgba(235,35,38,0.3);
	-webkit-transition: all ease-in 0.4s;
	-moz-transition: all ease-in 0.4s;
	-ms-transition: all ease-in 0.4s;
	-o-transition: all ease-in 0.4s;
}

.met_blog_2_icon span {
	position: absolute;
	top: 35%;
	left: 0;
	display: block;
	text-align: center;
	width: 100%;
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: all ease-in 0.4s;
	-moz-transition: all ease-in 0.4s;
	-ms-transition: all ease-in 0.4s;
	-o-transition: all ease-in 0.4s;
}

.met_blog_2_head:hover .met_blog_2_icon{
	opacity: 1;
    filter: alpha(opacity = 100);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}

.met_blog_2_head:hover .met_blog_2_icon span {
	top: 45%;
}

.met_blog_2_summary a{
	text-decoration: none;
}


/*-------------------------------
	Custom Select Box
------------------------------*/
.met_select_box{
	position: relative;
	z-index: 2;
}

.met_select_selected{
	padding: 15px;
	font-size: 15px;
	color: #212127;
	border: 1px solid #E0E0E2;
	background-color: #FFFFFF;
	cursor: pointer;
}

.met_select_selected i {
	color: #909193;
}

.met_select_list{
	padding: 0 5% 5%;
	background: #FFFFFF;
	border: 1px solid #E0E0E2;
	border-top: none;
	display: none;
	position: absolute;
	top: 98%;
	width: 89.4%;
	max-height: 136px;
}

.met_select_list div{
	line-height: 20px;
	cursor: pointer;
	-webkit-transition: color ease 0.5s;
	-moz-transition: color ease 0.5s;
	-ms-transition: color ease 0.5s;
	-o-transition: color ease 0.5s;
}

.met_select_selected:hover,
.met_select_list div:hover{
	color: #EB2326;
}



/*-------------------------------
	CSS3 Ajax Loader
------------------------------*/
#followingBallsG{
	position:relative;
	width:256px;
	height:20px;
	position: relative;
	width: 256px;
	height: 20px;
	margin-top: 3%;
	margin-left: 35%;
}

.followingBallsG{
	background-color:#000000;
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	-moz-border-radius:10px;
	-moz-animation-name:bounce_followingBallsG;
	-moz-animation-duration:2.5s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-webkit-border-radius:10px;
	-webkit-animation-name:bounce_followingBallsG;
	-webkit-animation-duration:2.5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-ms-border-radius:10px;
	-ms-animation-name:bounce_followingBallsG;
	-ms-animation-duration:2.5s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-o-border-radius:10px;
	-o-animation-name:bounce_followingBallsG;
	-o-animation-duration:2.5s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	border-radius:10px;
	animation-name:bounce_followingBallsG;
	animation-duration:2.5s;
	animation-iteration-count:infinite;
	animation-direction:linear;
}

#followingBallsG_1{
	-moz-animation-delay:0s;
}

#followingBallsG_1{
	-webkit-animation-delay:0s;
}

#followingBallsG_1{
	-ms-animation-delay:0s;
}

#followingBallsG_1{
	-o-animation-delay:0s;
}

#followingBallsG_1{
	animation-delay:0s;
}

#followingBallsG_2{
	-moz-animation-delay:0.25s;
	-webkit-animation-delay:0.25s;
	-ms-animation-delay:0.25s;
	-o-animation-delay:0.25s;
	animation-delay:0.25s;
}

#followingBallsG_3{
	-moz-animation-delay:0.5s;
	-webkit-animation-delay:0.5s;
	-ms-animation-delay:0.5s;
	-o-animation-delay:0.5s;
	animation-delay:0.5s;
}

#followingBallsG_4{
	-moz-animation-delay:0.75s;
	-webkit-animation-delay:0.75s;
	-ms-animation-delay:0.75s;
	-o-animation-delay:0.75s;
	animation-delay:0.75s;
}

@-moz-keyframes bounce_followingBallsG{
	0%{
		left:0px;
		background-color:#000000;
	}

	50%{
		left:236px;
		background-color:#FFFFFF;
	}

	100%{
		left:0px;
		background-color:#000000;
	}

}

@-webkit-keyframes bounce_followingBallsG{
	0%{
		left:0px;
		background-color:#000000;
	}

	50%{
		left:236px;
		background-color:#FFFFFF;
	}

	100%{
		left:0px;
		background-color:#000000;
	}

}

@-ms-keyframes bounce_followingBallsG{
	0%{
		left:0px;
		background-color:#000000;
	}

	50%{
		left:236px;
		background-color:#FFFFFF;
	}

	100%{
		left:0px;
		background-color:#000000;
	}

}

@-o-keyframes bounce_followingBallsG{
	0%{
		left:0px;
		background-color:#000000;
	}

	50%{
		left:236px;
		background-color:#FFFFFF;
	}

	100%{
		left:0px;
		background-color:#000000;
	}

}

@keyframes bounce_followingBallsG{
	0%{
		left:0px;
		background-color:#000000;
	}

	50%{
		left:236px;
		background-color:#FFFFFF;
	}

	100%{
		left:0px;
		background-color:#000000;
	}

}



/*-------------------------------
	Isotope Filtering
------------------------------*/
.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:      -o-transform, opacity;
	transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

/*-------------------------------
Comments
------------------------------*/
.n_comment_box {
	float : left;
	width : 100%;
	margin-bottom: 20px;
}

.n_comment_box > .n_comment {
	margin-top    : 20px;
	background-color: #FFFFFF;
	padding: 35px 20px;
}

.n_comment_box > .n_comment:first-child{
	margin-top: 0;
}

.n_comment_box > .n_comment > img {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin-top: 5px;
}

.n_comment_box > .n_comment > div {
	margin-left: 70px;
	position: relative;
}

.n_comment_box > .n_comment > div > h5,
.n_comment_box > .n_comment > div > span {
	display      : inline-block;
	margin-right : 20px;
}

.n_comment_box > .n_comment > div > h5 {
	margin-top : 0;
	font-size  : 12px;
}

.n_comment_box > .n_comment > div > p {
	margin-bottom : 0;
	line-height: 18px;
}

.n_comment_edit_link,
.n_comment_reply_link {
	display : block;
	float   : right;
	margin  : 0 5px;
	color      : #EB2326;
}

.n_comment_edit_link a,
.n_comment_reply_link a{
	color      : #EB2326;
}

.n_comment_awaiting_moderation {
	float      : left;
	font-style : italic;
	color      : #EB2326;
}

.n_comment_box > .n_comment {
	margin-left : 160px;
}

.n_comment_box > .n_comment:nth-child(1) {
	margin-left : 0px;
}

.n_comment_box > .n_comment:nth-child(2) {
	margin-left : 40px;
}

.n_comment_box > .n_comment:nth-child(3) {
	margin-left : 80px;
}

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

.met_leave_a_reply{
	font-family: 'Open Sans';
	font-weight: 300;
	margin: 30px 0;
	color: #1F2024;
}

.comment-list {
    margin: 0;
}

.comment-list, .comment-list > ul, .comment-list > li, .comment-list li[class*="depth"] {
    list-style: none;
}

.met_cf_container {
    width: 49%;
    float: left;
}

.met_cfl_container {
    width: 100%;
    float: left;
}

.comment-form-email {
    margin-left: 2%;
}

.form-allowed-tags {
    float: left;
}

.form-allowed-tags code {
    white-space: normal;
    font-size: 10px;
}

.form-submit {
    width: 100%;
    float: left;
}



/*-------------------------------
	Pagination
 ------------------------------*/
.n_pagination {
	margin-bottom : 0;
}

.n_pagination ul {
	box-shadow    : none;
	border-radius : 0;
}

.n_pagination > ul > li > a {
	border             : none;
	background-color   : #E5E5E5;
	color              : #4C4C4C;
	margin             : 0 1px;
	padding            : 7px 12px;
	-webkit-transition : all ease 0.3s;
	-moz-transition    : all ease 0.3s;
	-ms-transition     : all ease 0.3s;
	-o-transition      : all ease 0.3s;
}

.n_pagination > ul > li > a:hover {
	background-color : #EB2326;
	color            : #FFFFFF;
}

.n_pagination > ul > li > a.active {
	background-color : #EB2326;
	color            : #FFFFFF;
}

.n_pagination > ul > li > a:first-child,
.n_pagination > ul > li > a:last-child {
	border-radius : 0;
}



/*-------------------------------
	404 Page
 ------------------------------*/
.met_404_wrap{
	padding: 200px 0;
}

.met_404_wrap h1{
	font-size: 45px;
	margin-bottom: 0;
	line-height: 45px;
}

.met_404_wrap form {
	position: relative;
	max-width: 462px;
	margin-bottom: 90px;
}

.met_404_wrap form .met_search_button{
	background-image: url('../img/magnifier_dark.png');
	top: 12px;
}

.met_404_wrap input[type="text"]{
	max-width: 440px;
	border: 1px solid #BABABA;
	background-color: #FFFFFF;
	border-radius: 0;
	padding: 11px 10px;
	display: block;
	width: 92%;
}

.met_404_form_seperator{
	max-width: 462px;
	height: 1px;
	background-color: #E6E6E6;
	margin-bottom: 15px;
}

.met_404_wrap .met_footer_social_icons{
	margin-top: 20px;
}



/*-------------------------------
	Portfolio List
 ------------------------------*/
.met_portfolio_list_2_columns,
.met_portfolio_list_3_columns,
.met_portfolio_list_4_columns,
.met_portfolio_list_5_columns {
	position: relative;
	z-index: 1;
	margin: 0 -0.8547008547008547%;
}

.met_portfolio_item {
	float    : left;
	position : relative;
	margin-left: 0.8547008547008547%!important;
	margin-right: 0.7547008547008547%!important;
	margin-bottom: 40px;
	overflow : hidden;
}

.thumbnails .met_portfolio_item {
	margin : 0;
}

.met_portfolio_item .met_portfolio_item_image_container,
.met_portfolio_item .met_portfolio_item_image_container img {
	float   : left;
	width   : 100%;
	display : block;
}

.met_portfolio_item .met_portfolio_item_image_container {
	position : relative;
	z-index  : 1;
}

.met_portfolio_list_2_columns .met_portfolio_item {
	width : 48.33617021276595%;
}

.met_portfolio_list_3_columns .met_portfolio_item {
	width : 31.623931623931625%
}

.met_portfolio_list_4_columns .met_portfolio_item {
	width : 23.076923076923077%;
}

.met_portfolio_list_2_columns.thumbnails .met_portfolio_item {
	width : 100%
}

.met_portfolio_list_3_columns.thumbnails .met_portfolio_item {
	width : 100%
}

.met_portfolio_list_4_columns.thumbnails .met_portfolio_item {
	width : 100%
}

.met_portfolio_list_5_columns.thumbnails .met_portfolio_item {
	width : 100%
}

.met_portfolio_item_mask {
	position        : absolute;
	top             : 0;
	left            : 0;
	z-index         : 2;
	width           : 100%;
	height          : 100%;
	display         : block;
	text-decoration : none;
}

.met_portfolio_item_mask_first_title {
	top         : 45%;
	font-weight : bold;
	font-size   : 14px;
}

.met_portfolio_item_mask_second_title {
	top : 45%;
}

.met_portfolio_item_mask_link {
	position         : absolute;
	right            : 0;
	bottom           : 0;
	display          : block;
	background-color : #292A2F;
	z-index          : 3;
	border-radius    : 5px 0 0 0;
	box-shadow       : inset 0 0px 4px 0px black;
	text-align       : center;
}

.met_portfolio_item_mask_link a {
	display         : block;
	text-decoration : none;
	margin          : 5px;
	color           : white !important;
}

.met_portfolio_item_mask_first_title,
.met_portfolio_item_mask_second_title {
	display    : block;
	position   : relative;
	float      : left;
	width      : 100%;
	text-align : center;
}

.met_portfolio_item_gallery {
	display : none;
}

.met_pf_mb {
	margin-bottom : 10px;
}

.met_portfolio_splitter {
	display       : block;
	width         : 100%;
	height        : 1px;
	border-bottom : 1px dotted rgba(0, 0, 0, 0.3);
	margin-bottom : 10px;
}

.met_portfolio_item_image_wrap{
	position: relative;
	overflow: hidden;
}

.met_portfolio_item_title{
	margin: 10px 0 4px 0!important;
	float: left;
	width: 100%;
}

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


/*-------------------------------
	Portfolio Item Effect 1
 ------------------------------*/
.met_portfolio_effect_1.met_portfolio_item .met_portfolio_item_image_container {
	-webkit-transition : all 0.4s ease-in-out 0.2s;
	-moz-transition    : all 0.4s ease-in-out 0.2s;
	-o-transition      : all 0.4s ease-in-out 0.2s;
	-ms-transition     : all 0.4s ease-in-out 0.2s;
	transition         : all 0.4s ease-in-out 0.2s;
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter             : alpha(opacity=100);
	opacity            : 1;
}

.met_portfolio_effect_1.met_portfolio_item .met_portfolio_item_mask {
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter             : alpha(opacity=0);
	opacity            : 0;
	-webkit-transform  : scale(0) rotate(-180deg);
	-moz-transform     : scale(0) rotate(-180deg);
	-o-transform       : scale(0) rotate(-180deg);
	-ms-transform      : scale(0) rotate(-180deg);
	transform          : scale(0) rotate(-180deg);
	-webkit-transition : all 0.4s ease-in;
	-moz-transition    : all 0.4s ease-in;
	-o-transition      : all 0.4s ease-in;
	-ms-transition     : all 0.4s ease-in;
}

.met_portfolio_effect_1.met_portfolio_item .met_portfolio_item_mask_link {
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter             : alpha(opacity=0);
	opacity            : 0;
	-webkit-transition : all 0.5s ease-in-out;
	-moz-transition    : all 0.5s ease-in-out;
	-o-transition      : all 0.5s ease-in-out;
	-ms-transition     : all 0.5s ease-in-out;
	transition         : all 0.5s ease-in-out;
}

.met_portfolio_effect_1.met_portfolio_item .met_portfolio_item_mask_first_title,
.met_portfolio_effect_1.met_portfolio_item .met_portfolio_item_mask_second_title {
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter             : alpha(opacity=0);
	opacity            : 0;
	-webkit-transition : all 0.5s ease-in-out;
	-moz-transition    : all 0.5s ease-in-out;
	-o-transition      : all 0.5s ease-in-out;
	-ms-transition     : all 0.5s ease-in-out;
	transition         : all 0.5s ease-in-out;
}

.met_portfolio_effect_1.met_portfolio_item:hover .met_portfolio_item_mask {
	-ms-filter               : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter                   : alpha(opacity=100);
	opacity                  : 1;
	-webkit-transform        : scale(1) rotate(0deg);
	-moz-transform           : scale(1) rotate(0deg);
	-o-transform             : scale(1) rotate(0deg);
	-ms-transform            : scale(1) rotate(0deg);
	transform                : scale(1) rotate(0deg);
	-webkit-transition-delay : 0.2s;
	-moz-transition-delay    : 0.2s;
	-o-transition-delay      : 0.2s;
	-ms-transition-delay     : 0.2s;
	transition-delay         : 0.2s;
}

.met_portfolio_effect_1.met_portfolio_item:hover .met_portfolio_item_image_container {
	-webkit-transform        : scale(0);
	-moz-transform           : scale(0);
	-o-transform             : scale(0);
	-ms-transform            : scale(0);
	transform                : scale(0);
	-ms-filter               : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter                   : alpha(opacity=0);
	opacity                  : 0;
	-webkit-transition-delay : 0s;
	-moz-transition-delay    : 0s;
	-o-transition-delay      : 0s;
	-ms-transition-delay     : 0s;
	transition-delay         : 0s;
}

.met_portfolio_effect_1.met_portfolio_item:hover .met_portfolio_item_mask_first_title,
.met_portfolio_effect_1.met_portfolio_item:hover .met_portfolio_item_mask_second_title,
.met_portfolio_effect_1.met_portfolio_item:hover .met_portfolio_item_mask_link {
	-ms-filter               : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter                   : alpha(opacity=100);
	opacity                  : 1;
	-webkit-transition-delay : 0.5s;
	-moz-transition-delay    : 0.5s;
	-o-transition-delay      : 0.5s;
	-ms-transition-delay     : 0.5s;
	transition-delay         : 0.5s;
}



/*-------------------------------
	Portfolio Item Effect 2
 ------------------------------*/
.met_portfolio_effect_2.met_portfolio_item .met_portfolio_item_image_container {
	-webkit-transition : all 0.2s ease-in;
	-moz-transition    : all 0.2s ease-in;
	-o-transition      : all 0.2s ease-in;
	-ms-transition     : all 0.2s ease-in;
	transition         : all 0.2s ease-in;
}

.met_portfolio_effect_2.met_portfolio_item .met_portfolio_item_mask {
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter             : alpha(opacity=0);
	opacity            : 0;
	-webkit-transform  : translate(460px, -100px) rotate(180deg);
	-moz-transform     : translate(460px, -100px) rotate(180deg);
	-o-transform       : translate(460px, -100px) rotate(180deg);
	-ms-transform      : translate(460px, -100px) rotate(180deg);
	transform          : translate(460px, -100px) rotate(180deg);
	-webkit-transition : all 0.2s 0.4s ease-in-out;
	-moz-transition    : all 0.2s 0.4s ease-in-out;
	-o-transition      : all 0.2s 0.4s ease-in-out;
	-ms-transition     : all 0.2s 0.4s ease-in-out;
	transition         : all 0.2s 0.4s ease-in-out;
}

.met_portfolio_effect_2.met_portfolio_item .met_portfolio_item_mask_link {
	-webkit-transform  : translateY(-230px);
	-moz-transform     : translateY(-230px);
	-o-transform       : translateY(-230px);
	-ms-transform      : translateY(-230px);
	transform          : translateY(-230px);
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition    : all 0.2s ease-in-out;
	-o-transition      : all 0.2s ease-in-out;
	-ms-transition     : all 0.2s ease-in-out;
	transition         : all 0.2s ease-in-out;
}

.met_portfolio_effect_2.met_portfolio_item .met_portfolio_item_mask_first_title,
.met_portfolio_effect_2.met_portfolio_item .met_portfolio_item_mask_second_title {
	-webkit-transform  : translateX(300px) rotate(90deg);
	-moz-transform     : translateX(300px) rotate(90deg);
	-o-transform       : translateX(300px) rotate(90deg);
	-ms-transform      : translateX(300px) rotate(90deg);
	transform          : translateX(300px) rotate(90deg);
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition    : all 0.2s ease-in-out;
	-o-transition      : all 0.2s ease-in-out;
	-ms-transition     : all 0.2s ease-in-out;
	transition         : all 0.2s ease-in-out;
}

.met_portfolio_effect_2.met_portfolio_item:hover .met_portfolio_item_mask {
	-ms-filter               : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter                   : alpha(opacity=100);
	opacity                  : 1;
	-webkit-transition-delay : 0s;
	-moz-transition-delay    : 0s;
	-o-transition-delay      : 0s;
	-ms-transition-delay     : 0s;
	transition-delay         : 0s;
	-webkit-transform        : translate(0px, 0px);
	-moz-transform           : translate(0px, 0px);
	-o-transform             : translate(0px, 0px);
	-ms-transform            : translate(0px, 0px);
	transform                : translate(0px, 0px);
}

.met_portfolio_effect_2.met_portfolio_item:hover .met_portfolio_item_mask_first_title,
.met_portfolio_effect_2.met_portfolio_item:hover .met_portfolio_item_mask_second_title {
	-webkit-transform        : translateX(0px) rotate(0deg);
	-moz-transform           : translateX(0px) rotate(0deg);
	-o-transform             : translateX(0px) rotate(0deg);
	-ms-transform            : translateX(0px) rotate(0deg);
	transform                : translateX(0px) rotate(0deg);
	-webkit-transition-delay : 0.4s;
	-moz-transition-delay    : 0.4s;
	-o-transition-delay      : 0.4s;
	-ms-transition-delay     : 0.4s;
	transition-delay         : 0.4s;
}

.met_portfolio_effect_2.met_portfolio_item:hover .met_portfolio_item_mask_link {
	-webkit-transform        : translateY(0px);
	-moz-transform           : translateY(0px);
	-o-transform             : translateY(0px);
	-ms-transform            : translateY(0px);
	transform                : translateY(0px);
	-webkit-transition-delay : 0.3s;
	-moz-transition-delay    : 0.3s;
	-o-transition-delay      : 0.3s;
	-ms-transition-delay     : 0.3s;
	transition-delay         : 0.3s;
}

/*-------------------------------
	Portfolio Item Effect 3
 ------------------------------*/
.met_portfolio_effect_3.met_portfolio_item .met_portfolio_item_image_container{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.met_portfolio_effect_3.met_portfolio_item .met_portfolio_item_mask{
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.met_portfolio_effect_3.met_portfolio_item .met_portfolio_item_mask_first_title,
.met_portfolio_effect_3.met_portfolio_item .met_portfolio_item_mask_second_title{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.met_portfolio_effect_3.met_portfolio_item:hover .met_portfolio_item_mask{
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.met_portfolio_effect_3.met_portfolio_item:hover .met_portfolio_item_mask_first_title,
.met_portfolio_effect_3.met_portfolio_item:hover .met_portfolio_item_mask_second_title{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.met_portfolio_effect_3.met_portfolio_item:hover .met_portfolio_item_image_container{
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}



/*-------------------------------
	Portfolio Item Effect 4
 ------------------------------*/
.met_portfolio_effect_4.met_portfolio_item .met_portfolio_item_image_container {
	-webkit-transition : all 0.4s ease-in-out 0.5s;
	-moz-transition    : all 0.4s ease-in-out 0.5s;
	-o-transition      : all 0.4s ease-in-out 0.5s;
	-ms-transition     : all 0.4s ease-in-out 0.5s;
	transition         : all 0.4s ease-in-out 0.5s;
}

.met_portfolio_effect_4.met_portfolio_item .met_portfolio_item_mask {
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter             : alpha(opacity=0);
	opacity            : 0;
	-webkit-transition : all 0.3s ease-in 0.4s;
	-moz-transition    : all 0.3s ease-in 0.4s;
	-o-transition      : all 0.3s ease-in 0.4s;
	-ms-transition     : all 0.3s ease-in 0.4s;
	transition         : all 0.3s ease-in 0.4s;
}

.met_portfolio_effect_4.met_portfolio_item .met_portfolio_item_mask_link {
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter             : alpha(opacity=0);
	opacity            : 0;
	-webkit-transform  : translateY(100px);
	-moz-transform     : translateY(100px);
	-o-transform       : translateY(100px);
	-ms-transform      : translateY(100px);
	transform          : translateY(100px);
	-webkit-transition : all 0.3s ease-in-out 0.1s;
	-moz-transition    : all 0.3s ease-in-out 0.1s;
	-o-transition      : all 0.3s ease-in-out 0.1s;
	-ms-transition     : all 0.3s ease-in-out 0.1s;
	transition         : all 0.3s ease-in-out 0.1s;
}

.met_portfolio_effect_4.met_portfolio_item .met_portfolio_item_mask_first_title,
.met_portfolio_effect_4.met_portfolio_item .met_portfolio_item_mask_second_title {
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter             : alpha(opacity=0);
	opacity            : 0;
	-webkit-transform  : scale(10);
	-moz-transform     : scale(10);
	-o-transform       : scale(10);
	-ms-transform      : scale(10);
	transform          : scale(10);
	-webkit-transition : all 0.3s ease-in-out 0.2s;
	-moz-transition    : all 0.3s ease-in-out 0.2s;
	-o-transition      : all 0.3s ease-in-out 0.2s;
	-ms-transition     : all 0.3s ease-in-out 0.2s;
	transition         : all 0.3s ease-in-out 0.2s;
}

.met_portfolio_effect_4.met_portfolio_item:hover .met_portfolio_item_mask {
	-ms-filter               : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter                   : alpha(opacity=100);
	opacity                  : 1;
	-webkit-transition-delay : 0s;
	-moz-transition-delay    : 0s;
	-o-transition-delay      : 0s;
	-ms-transition-delay     : 0s;
	transition-delay         : 0s;
}

.met_portfolio_effect_4.met_portfolio_item:hover .met_portfolio_item_mask_first_title,
.met_portfolio_effect_4.met_portfolio_item:hover .met_portfolio_item_mask_second_title {
	-ms-filter               : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter                   : alpha(opacity=100);
	opacity                  : 1;
	-webkit-transform        : scale(1);
	-moz-transform           : scale(1);
	-o-transform             : scale(1);
	-ms-transform            : scale(1);
	transform                : scale(1);
	-webkit-transition-delay : 0.2s;
	-moz-transition-delay    : 0.2s;
	-o-transition-delay      : 0.2s;
	-ms-transition-delay     : 0.2s;
	transition-delay         : 0.2s;
}

.met_portfolio_effect_4.met_portfolio_item:hover .met_portfolio_item_mask_link {
	-ms-filter               : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter                   : alpha(opacity=100);
	opacity                  : 1;
	-webkit-transform        : translateY(0px);
	-moz-transform           : translateY(0px);
	-o-transform             : translateY(0px);
	-ms-transform            : translateY(0px);
	transform                : translateY(0px);
	-webkit-transition-delay : 0.3s;
	-moz-transition-delay    : 0.3s;
	-o-transition-delay      : 0.3s;
	-ms-transition-delay     : 0.3s;
	transition-delay         : 0.3s;
}



/*-------------------------------
	Portfolio Item Effect 5
 ------------------------------*/
.met_portfolio_effect_5.met_portfolio_item .met_portfolio_item_image_container {
	-webkit-transition : all 0.5s ease-out;
	-moz-transition    : all 0.5s ease-out;
	-o-transition      : all 0.5s ease-out;
	-ms-transition     : all 0.5s ease-out;
	transition         : all 0.5s ease-out;
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter             : alpha(opacity=100);
	opacity            : 1;
}

.met_portfolio_effect_5.met_portfolio_item .met_portfolio_item_mask {
	-webkit-transform  : rotate(0deg) scale(1);
	-moz-transform     : rotate(0deg) scale(1);
	-o-transform       : rotate(0deg) scale(1);
	-ms-transform      : rotate(0deg) scale(1);
	transform          : rotate(0deg) scale(1);
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter             : alpha(opacity=0);
	opacity            : 0;
	-webkit-transition : all 0.3s ease-out;
	-moz-transition    : all 0.3s ease-out;
	-o-transition      : all 0.3s ease-out;
	-ms-transition     : all 0.3s ease-out;
	transition         : all 0.3s ease-out;
}

.met_portfolio_effect_5.met_portfolio_item .met_portfolio_item_mask_link {
	-webkit-transform  : translateY(-200px);
	-moz-transform     : translateY(-200px);
	-o-transform       : translateY(-200px);
	-ms-transform      : translateY(-200px);
	transform          : translateY(-200px);
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition    : all 0.2s ease-in-out;
	-o-transition      : all 0.2s ease-in-out;
	-ms-transition     : all 0.2s ease-in-out;
	transition         : all 0.2s ease-in-out;
}

.met_portfolio_effect_5.met_portfolio_item .met_portfolio_item_mask_first_title,
.met_portfolio_effect_5.met_portfolio_item .met_portfolio_item_mask_second_title {
	-webkit-transform  : translateY(-200px);
	-moz-transform     : translateY(-200px);
	-o-transform       : translateY(-200px);
	-ms-transform      : translateY(-200px);
	transform          : translateY(-200px);
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition    : all 0.2s ease-in-out;
	-o-transition      : all 0.2s ease-in-out;
	-ms-transition     : all 0.2s ease-in-out;
	transition         : all 0.2s ease-in-out;
}

.met_portfolio_effect_5.met_portfolio_item:hover .met_portfolio_item_image_container {
	-webkit-transform : rotate(720deg) scale(0);
	-moz-transform    : rotate(720deg) scale(0);
	-o-transform      : rotate(720deg) scale(0);
	-ms-transform     : rotate(720deg) scale(0);
	transform         : rotate(720deg) scale(0);
	-ms-filter        : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter            : alpha(opacity=0);
	opacity           : 0;
}

.met_portfolio_effect_5.met_portfolio_item:hover .met_portfolio_item_mask {
	-ms-filter               : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter                   : alpha(opacity=100);
	opacity                  : 1;
	-webkit-transform        : translateY(0px) rotate(0deg);
	-moz-transform           : translateY(0px) rotate(0deg);
	-o-transform             : translateY(0px) rotate(0deg);
	-ms-transform            : translateY(0px) rotate(0deg);
	transform                : translateY(0px) rotate(0deg);
	-webkit-transition-delay : 0.4s;
	-moz-transition-delay    : 0.4s;
	-o-transition-delay      : 0.4s;
	-ms-transition-delay     : 0.4s;
	transition-delay         : 0.4s;
}

.met_portfolio_effect_5.met_portfolio_item:hover .met_portfolio_item_mask_first_title,
.met_portfolio_effect_5.met_portfolio_item:hover .met_portfolio_item_mask_second_title {
	-webkit-transform        : translateY(0px);
	-moz-transform           : translateY(0px);
	-o-transform             : translateY(0px);
	-ms-transform            : translateY(0px);
	transform                : translateY(0px);
	-webkit-transition-delay : 0.6s;
	-moz-transition-delay    : 0.6s;
	-o-transition-delay      : 0.6s;
	-ms-transition-delay     : 0.6s;
	transition-delay         : 0.6s;
}

.met_portfolio_effect_5.met_portfolio_item:hover .met_portfolio_item_mask_link {
	-webkit-transform        : translateY(0px);
	-moz-transform           : translateY(0px);
	-o-transform             : translateY(0px);
	-ms-transform            : translateY(0px);
	transform                : translateY(0px);
	-webkit-transition-delay : 0.5s;
	-moz-transition-delay    : 0.5s;
	-o-transition-delay      : 0.5s;
	-ms-transition-delay     : 0.5s;
	transition-delay         : 0.5s;
}



/*-------------------------------
	Portfolio Item Effect 6
 ------------------------------*/
.met_portfolio_effect_6.met_portfolio_item .met_portfolio_item_image_container {
	-webkit-transition : all 0.2s ease-in;
	-moz-transition    : all 0.2s ease-in;
	-o-transition      : all 0.2s ease-in;
	-ms-transition     : all 0.2s ease-in;
	transition         : all 0.2s ease-in;
}

.met_portfolio_effect_6.met_portfolio_item .met_portfolio_item_mask {
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter             : alpha(opacity=0);
	opacity            : 0;
	-webkit-transform  : translate(265px, 145px) rotate(45deg);
	-moz-transform     : translate(265px, 145px) rotate(45deg);
	-o-transform       : translate(265px, 145px) rotate(45deg);
	-ms-transform      : translate(265px, 145px) rotate(45deg);
	transform          : translate(265px, 145px) rotate(45deg);
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition    : all 0.2s ease-in-out;
	-o-transition      : all 0.2s ease-in-out;
	-ms-transition     : all 0.2s ease-in-out;
	transition         : all 0.2s ease-in-out;
}

.met_portfolio_effect_6.met_portfolio_item .met_portfolio_item_mask_link {
	-webkit-transform  : translate(0px, 100px);
	-moz-transform     : translate(0px, 100px);
	-o-transform       : translate(0px, 100px);
	-ms-transform      : translate(0px, 100px);
	transform          : translate(0px, 100px);
	-webkit-transition : all 0.2s 0.1s ease-in-out;
	-moz-transition    : all 0.2s 0.1s ease-in-out;
	-o-transition      : all 0.2s 0.1s ease-in-out;
	-ms-transition     : all 0.2s 0.1s ease-in-out;
	transition         : all 0.2s 0.1s ease-in-out;
}

.met_portfolio_effect_6.met_portfolio_item .met_portfolio_item_mask_first_title,
.met_portfolio_effect_6.met_portfolio_item .met_portfolio_item_mask_second_title {
	-webkit-transform  : translate(-200px, 200px);
	-moz-transform     : translate(-200px, 200px);
	-o-transform       : translate(-200px, 200px);
	-ms-transform      : translate(-200px, 200px);
	transform          : translate(-200px, 200px);
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition    : all 0.2s ease-in-out;
	-o-transition      : all 0.2s ease-in-out;
	-ms-transition     : all 0.2s ease-in-out;
	transition         : all 0.2s ease-in-out;
}

.met_portfolio_effect_6.met_portfolio_item:hover .met_portfolio_item_mask {
	-ms-filter        : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter            : alpha(opacity=100);
	opacity           : 1;
	-webkit-transform : translate(0, 0) rotate(0deg);
	-moz-transform    : translate(-80px, -125px) rotate(45deg);
	-o-transform      : translate(-80px, -125px) rotate(45deg);
	-ms-transform     : translate(-80px, -125px) rotate(45deg);
	transform         : translate(-80px, -125px) rotate(45deg);
}

.met_portfolio_effect_6.met_portfolio_item:hover .met_portfolio_item_mask_first_title,
.met_portfolio_effect_6.met_portfolio_item:hover .met_portfolio_item_mask_second_title {
	-webkit-transform        : translate(0px, 0px);
	-moz-transform           : translate(0px, 0px);
	-o-transform             : translate(0px, 0px);
	-ms-transform            : translate(0px, 0px);
	transform                : translate(0px, 0px);
	-webkit-transition-delay : 0.4s;
	-moz-transition-delay    : 0.4s;
	-o-transition-delay      : 0.4s;
	-ms-transition-delay     : 0.4s;
	transition-delay         : 0.4s;
}

.met_portfolio_effect_6.met_portfolio_item:hover .met_portfolio_item_mask_link {
	-webkit-transform        : translate(0px, 0px);
	-moz-transform           : translate(0px, 0px);
	-o-transform             : translate(0px, 0px);
	-ms-transform            : translate(0px, 0px);
	transform                : translate(0px, 0px);
	-webkit-transition-delay : 0.5s;
	-moz-transition-delay    : 0.5s;
	-o-transition-delay      : 0.5s;
	-ms-transition-delay     : 0.5s;
	transition-delay         : 0.5s;
}



/*-------------------------------
	Portfolio Filter
 ------------------------------*/
.met_filters {
	float      : left;
	margin     : 0;
	list-style : none;
}

.met_filters li {
	float      : left;
	margin     : 0 10px;
	list-style : none;
}

.met_filters li:first-child {
	margin-left : 0;
}

.met_filters li:last-child {
	margin-right : 0;
}

.met_filters li a {
	font-size       : 13px;
	text-decoration : none;
	color: #84888A;
}

.met_filters li a.met_color3{
	color: #212226;
}



/*-------------------------------
	Portfolio Detail
------------------------------*/
.met_portfolio_detail_wrap{
	background-color: #FFFFFF;
	position: relative;
}

.met_portfolio_detail_image{
	width: 68.1%;
	max-width: 640px;
	float: left;
}

.met_portfolio_detail_details{
	margin-left: 68.1%;
	padding: 0 20px;
	position: absolute;
	height: 100%;
}

.met_portfolio_detail_details h3:first-child{
	margin-top: 20px;
}

.icon-star{
	color: #D1D1D1;
}

.icon-star.met_color{
	color: #EB2326;
}

.met_portfolio_detail_details .met_blog_1_miscs{
	position: absolute;
	bottom: 0;
	right: 0;
}

.met_portfolio_detail_details:before{
	content           : '';
	display           : block;
	position          : absolute;
	width             : 14px;
	height            : 14px;
	background-color  : #FFFFFF;
	top               : 15%;
	left              : -7px;
	-webkit-transform : rotate(134deg);
	-moz-transform    : rotate(134deg);
	-ms-transform     : rotate(134deg);
	-o-transform      : rotate(134deg);
}

.met_portfolio_detail_nav{
	margin-bottom: 20px;
}

.met_portfolio_detail_nav a{
	float: right;
	text-decoration: none;
	color: #DEDEDF;
	width: 29px;
	height: 48px;
	display: block;
	background: url('../img/portfolio-detail-nav.png');
	-webkit-transition: background-image ease 0.4s;
	-moz-transition: background-image ease 0.4s;
	-ms-transition: background-image ease 0.4s;
	-o-transition: background-image ease 0.4s;
}

.met_portfolio_detail_nav a:first-child{
	background-position: -29px 0;
	margin-left: 25px;
}

.met_portfolio_detail_nav a:hover{
	background-image: url('../img/portfolio-detail-nav-hover.png');
}



/*-------------------------------
	Responsive Navigation
------------------------------*/
.met_responsive_nav {
	display: none;
	background-image: url('../img/responsive-nav-bg.png');
	background-position: center right;
	background-repeat: no-repeat;
	display: none;
	width: 49%;
	-webkit-appearance: none;
	background-color: #212226;
	border: 1px solid #18191C;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #8F8F8F;
	padding: 0 10px;
	border-radius: 0;
	line-height: 14px;
	float: right;
	margin-left: 2%;
	margin-bottom: 2%;
}/* -------------------------------------------------- */
/*	Pricing Tables
/* -------------------------------------------------- */

.simple-pricing-table, .extended-pricing-table {
	height: 100%;
	margin: 0 0 40px;
	position: relative;
	text-align: center;
	width: 100%;
}

.simple-pricing-table .column, .extended-pricing-table .column {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

.simple-pricing-table .features, .extended-pricing-table .features {
	list-style: none;
	margin: 0;
}

.simple-pricing-table .features li, .extended-pricing-table .features li {
	display: block;
	margin: 0;
	position: relative
}

.simple-pricing-table .footer, .extended-pricing-table .footer { padding: 16px 20px; }

.simple-pricing-table .footer .button, .extended-pricing-table .footer .button {
	background: #515151;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 9px 20px;
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
}



/* ---------------------------------------- */
/*	Simple Pricing Table
/* ---------------------------------------- */
.simple-pricing-table.featured { margin-top: 50px; }

.simple-pricing-table .column {
	background: #f6f6f6;
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #fff;
	border-top: 1px solid #ededed;
	width: 938px;
}

.simple-pricing-table .column:first-child { border-left-color: #ededed; }

.simple-pricing-table .column:last-child { border-right: 1px solid #ededed; }

.simple-pricing-table.col2 .column { width: 468px; }
.simple-pricing-table.col3 .column { width: 312px; }
.simple-pricing-table.col4 .column { width: 233px; }
.simple-pricing-table.col5 .column { width: 186px; }

.simple-pricing-table .column.featured {
	background: #fff;
	border: 1px solid #ebebeb;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	margin: -20px -1px 0;
	padding: 20px 5px 15px;
	z-index: 1;
	width: 928px;
}

.simple-pricing-table.col2.featured .column { width: 450px; }
.simple-pricing-table.col3.featured .column { width: 299px; }
.simple-pricing-table.col4.featured .column { width: 224px; }
.simple-pricing-table.col5.featured .column { width: 179px; }

.simple-pricing-table.col2 .column.featured { width: 478px; }
.simple-pricing-table.col3 .column.featured { width: 329px; }
.simple-pricing-table.col4 .column.featured { width: 254px; }
.simple-pricing-table.col5 .column.featured { width: 209px; }

.simple-pricing-table .header { padding: 15px 20px 20px; }

.simple-pricing-table .featured .header { margin: -15px 0 0; }

.simple-pricing-table .title {
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.8px;
	margin: 0 0 5px;
}

.simple-pricing-table .price {
	color: #777;
	font-size: 18px;
	font-weight: 300;
	margin: 0 0 7px;
}

.simple-pricing-table .price span {
	color: #292929;
	font-weight: 700;
}

.simple-pricing-table .free .price span { color: #4a993e; }

.simple-pricing-table .featured .price span { color: #EB2326; }

.simple-pricing-table .description {
	color: #4b4b4b;
	font-size: 14px;
	margin: 0;
	font-weight: 400;
}

.simple-pricing-table .free .description { color: #44af33; }

.simple-pricing-table .featured .description { color: #EB2326; }

.simple-pricing-table .title + .description {
	margin-bottom: 5px;
	margin-top: 12px;
}

.simple-pricing-table .features { padding: 0 10px; }

.simple-pricing-table .features li {
	border-top: 1px solid #ebebeb;
	padding: 5px 10px;
	font-size: 12px;
}

.simple-pricing-table .footer {
	background: #e5e5e5;
	margin: 1px 0 0;
}

.simple-pricing-table .featured .footer {
	background: #fff;
	margin-top: 11px;
}

.simple-pricing-table .featured .footer .button {
	background: #EB2326;
	font-size: 18px;
	padding: 11px 27px;
}

.simple-pricing-table .free .footer .button { background: #4a993e; }

.simple-pricing-table .footer .button:hover { background: #EB2326; }

.simple-pricing-table .free .footer .button:hover,
.simple-pricing-table .featured .footer .button:hover { background: #515151; }

/* ---------------------------------------- */
/*	Extended Pricing Table
/* ---------------------------------------- */

.extended-pricing-table.featured { margin-top: 40px; }

.extended-pricing-table .column { width: 740px; }

.extended-pricing-table .features-list {
	text-align: left;
	width: 200px !important;
}

.extended-pricing-table.col2 .column { width: 370px; }
.extended-pricing-table.col3 .column { width: 246px; }
.extended-pricing-table.col4 .column { width: 185px; }
.extended-pricing-table.col5 .column { width: 148px; }

.extended-pricing-table .featured {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	z-index: 1;
}

.extended-pricing-table .header {
	background: #3a3a3a;
	color: #fff;
	min-height: 119px;
}

.extended-pricing-table .features-list .header { background: none; }

.extended-pricing-table .free .header { background: #4a993e; }

.extended-pricing-table .featured .header {
	background: #EB2326;
	padding: 0 0 10px;
}

.ie7 .extended-pricing-table .featured .header { padding-bottom: 0; }

.extended-pricing-table .title {
	background: #2c2c2c;
	color: #bbbbbb;
	font-size: 13px;
	font-weight: 400;
	margin: 0 0 7px;
	padding: 8px 15px;
	text-transform: uppercase;
}

.extended-pricing-table .free .title {
	background: #428937;
	color: #fff;
}

.extended-pricing-table .featured .title {
	background: #cb1e21;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	margin-top: -10px;
	padding-bottom: 11px;
	padding-top: 10px;
	position: relative;
}

.extended-pricing-table .price {
	color: #999;
	font-size: 12px;
	font-weight: 400;
	margin: 0;
}

.extended-pricing-table .free .price { color: #9fcd98; }

.extended-pricing-table .featured .price { color: #fab197; }

.extended-pricing-table .price span {
	color: #fff;
	font-size: 30px;
	display: block;
}

.extended-pricing-table .featured .price span { font-weight: 600; }

.extended-pricing-table .features { border-left: 1px solid #fff; }

.extended-pricing-table .features-list .features { border-left: none; }

.extended-pricing-table .features li {
	background: #f8f8f8;
	border-bottom: 1px solid #fff;
	padding: 8px 10px;
	height: 18px;
}

.extended-pricing-table .features li:before { content: ''; }

.extended-pricing-table .featured .features li { background: #fff; }

.extended-pricing-table .features li:first-child { border-top: 1px solid #fff; }

.extended-pricing-table .features li:nth-child(even) { background: #f0f0f0; }

.extended-pricing-table .featured .features li:nth-child(even) { background: #f6f6f6; }

.extended-pricing-table .features li .check {
	background: url(../img/icon-check-3.png) no-repeat center 2px;
	display: inline-block;
	height: 18px;
	text-indent: -9999px;
	width: 18px;
}

.ie7 .extended-pricing-table .features li .check {
	display: inline;
	font-size: 0;
	text-indent: 0;
}

.extended-pricing-table .free .features li .check { background-image: url(../img/icon-check-3-green.png); }

.extended-pricing-table .footer { background: #f8f8f8; }

.extended-pricing-table .featured .footer { padding-bottom: 26px; }

.extended-pricing-table .features-list .footer { background: none; }

.extended-pricing-table .free .footer .button { background: #4a993e; }

.extended-pricing-table .featured .footer .button { background: #EB2326; }

.extended-pricing-table .footer .button:hover { background: #EB2326; }

.extended-pricing-table .free .footer .button:hover,
.extended-pricing-table .featured .footer .button:hover { background: #515151; }



/*-------------------------------
	Tab Content
------------------------------*/
.met_tab_nav{
	margin-bottom: 0;
	background: #F8F8F8;
	border-bottom: none;
}

.met_tab_nav > li > a{
	border: none;
	color: #212227;
	font-size: 13px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.met_tab_nav > li.active > a {
	border-radius: 0;
	border: none;
	background-color: #F1F1F1;
}

.met_tab_nav > li.active > a:hover{
	border: none;
	background-color: #F1F1F1;
}

.met_tab_content{
	background: #F1F1F1;
	padding: 15px;
}



/*-------------------------------
	Buttons
------------------------------*/
.met_but{
	display: inline-block;
	border-radius: 5px;
	text-align: center;
	padding: 9px 27px;
	font-size: 15px;
	color: #FFFFFF;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
}

.met_but:hover{
	text-decoration: none;
}

.met_but.met_but_big{
	padding: 18px 38px;
	font-size: 20px;
}

.met_but.met_but_small{
	padding: 4px 17px;
	font-size: 13px;
}

.met_but.met_but_red{
	background-color: #EB2326;
	border-bottom: 2px solid #430F10;
}

.met_but.met_but_red:hover{
	background-color: #430F10;
	border-bottom: 2px solid #EB2326;
}

.met_but.met_but_black{
	background-color: #212226;
	border-bottom: 2px solid #000000;
}

.met_but.met_but_black:hover{
	background-color: #000000;
	border-bottom: 2px solid #212226;
}


/*-------------------------------
	Back to Top
 ------------------------------*/
#back-to-top {
	height                : 9px;
	opacity               : 0;
    filter: alpha(opacity = 0);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position              : fixed;
	right                 : -50px;
	width                 : 49px;
	z-index               : 9999;
	display               : block;
	top                   : 85%;
	background-image      : url("../img/back_to_top.png");
	background-repeat     : no-repeat;
	background-position   : center 15px;
	background-color      : #404040;
	font-size             : 9px;
	font-weight           : 900;
	color                 : #FFFFFF;
	text-align            : center;
	line-height           : 1;
	padding               : 28px 0 12px 0;
	-webkit-border-radius : 2px;
	-moz-border-radius    : 2px;
	border-radius         : 2px;
	-webkit-transition    : all ease .3s;
	-moz-transition       : all ease .3s;
	-ms-transition        : all ease .3s;
	-o-transition         : all ease .3s;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
}

#back-to-top.back-to-top-on {
	right   : 10px;
	opacity : 0.7;
    filter: alpha(opacity = 70);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#back-to-top.back-to-top-off {
	right : -59px
}

#back-to-top:hover {
	opacity : 1;
    filter: alpha(opacity = 100);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



/*-------------------------------
	Shortcode Testimonial
------------------------------*/
.cbp-qtrotator {
	position: relative;
	width: 100%;
}

.cbp-qtrotator .cbp-qtcontent {
	position: absolute;
	min-height: 200px;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	padding: 2em 0;
	top: 0;
	z-index: 0;
	opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width: 100%;
	-webkit-backface-visibility: hidden;
}

.no-js .cbp-qtrotator .cbp-qtcontent {
	border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
	position: relative;
	z-index: 100;
	pointer-events: auto;
	opacity: 1;
    filter: alpha(opacity = 100);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
	content: " ";
	display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
	clear: both;
}

.cbp-qtprogress {
	position: absolute;
	background: #EB2326;
	height: 1px;
	width: 0%;
	top: 0;
	z-index: 1000;
}

.cbp-qtrotator blockquote {
	margin: 0;
	padding: 0;
	border: none;
}

.cbp-qtrotator blockquote p {
	font-size: 2em;
	color: #888;
	font-weight: 300;
	margin: 0.4em 0 1em;
}

.cbp-qtrotator blockquote .footer {
	font-size: 1.2em;
}

.cbp-qtrotator blockquote .footer:before {
	content: '― ';
}

.cbp-qtrotator .cbp-qtcontent img {
	float: right;
	margin-left: 3em;
}

/* Example for media query */
@media screen and (max-width: 30.6em) {

	.cbp-qtrotator {
		font-size: 70%;
	}

	.cbp-qtrotator img {
		width: 80px;
	}

}



/*-------------------------------
	Tablet Response
------------------------------*/
.met_error, .met_success, .met_info, .met_notice {
	display: block;
	padding: 10px 20px 10px 44px;
}

.met_error {
	background: #f9e5e6 url(../img/icon-box-error.png) no-repeat 10px 9px;
	border: 1px solid #f7c7c9;
	border-left-width: 4px;
	color: #b3696c;
}

.met_success {
	background: #e3ebc6 url(../img/icon-box-success.png) no-repeat 12px 8px;
	border: 1px solid #c2d288;
	border-left-width: 4px;
	color: #8fa442;
}

.met_info {
	background: #d8ecf5 url(../img/icon-box-info.png) no-repeat 10px 8px;
	border: 1px solid #9ac9df;
	border-left-width: 4px;
	color: #528da9;
}

.met_notice {
	background: #fcf7d9 url(../img/icon-box-notice.png) no-repeat 10px 9px;
	border: 1px solid #f5dc7d;
	border-left-width: 4px;
	color: #c4a21b;
}



/*-------------------------------
	Background Images and Patterns
------------------------------*/
.bgpattern1 {background-image: url("../img/bgpatterns/bgimage1.jpg");}
.bgpattern2 {background-image: url("../img/bgpatterns/bgimage2.jpg");}
.bgpattern3 {background-image: url("../img/bgpatterns/bgimage3.jpg");}
.bgpattern4 {background-image: url("../img/bgpatterns/bgimage4.jpg");}
.bgpattern5 {background-image: url("../img/bgpatterns/bgimage5.jpg");}
.bgpattern6 {background-image: url("../img/bgpatterns/bgimage6.jpg");}
.bgpattern7 {background-image: url("../img/bgpatterns/bgimage7.jpg");}
.bgpattern8 {background-image: url("../img/bgpatterns/bgimage8.jpg");}
.bgpattern9 {background-image: url("../img/bgpatterns/bgimage9.jpg");}
.bgpattern10{background-image: url("../img/bgpatterns/bgimage10.jpg");}
.bgpattern11{background-image: url("../img/bgpatterns/bgimage11.jpg");}
.bgpattern12{background-image: url("../img/bgpatterns/bgimage12.jpg");}
.bgpattern13{background-image: url("../img/bgpatterns/bgimage13.jpg");}
.bgpattern14{background-image: url("../img/bgpatterns/bgimage14.jpg");}
.bgpattern15{background-image: url("../img/bgpatterns/bgimage15.jpg");}
.bgpattern16{background-image: url("../img/bgpatterns/bgimage16.jpg");}
.bgpattern17{background-image: url("../img/bgpatterns/bgimage17.jpg");}
.bgpattern18{background-image: url("../img/bgpatterns/bgimage18.jpg");}
.bgpattern19{background-image: url("../img/bgpatterns/bgimage19.jpg");}
.bgpattern20{background-image: url("../img/bgpatterns/bgimage20.jpg");}
.bgpattern21{background-image: url("../img/bgpatterns/bgimage21.jpg");}
.bgpattern22{background-image: url("../img/bgpatterns/bgimage22.jpg");}
.bgpattern23{background-image: url("../img/bgpatterns/bgimage23.jpg");}
.bgpattern24{background-image: url("../img/bgpatterns/bgimage24.jpg");}
.bgpattern25{background-image: url("../img/bgpatterns/bgimage25.jpg");}
.bgpattern26{background-image: url("../img/bgpatterns/bgimage26.jpg");}
.bgpattern27{background-image: url("../img/bgpatterns/bgimage27.jpg");}
.bgpattern28{background-image: url("../img/bgpatterns/bgimage28.jpg");}

.bgimage1 {background-image: url("../img/bgimages/thumbs/bgimage1.jpg");}
.bgimage2 {background-image: url("../img/bgimages/thumbs/bgimage2.jpg");}

#met_fullScreenImg{
	position:fixed;
	z-index: -1;
}



/*-------------------------------
	Intro Video Controller
------------------------------*/
.videoBG{
	z-index: 1;
}
.met_video_controller{
	position: fixed;
	z-index: 99999;
	width: 90px;
	height: 40px;
	right: 20px;
	top: 20px;
	display: none;
}

.met_video_controller a{
	float: left;
	display: block;
	width: 40px;
	height: 40px;
}

.met_video_controller a:first-child{
	margin-right: 10px;
	background-image: url('../img/onoff.png');
	background-position: -40px 0;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
}

.met_video_controller a:last-child{
	background-image: url('../img/skip.png');
}

.met_video_controller a:first-child:hover{
	background-position: 0 0;
}

.met_video_controller .met_silent_video{
	background-position: 0 0!important;
}

.met_video_controller .met_silent_video:hover{
	background-position: -40px 0!important;
}



/*-------------------------------
	Background Video
------------------------------*/
.met_video_background{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.met_page_wrapper[data-hover-blur="1"]{
    opacity: 1;
    filter: alpha(opacity = 100);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity linear 0.4s;
	-moz-transition: opacity linear 0.4s;
	-ms-transition: opacity linear 0.4s;
	-o-transition: opacity linear 0.4s;
}

.met_video_background:hover + .met_page_wrapper[data-hover-blur="1"]{
	opacity: 0.2;
    filter: alpha(opacity = 20);
    -ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
}



/*-------------------------------
	Timeline
------------------------------*/
.cbp_tmtimeline {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
}

/* The line */
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10px;
	background: #BFBFBF;
	left: 20%;
	margin-left: -10px;
}

.cbp_tmtimeline > li {
	position: relative;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 16%;
	padding-right: 100px;
	position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
	text-align: right;
	font-family: 'Open Sans';
	font-weight: 400;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	font-size: 1.1em;
	color: #bdd0db;
	margin-bottom: 10px;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
	font-size: 2.9em;
	color: #CCCCCC;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
	color: #BFBFBF;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 15px 25%;
	background: #CCCCCC;
	color: #fff;
	padding: 2em;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.4;
	position: relative;
	border-radius: 5px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	background: #BFBFBF;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 {
	margin-top: 0px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	color: #FFFFFF;
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #CCCCCC;
	border-width: 10px;
	top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #BFBFBF;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
	width: 40px;
	height: 40px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #BFBFBF;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #CCCCCC;
	text-align: center;
	left: 20%;
	top: 0;
	margin: 0 0 0 -25px;
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

	.cbp_tmtimeline > li .cbp_tmtime span:last-child {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 47.2em) {
	.cbp_tmtimeline:before {
		display: none;
	}

	.cbp_tmtimeline > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}

	.cbp_tmtimeline > li .cbp_tmtime span {
		text-align: left;
	}

	.cbp_tmtimeline > li .cbp_tmlabel {
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}

	.cbp_tmtimeline > li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #CCCCCC;
		top: -20px;
	}

	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
		border-bottom-color: #CCCCCC;
	}

	.cbp_tmtimeline > li .cbp_tmicon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0px;
	}
}



.aq-first {
	margin-left: 0 !important;
}

[class*="mtspn"] {
	float: left;
	margin-left: 3%;
}

.aq-template-wrapper .mtspn1 { width:5.58%; }
.aq-template-wrapper .mtspn2 { width:14.16%; }
.aq-template-wrapper .mtspn3 { width:22.75%; }
.aq-template-wrapper .mtspn4 { width:31.33%; }
.aq-template-wrapper .mtspn5 { width:39.92%; }
.aq-template-wrapper .mtspn6 { width:48.5%; }
.aq-template-wrapper .mtspn7 { width:57.08%; }
.aq-template-wrapper .mtspn8 { width:65.67%; }
.aq-template-wrapper .mtspn9 { width:74.25%; }
.aq-template-wrapper .mtspn10 { width:82.83%; }
.aq-template-wrapper .mtspn11 { width:91.42%; }
.aq-template-wrapper .mtspn12 { width:100%; }

.aq-template-wrapper .aq-first {margin-left: 0;}

.aq-template-wrapper .mtspn1 .mtspn1 { width:100%; }
.aq-template-wrapper .mtspn2 .mtspn1 { width:47.5%; }
.aq-template-wrapper .mtspn2 .mtspn2 { width:100%; }
.aq-template-wrapper .mtspn3 .mtspn1 { width:30%; }
.aq-template-wrapper .mtspn3 .mtspn2 { width:65%; }
.aq-template-wrapper .mtspn3  .mtspn3 { width:100%; }
.aq-template-wrapper .mtspn4 .mtspn1 { width:21.25%; }
.aq-template-wrapper .mtspn4 .mtspn2 { width:47.5%; }
.aq-template-wrapper .mtspn4 .mtspn3 { width:73.75%; }
.aq-template-wrapper .mtspn4 .mtspn4 { width:100%; }
.aq-template-wrapper .mtspn5 .mtspn1 { width:16%; }
.aq-template-wrapper .mtspn5 .mtspn2 { width:37%; }
.aq-template-wrapper .mtspn5 .mtspn3 { width:58%; }
.aq-template-wrapper .mtspn5 .mtspn4 { width:79%; }
.aq-template-wrapper .mtspn5 .mtspn5 { width:100%; }
.aq-template-wrapper .mtspn6 .mtspn1 { width:12.5%; }
.aq-template-wrapper .mtspn6 .mtspn2 { width:30%; }
.aq-template-wrapper .mtspn6 .mtspn3 { width:47.5%; }
.aq-template-wrapper .mtspn6 .mtspn4 { width:65%; }
.aq-template-wrapper .mtspn6 .mtspn5 { width:82.5%; }
.aq-template-wrapper .mtspn6 .mtspn6 { width:100%; }
.aq-template-wrapper .mtspn7 .mtspn1 { width:10%; }
.aq-template-wrapper .mtspn7 .mtspn2 { width:25%; }
.aq-template-wrapper .mtspn7 .mtspn3 { width:40%; }
.aq-template-wrapper .mtspn7 .mtspn4 { width:55%; }
.aq-template-wrapper .mtspn7 .mtspn5 { width:70%; }
.aq-template-wrapper .mtspn7 .mtspn6 { width:85%; }
.aq-template-wrapper .mtspn7 .mtspn7 { width:100%; }
.aq-template-wrapper .mtspn8 .mtspn1 { width:8.13%; }
.aq-template-wrapper .mtspn8 .mtspn2 { width:21.25%; }
.aq-template-wrapper .mtspn8 .mtspn3 { width:34.38%; }
.aq-template-wrapper .mtspn8 .mtspn4 { width:47.5%; }
.aq-template-wrapper .mtspn8 .mtspn5 { width:60.63%; }
.aq-template-wrapper .mtspn8 .mtspn6 { width:73.75%; }
.aq-template-wrapper .mtspn8 .mtspn7 { width:86.88%; }
.aq-template-wrapper .mtspn8 .mtspn8 { width:100%; }
.aq-template-wrapper .mtspn9 .mtspn1 { width:6.67%; }
.aq-template-wrapper .mtspn9 .mtspn2 { width:18.33%; }
.aq-template-wrapper .mtspn9 .mtspn3 { width:30%; }
.aq-template-wrapper .mtspn9 .mtspn4 { width:41.67%; }
.aq-template-wrapper .mtspn9 .mtspn5 { width:53.33%; }
.aq-template-wrapper .mtspn9 .mtspn6 { width:65%; }
.aq-template-wrapper .mtspn9 .mtspn7 { width:76.67%; }
.aq-template-wrapper .mtspn9 .mtspn8 { width:88.33%; }
.aq-template-wrapper .mtspn9 .mtspn9 { width:100%; }
.aq-template-wrapper .mtspn10 .mtspn1 { width:5.5%; }
.aq-template-wrapper .mtspn10 .mtspn2 { width:16%; }
.aq-template-wrapper .mtspn10 .mtspn3 { width:26.5%; }
.aq-template-wrapper .mtspn10 .mtspn4 { width:37%; }
.aq-template-wrapper .mtspn10 .mtspn5 { width:47.5%; }
.aq-template-wrapper .mtspn10 .mtspn6 { width:58%; }
.aq-template-wrapper .mtspn10 .mtspn7 { width:68.5%; }
.aq-template-wrapper .mtspn10 .mtspn8 { width:79%; }
.aq-template-wrapper .mtspn10 .mtspn9 { width:89.5%; }
.aq-template-wrapper .mtspn10 .mtspn10 { width:100%; }
.aq-template-wrapper .mtspn11 .mtspn1 { width:4.55%; }
.aq-template-wrapper .mtspn11 .mtspn2 { width:14.09%; }
.aq-template-wrapper .mtspn11 .mtspn3 { width:23.64%; }
.aq-template-wrapper .mtspn11 .mtspn4 { width:33.18%; }
.aq-template-wrapper .mtspn11 .mtspn5 { width:42.73%; }
.aq-template-wrapper .mtspn11 .mtspn6 { width:52.27%; }
.aq-template-wrapper .mtspn11 .mtspn7 { width:61.82%; }
.aq-template-wrapper .mtspn11 .mtspn8 { width:71.36%; }
.aq-template-wrapper .mtspn11 .mtspn9 { width:80.91%; }
.aq-template-wrapper .mtspn11 .mtspn10 { width:90.45%; }
.aq-template-wrapper .mtspn11 .mtspn11 { width:100%; }
.aq-template-wrapper .mtspn12 .mtspn1 { width:3.75%; }
.aq-template-wrapper .mtspn12 .mtspn2 { width:12.5%; }
.aq-template-wrapper .mtspn12 .mtspn3 { width:21.25%; }
.aq-template-wrapper .mtspn12 .mtspn4 { width:30%; }
.aq-template-wrapper .mtspn12 .mtspn5 { width:38.75%; }
.aq-template-wrapper .mtspn12 .mtspn6 { width:47.5%; }
.aq-template-wrapper .mtspn12 .mtspn7 { width:56.25%; }
.aq-template-wrapper .mtspn12 .mtspn8 { width:65%; }
.aq-template-wrapper .mtspn12 .mtspn9 { width:73.75%; }
.aq-template-wrapper .mtspn12 .mtspn10 { width:82.5%; }
.aq-template-wrapper .mtspn12 .mtspn11 { width:91.25%; }
.aq-template-wrapper .mtspn12 .mtspn12 { width:100%; }

.post_carousel_with_captions .met_bgcolor{
	float: left;
}

.post_carousel_wrapper{
	position: relative;
}

.post_carousel_anchors{
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.met_portfolio_detail_image .row-fluid{
	margin: 0;
}


/*-------------------------------
	Tablet Response
------------------------------*/
@media (max-width: 777px){

	.met_portfolio_list_3_columns .met_portfolio_item {
		width : 31.623931623931625%
	}

	.met_page_wrapper.met_boxed_layout {
		width: auto!important;
		margin-right: 10px;
	}

	.met_content{
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	.met_news_ticker_wrapper {
		width    : 553px;
		overflow : hidden;
	}

	.met_testimonial {
		margin-bottom : 12px;
	}

	.met_content .row-fluid [class*="span"] {
		margin-bottom : 40px;
	}

	.met_content .row-fluid [class*="span"]:last-child {
		margin-bottom : 0;
	}

	.met_portfolio_detail_image {
		width     : 100%;
		max-width : 100%;
	}

	.met_portfolio_detail_image img {
		width : 100%;
	}

	.met_portfolio_detail_image iframe {
		width : 100%;
	}

	.met_portfolio_detail_details {
		padding  : 0 5% 60px 5%;
		position : relative;
		float    : left;
		width    : 90%;
		margin   : 0;
	}

	.met_portfolio_detail_details:before {
		top  : -7px;
		left : 50%;
	}

	.met_responsive_nav {
		display : block;
		margin  : 65px 0 0 0;
	}

	.met_main_menu {
		display : none;
	}
}



/*-------------------------------
	Phone Landscape Response
------------------------------*/
@media (max-width: 490px){

    .aq-block{
        width: 100%!important;
    }

    [class*="mtspn"] {
         margin-left: 0;
     }

	.met_fixed_header .met_logo_container {
		margin-top : 35px !important;
	}

	.met_fixed_header {
		padding-top : 100px !important;
	}

	header,
	.met_fixed_header:before {
		height : 100px !important;
	}

	.met_logo_container {
		margin-top : 25px;
	}

	header {
		height : 100px;
	}

	.met_under_menu {
		display : none;
	}

	form + .met_icon_socials {
		padding     : 0 13px;
		margin-left : 238px;
		float       : none;
	}

	.met_news_ticker_wrapper {
		width : 294px;
	}

	.met_portfolio_item {
		width : 48.33617021276595% !important;
	}

	.met_blog_1_summary {
		width : 268px;
	}

	.met_blog_1_summary + aside {
		margin-left : 308px;
	}
}

@media (max-width: 340px){

	.met_news_ticker_wrapper {
		width : 150px;
	}

	.met_portfolio_item {
		width        : 100% !important;
		margin-left  : 0 !important;
		margin-right : 0 !important;
	}

	.met_blog_1_summary {
		width : 135px;
	}

	.met_blog_1_summary + aside {
		margin-left : 178px;
	}

	.met_recent_works_carousel_wrap.met_no_carousel{
		margin-left: 0!important;
		margin-right: 0!important;
	}

    .met_recent_works_carousel_wrap.met_no_carousel .span4{
		width: 100%!important;
		margin-left: 0!important;
		margin-right: 0!important;
    }

}