/*****************************************************************
 * **************************************************************
 * @MetCreative - Table of Contents
 * 1-) GLOBAL
 *    a- General
 *    b- Header
 *    c- Custom Accordion
 *    d- Special Titles
 *    e- Small News List
 *    f- Recent Works Carousel
 *    g- Testimonials
 *    h- Twitter Ticker
 *    i- Footer
 *    j- Flickr Widget
 *    k- Page Title Line
 *    l- Thin Titles
 *    m- Skill Bars
 *    n- Our Team
 *    o- Listing
 *    p- Skills Diagram
 *    q- Contact Page
 *    r- Contact Form
 *    s- Metro Sidebar Components
 *    t- Metro Sidebar Categories Box
 *    u- Metro Sidebar Recent Posts Box
 *    v- Metro Sidebar Tag Cloud Box
 *    w- Blog List Style 1
 *    x- Blog List Style 2
 *    y- Custom Select Box
 *    z- CSS3 Ajax Loader
 *    aa- Isotope Filtering
 *    ab- Comments
 *    ac- Pagination
 *    ad- 404 Page
 *    ae- Portfolio List
 *    af- Portfolio Item Effect 1
 *    ag- Portfolio Item Effect 2
 *    ah- Portfolio Item Effect 3
 *    ai- Portfolio Item Effect 4
 *    aj- Portfolio Item Effect 5
 *    ak- Portfolio Item Effect 6
 *    al- Portfolio Filter
 *    am- Portfolio Detail
 *    an- Responsive Navigation
 *    ao- Pricing Tables
 *    ap- Simple Pricing Table
 *    aq- Extended Pricing Table
 *    ar- Tab Content
 *    as- Buttons
 *    at- Back to Top
 *    au- Shortcode Testimonial
 *    av- Information Boxes
 *    aw- Background Images and Patterns
 *    ax- Intro Video Controller
 *    ay- Background Video
 *    az- Timeline
 * 2-) Response For Tablets
 * 3-) Response For Mobile Landscape
 * 4-) Response For Mobile Portrait
 * !Note: You can make search with one of the title above to find the block according to it
 * **************************************************************
 *****************************************************************/

 .float-left {
	float: left;
 }
.float-right {
	float: right;
}
 .relative {
	position: relative;
 }
/*-------------------------------
	General
 ------------------------------*/
.met_color {
	color : #EB2326;
}

.met_color2 {
	color : #476bff;
}

.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 #CCCCCC;
	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 {
}

.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            : #0d173d;
	
	-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;
}

.logo {
	margin-left: 30px;
}

.center {
	position: relative;
  }

.met_logo_container {
	display            : block;
	-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;
	font-weight: bold;
	margin-top: 30px;
}

.menubar {
	padding: 10px;
}

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

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

.met_main_menu > li {
	list-style         : none;
	float              : left;
	height             : 30px;
	line-height        : 30px;
	position           : relative;	
	-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 {
	
}

/*.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 : #1c2a61;
}

.met_main_menu li ul {
	min-width          : 144px;
	position           : absolute;
	top                : 100%;
	left               : 0;
	list-style         : none;
	margin             : 0;
	background-color   : #1c2a61;
	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              : #ffffff;
	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 : #2f459d;
	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 #2f459d;
	border-bottom    : 1px solid #2f459d;
	background-color : #2f459d;
	height           : 48px;
	position         : relative;
}

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

.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;
	font-size		 : 14px;
	background-color : #3a50ac;
	border           : none;
	color            : #FFFFFF;
}

.met_under_menu input:focus {
	outline : none;
}

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

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

.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 : #0D173D;
	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;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.met_accordion .accordion-toggle .met_icon_plus {
		background-image    : url("../img/icon_plus@2x.png");
		background-size: 13px 13px;
	}

	.met_accordion .accordion-toggle .met_icon_minus {
		background-image    : url("../img/icon_minus@2x.png");
		background-size: 10px 3px;
	}
}

/*-------------------------------
	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;
}

.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 {
	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_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;
	height	: 340px;
	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;
}

/*-------------------------------
	Twitter Ticker
 ------------------------------*/
.met_twitter_ticker_wrap {
	position   : relative;
	z-index    : 1;
	min-height : 40px;
	color      : #FFFFFF;
	background : #1C2A61;
	background : -moz-linear-gradient(top, #1C2A61 0%, #1C2A61 25%, #1C2A61 100%);
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C2A61), color-stop(25%, #1C2A611), color-stop(100%, #1C2A61));
	background : -webkit-linear-gradient(top, #1C2A61E 0%, #1C2A61 25%, #1C2A61 100%);
	background : -o-linear-gradient(top, #1C2A61 0%, #1C2A61 25%, #1C2A61 100%);
	background : -ms-linear-gradient(top, #1C2A61 0%, #1C2A61 25%, #1C2A61 100%);
	background : linear-gradient(to bottom, #1C2A61 0%, #1C2A61 25%, #1C2A61 100%);
	filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C2A61', endColorstr='#1C2A61', 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 : #0D173D;
}

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;
}

.met_page_title_with_bg.met_page_title_image{
	background: url('http://placehold.it/2000x225') top center no-repeat;
}




/*-------------------------------
	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   : #0D173D;
	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: 0;
	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;
	width  : 297px;
	height : 297px;
}

/*-------------------------------
	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 {
	-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          : 14px;
	border-radius      : 0;
	box-shadow         : none;
	border             : solid 1px #dddddd;
	height             : auto;
	padding            : 17px;
	width              : 100%;
	float              : left;
}

.met_newsletter_form .met_input_text,
.met_newsletter_form .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          : 14px;
	border-radius      : 0;
	box-shadow         : none;
	border             : solid 1px #dddddd;
	height             : auto;
	padding            : 17px;
	width              : 100%;
	float              : left;
}

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

.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_newsletter_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;
}

/*-------------------------------
	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;
}

/*-------------------------------
	Pagination
 ------------------------------*/
.n_pagination {
	margin-top    : -20px;
	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 #FFFFFF;
	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         : #FFFFFF;
	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       : #777777;
	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 : #FFFFFF;
	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      : #FFFFFF;
	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      : #FFFFFF;
}

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

.extended-pricing-table .price {
	color       : #999999;
	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     : #FFFFFF;
	font-size : 30px;
	display   : block;
}

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

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

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

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

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

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

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

.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 : #dddddd;
}

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

.met_tab_content {
	background : #dddddd;
	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       : #888888;
	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;
	}

}

/*-------------------------------
	Information Boxes
------------------------------*/
.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     : #bbbbbb;
}

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

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

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

.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 : #2F459D;
	border-width       : 10px;
	top                : 10px;
}

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

/* 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                  : #FFFFFF;
	background             : #cccccc;
	border-radius          : 50%;
	box-shadow             : 0 0 0 8px #bbbbbb;
	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 : #2F459D;
		top                 : -20px;
	}

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

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

/*-------------------------------
	Response For Tablets
------------------------------*/
@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: 30px;
	}

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

	.met_testimonial {
		margin-bottom : 12px;
	}

	.met_content .row-fluid [class*="span"] {
	}

	.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;
	}
	
		.span6{
		padding-left:0 !important;
		}
		.met_still_text {
    color: #000000;
	font-size:10px;
}
}

/*-------------------------------
	Response For Mobile Landscape
------------------------------*/

@media (max-width: 640px) {
	
	.languagelink {
	top:100px !important;	
	}	
}

@media (max-width: 490px) {

	.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;
	}
	
	#obllogo{
		width: 200px;
		}

	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 > h3:first-child,
	.met_blog_1_summary .entry-content{
		overflow: hidden;
	}

	.met_blog_1_summary + aside {
		margin-left : 308px;
	}
	
	.orbit-wrapper {
		display:none !important;
	}
	
	.span6{
		padding-left:0 !important;
		}
		.met_twitter_ticker_wrap{
	display:none !important;
	}
	
	.met_still_text {
    color: #000000;
}

.languagelink {
	top:100px !important;	
	}


}



/*-------------------------------
	Response For Mobile Portrait
------------------------------*/
@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;
	}
	
	.orbit-wrapper {
		display:none !important;
	}
	
	.met_logo_container img{
	width: 200px;
	height: 62px;
	margin-top:30px;
	
}

.met_still_text {
    color: #000000;
}
	
		.span6{
		padding-left:0 !important;
		}
		.met_twitter_ticker_wrap{
	display:none !important;
	}
	
	.languagelink {
	top:110px !important;	
	}

}

.met_input_text.hd {
	display: none;
}


  #drdsgvo_map {
    max-width:100%;
    border: 1px solid #000;

  }

}