/*
-------------------------------------------------------------
	Custom CSS File 
	end2end.com.au
	Colour formatting
-------------------------------------------------------------
*/

/*
-------------------------------------------------------------
	Font Colours
-------------------------------------------------------------
*/

.met_color { color 	: #f3efe5; }
.met_color2 { color : #25425b; }
.met_color3 { color : #8d7e51; }
.met_color4 { color : #fff; }
.met_color5 { color : #dfdac4; }
.met_color6 { color:#b7aa82; }

/*
-------------------------------------------------------------
	Background Block Colours
-------------------------------------------------------------
*/

.met_bgcolor1 { background-color : #f3efe5; }
.met_bgcolor2 {	background-color : #5B5E65; }
.met_bgcolor3 {	background-color : #3b556a; }
.met_bgcolor4 { background-color : #7E8A96; }
.met_bgcolor5 {	background-color : #dfdac4; }
.met_bgcolor6 {	background-color : #8d7e51; }
.met_bgcolor7 {	background-color : #123b60; }
.met_bgcolor8 {	background-color : #b7aa82; }
.met_bgcolor9 {	background-color : #123b60; }
.met_bgcolor10 {	background-color : #e0e7ed; }

.met_bgcolor_trans { background-color : rgba(24, 173, 181, 0.8); }
.met_bgcolor5_trans { background-color : rgba(164, 174, 185, 0.5); }
.met_bgcolor6_trans { background-color : rgba(101, 104, 112, 0.5); }

/*
-------------------------------------------------------------
	Fade Colours
-------------------------------------------------------------
*/

.met_color_transition {
	-webkit-transition : color ease-out 0.4s; -moz-transition: color ease-out 0.4s; -ms-transition: color ease-out 0.4s; -o-transition: color ease-out 0.4s;
}

.met_color_transition:hover {
	color           : #ded1aa;
	text-decoration : none;
}

.met_color_transition2 {
	-webkit-transition : color ease-out 0.4s; -moz-transition: color ease-out 0.4s; -ms-transition: color ease-out 0.4s; -o-transition: color ease-out 0.4s;
}

.met_color_transition2:hover {
	color           : #8d7e51;
	text-decoration : none;
}

.met_bgcolor_transition,
.met_bgcolor_transition2 {
	-webkit-transition : background-color ease-out 0.4s;
	-moz-transition    : background-color ease-out 0.4s;
	-ms-transition     : background-color ease-out 0.4s;
	-o-transition      : background-color ease-out 0.4s;
}

.met_bgcolor_transition { background-color : #8d7e51; }
.met_bgcolor_transition:hover {	background-color : #b7aa82; }

.met_bgcolor_transition2 { background-color : #3b556a; }
.met_bgcolor_transition2:hover { background-color : #4f6679; }

.met_bgcolor_transition:hover a,
.met_bgcolor_transition2:hover a {
	text-decoration : none;
}

:focus { outline : none; }
:active { outline : none; }
:-o-any-link:focus { outline : none; }
::-moz-focus-inner { border : 0; }
::-o-focus-inner { border : 0; }

/*
-------------------------------------------------------------
	Page Layout - Wrappers 
-------------------------------------------------------------
*/

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

.met_page_wrapper.met_boxed_layout {
	margin        : 0 auto;
	width         : 1210px;
	box-shadow    : 0 0 5px #CCCCCC;
	padding-right : 0;
	position      : relative;
	overflow      : visible;
}

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

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

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

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

/*
-------------------------------------------------------------
	Text
-------------------------------------------------------------
*/

h1.met_bold_one,
h2.met_bold_one,
h3.met_bold_one,
h4.met_bold_one,
h5.met_bold_one,
h6.met_bold_one {
	font-weight : 700;
	color:#3b556a;
}

.entry-content { color:#3b556a; margin:15px 0px 0px 0px; }

.met_button {
	color              : #FFFFFF;
	padding            : 0 40px 0 19px;
	font-size          : 12px;
	line-height        : 40px;
	height             : 40px;
	font-weight        : 700;
	position           : relative;
	display            : inline-block;
	-webkit-transition : background-color ease-out 0.4s;
	-moz-transition    : background-color ease-out 0.4s;
	-ms-transition     : background-color ease-out 0.4s;
	-o-transition      : background-color ease-out 0.4s;
}

.met_button:hover {
	text-decoration  : none;
	background-color : #8d7e51;
}

.met_button:after {
	font-family : FontAwesome;
	content     : '\f067';
	font-size   : 14px;
	line-height : 40px;
	color       : #FFFFFF;
	position    : absolute;
	right       : 0;
	top         : 0;
	height      : 100%;
	width       : 40px;
	text-align  : center;
	display     : block;
}

.met_clear_margin_top {
	margin-top    : 0;
	margin-bottom : 25px;
}

.met_text_block {
	background-color : #f2f6f8;
	padding          : 20px;
	margin-bottom:30px;
}

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

/*
-------------------------------------------------------------
	HEADER
-------------------------------------------------------------
*/

header.met_content{
	margin-bottom: 0;
}

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

.met_logo {
	margin-top : 0;
	position: absolute;
	height: 100%;
}

.met_logo,
.met_logo img {
	display : inline-block;
}

.met_logo_loading{
	opacity: 0;
}

.met_logo img{
	max-height: 150px;
}

header {
	height : 150px;
	position   : relative;
	z-index    : 2;
}

header aside {
	float      : right;
	margin-top : 20px;
	color:#8d7e51
}

header aside .contactFree { float:left; }
header aside .contactFree a { color:#25425b; font-weight:bold; }

header aside .socialNetworks { float:right; }
header aside .socialNetworks > a { margin-left:10px; font-size:24px; }

header aside .phoneNumber { color:#3b556a; font-weight:700; font-size:36px; float:left; margin-top:14px; padding-top:22px; }

header aside .contactDetails { color:#3b556a; font-size:16px; float:left; border-left:1px solid #a3b0ba; padding-left:10px; margin-left:10px;  margin-top:10px; }
header aside .contactDetails a { color:#3b556a; }

/*
-------------------------------------------------------------
	MAIN MENU
-------------------------------------------------------------
*/

.met_main_nav {
	margin-bottom : 20px; 
	z-index       : 4;
	position      : relative;
}

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

.met_main_nav.met_fixed_nav {
	position                    : fixed;
	left                        : 0;
	top                         : 0;
	margin                      : 0;
	-webkit-font-smoothing      : subpixel-antialiased !important;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
}

.met_main_nav.met_fixed_nav:before {
	display : none;
}

.met_fixed_nav + div {
	margin-top : 90px;
}

.met_main_nav + div {
	position : relative;
	z-index  : 1;
}

.met_main_nav:before {
	position            : absolute;
	width               : 100%;
	height              : 27px;
	top                 : 100%;
	left                : 0;
	content             : '';
	display             : block;
	background-image    : url(../images/menu-shadow.png);
	background-position : center;
	background-repeat   : no-repeat;
}

.met_main_nav ul {
	margin : 0;
}

.met_main_nav > ul li {
	position : relative;
}

.met_main_nav > ul li ul {
	position           : absolute;
	top                : 100%;
	left               : 0;
	min-width          : 200px;
	background-color   : #4f6679;
	padding-top        : 15px;
	padding-bottom     : 15px;
	border-radius      : 0 0 5px 5px;
	display: none;
}
/*
.met_main_nav > ul li:hover > ul {
	opacity            : 1;
	visibility         : visible;
	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_main_nav > ul li ul a {
	display         : block;
	color           : #fff;
	font-size       : 15px;
	font-weight     : 400;
	text-decoration : none;
	padding         : 0 19px;
	height          : 35px;
	line-height     : 35px;
	white-space: nowrap;
}

.met_main_nav ul,
.met_main_nav li {
	list-style : none;
	float      : left;
	display    : block;
}

.met_main_nav > ul > li ul li {
	width : 100%;
}

.met_main_nav > ul > li ul li a {
	border-bottom      : 1px solid rgba(255, 255, 255, 0.05);
	-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_main_nav > ul > li ul li a:hover {
	color : #8d7e51;
}

.met_main_nav > ul > li ul li:last-child a {
	border-bottom : none;
}

.met_main_nav .met_menu_home {
	background-color : #123b60;
	font-size        : 25px;
	padding          : 0 19px;
}

.met_main_nav a.met_menu_home { color:#b7aa82; }

.met_main_nav a {
	line-height : 60px;
	padding     : 0 12px;
	color       : #FFFFFF;
	display     : inline-block;
	font-weight	: bold;
	font-size	: 15px;
}

.met_has_lower > a:after {
	position    : absolute;
	font-family : FontAwesome;
	right       : 10px;
	content     : '\f105';
	font-size   : 12px;
	color       : #4f6679;
	line-height : 36px;
	height      : 36px;
}

.met_has_lower > a:hover:after {
	color : #4f6679;
}

.met_main_nav > ul li ul li ul {
	left : 100%;
	top  : 0;
}

.met_main_nav > ul > li > ul > li > ul {
	left: 105%;
	border-radius: 5px;
}

.met_main_nav > ul > li > ul > li > ul:before{
	content: '';
	display: block;
	position: absolute;
	width: 5%;
	height: 100%;
	background: transparent;
	top: 0;
	left: -5%;
}

/* 3rd level menu arrow */
.met_main_nav > ul > li > ul > li > ul:after{
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	left: -10.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 15px 10px 0;
	border-color: transparent #4f6679 transparent transparent;
}

.met_client_login_wrapper {
	position           : absolute;
	right              : 0;
	top                : 0;
	z-index            : 6;
	height             : 60px;
	overflow           : hidden;
	-webkit-transition : width ease-in 0.3s;
	-moz-transition    : width ease-in 0.3s;
	-ms-transition     : width ease-in 0.3s;
	-o-transition      : width ease-in 0.3s;
	float:right;
}

/*
-------------------------------------------------------------
	Slider
-------------------------------------------------------------
*/
 
.met_slider_wrap {
	position : relative;
}

.met_slider_overlay {
	position   : absolute;
	width      : 100%;
	height     : 100%;
	left       : 0;
	top        : 0;
	z-index    : 5;
	background : #FFFFFF url(../images/slider_loader.gif) center center no-repeat;
}

.met_slider_wrap .caroufredsel_wrapper {
	z-index : 1;
}

.met_slider {
	height   : 500px;
	overflow : hidden;
}

.met_slider_item {
	position : relative;
	float    : left;
	display: block;
}

.met_slider_item_right {
	position : relative;
	float    : right;
	display: block;
	
}

.met_slider_item_preview {
	width : 74.358974359%;
	float : left;
}

.met_slider_item_preview a,
.met_slider_item_preview img {
	display : block;
}

.met_slider_item_caption {
	margin-left : 74.358974359%;
	position    : absolute;
	height      : 100%;
}

.met_slider_item_caption > div {
	padding : 30px;
}

.met_slider_nav_prev,
.met_slider_nav_next {
	width       : 30px;
	height      : 30px;
	position    : absolute;
	bottom      : 30px;
	right       : 30px;
	display     : block;
	line-height : 32px;
	text-align  : center;
	z-index     : 2;
}

.met_slider_nav_prev {
	right : 70px;
}

.met_slider_nav_next:hover,
.met_slider_nav_prev:hover {
	text-decoration : none;
}

h2.met_title_stack {
	color       : #fff;
	font-size   : 24px;
	margin      : 0;
	line-height : 27px;
}

h3.met_title_stack {
	color       : #fff;
	font-size   : 24px;
	margin      : 0;
	line-height : 27px;
}

/*
-------------------------------------------------------------
	Home Page Banner
-------------------------------------------------------------
*/

.met_home_banner_container {
	position : relative;
}

.met_home_banner_container_image_left {
	float    : left;
	position : relative;
	width    : 50%;
}

.met_home_banner_container_image_left img {
	display : block;
	width   : 100%;
	z-index:1;
}

.met_home_banner_container_image_left span {
	position: absolute;
	bottom: 20px;
	color: #fff;
	padding: 20px;
	width: 280px;
	height:160px;
	display:block;
	z-index:2;
	background:#8d7e51;
	right:20px;
	font-size   : 24px;
}

.met_home_banner_container_image_left ul { margin:10px 0px 0px 0px; padding:0px; }
.met_home_banner_container_image_left ul li { list-style:none; line-height:31px; padding:0px; margin:0px; }
.met_home_banner_container_image_left .services { font-weight:300; }
.met_home_banner_container_image_left a { color:#fff;  } 

.met_home_banner_container_image_right {
	float    : right;
	position : relative;
	width    : 50%;
}

.met_home_banner_container_image_right img {
	display : block;
	width   : 100%;
	z-index:1;
}

.met_home_banner_container_image_right span {
	position: absolute;
	bottom: 20px;
	padding: 20px;
	width: 280px;
	height:160px;
	display:block;
	z-index:2;
	background:#3b556a;
	right:20px;
	color       : #fff;
	font-size   : 24px;
}

.met_home_banner_container_image_right ul { margin:10px 0px 0px 0px; padding:0px; }
.met_home_banner_container_image_right ul li { list-style:none; line-height:31px; padding:0px; margin:0px; }
.met_home_banner_container_image_right .services { font-weight:300; }
.met_home_banner_container_image_right a { color:#fff;  } 

/*
-------------------------------------------------------------
	Image With Text Boxes - Competition Call To Actions
-------------------------------------------------------------
*/
 
.met_img_with_text {
	position : relative;
}

.met_img_with_text article h2.met_title_stack {
	color       : #25425b;
	font-size   : 24px;
	margin      : 0;
	line-height : 27px;
}

.met_img_with_text article h3.met_title_stack {
	color       : #25425b;
	font-size   : 24px;
	margin      : 0;
	line-height : 27px;
}


.met_img_with_text_preview {
	float    : left;
	position : relative;
	width    : 47.3684210526%;
}

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

.met_img_with_text_overlay {
	position           : absolute;
	width              : 100%;
	height             : 100%;
	top                : 0;
	left               : 0;
	visibility         : hidden;
	opacity            : 0;
	filter             : alpha(opacity=0);
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition : all ease 0.5s;
	-moz-transition    : all ease 0.5s;
	-ms-transition     : all ease 0.5s;
	-o-transition      : all ease 0.5s;
	text-align         : center;
}

.met_img_with_text_overlay a {
	display            : inline-block;
	width              : 50px;
	height             : 50px;
	line-height        : 50px;
	border-radius      : 50px;
	font-size          : 20px;
	text-decoration    : none;
	border             : 5px solid rgba(255, 255, 255, 0.2);
	visibility         : hidden;
	opacity            : 0;
	filter             : alpha(opacity=0);
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position           : absolute;
	left               : 0;
	top                : 0;
	-webkit-transition : all ease 0.5s;
	-moz-transition    : all ease 0.5s;
	-ms-transition     : all ease 0.5s;
	-o-transition      : all ease 0.5s;
}

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

.met_img_with_text:hover .met_img_with_text_overlay a {
	visibility : visible;
	opacity    : 1;
	filter     : alpha(opacity=100);
	-ms-filter : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	left       : 42%;
	top        : 40%;
}

.met_img_with_text article {
	position    : absolute;
	margin-left : 47.3684210526%;
	height      : 100%;
}

.met_img_with_text article:before {
	position     : absolute;
	left         : -18px;
	top          : 20%;
	content      : '';
	display      : block;
	width        : 0px;
	height       : 0px;
	border-style : solid;
	border-width : 0 18px 18px 0;
}

.met_img_with_text article.met_bgcolor5:before {
	border-color : transparent #dfdac4 transparent transparent;
}

.met_img_with_text article.met_bgcolor6:before {
	border-color : transparent #656870 transparent transparent;
}

.met_img_with_text article div {
	padding : 20px;
}

/*
-------------------------------------------------------------
	Pagers Near Title
-------------------------------------------------------------
*/
 
.met_title_with_pager {
	display : block;
}

.met_title_with_pager nav {
	float : right;

}

.met_title_with_pager nav a {
	color       : #A4AEB9;
	font-size   : 10px;
	display     : block;
	float       : left;
	margin      : 0 2px;
	line-height : 32px;
}

.met_title_with_pager nav a.selected {
	color : #18ADB5;
}

.met_title_with_pager nav a:hover {
	text-decoration : none;
}

/*
-------------------------------------------------------------
	Latest Posts Widget
-------------------------------------------------------------
*/
 
.met_latest_posts_item {
	padding-bottom : 10px;
	margin-bottom  : 10px;
	border-bottom  : 1px solid #DCE0E3;
}

.met_latest_post_image,
.met_latest_post_image img {
	display : block;
	float   : left;
	width   : 50px;
	height  : 50px;
}

.met_latest_post_title,
.met_latest_post_descr {
	margin-left   : 60px;
	display       : block;
	font-size     : 12px;
	margin-bottom : 0;
}

.met_latest_post_title {
	font-weight   : 700;
	line-height   : 12px;
	margin-bottom : 5px;
}

.met_latest_post_descr {
	line-height : 17px;
}

.met_latest_posts_block {
	float    : left;
	overflow : hidden;
}

.met_latest_posts_block .met_latest_posts_item:last-child {
	border-bottom : none;
}

/*
-------------------------------------------------------------
	Recent Works Widget
-------------------------------------------------------------
*/

.met_recent_works {
	height   : 270px;
	overflow : hidden;
}

.met_recent_work_item {
	float         : left;
	position      : relative;
	overflow      : hidden;
	margin-bottom : 10px;
}

.met_recent_work_image,
.met_recent_work_image img {
	display : block;
	float   : left;
}

.met_recent_work_image {
	position : relative;
	z-index  : 1;
}

.met_recent_work_overbox {
	position           : absolute;
	width              : 100%;
	height             : 100%;
	z-index            : 2;
	left               : 0;
	top                : 0;
	opacity            : 0;
	visibility         : hidden;
	filter             : alpha(opacity=0);
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-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_item:hover .met_recent_work_overbox {
	opacity    : 1;
	visibility : visible;
	filter     : alpha(opacity=100);
	-ms-filter : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.met_recent_work_overbox a {
	display    : block;
	text-align : center;
	float      : left;
	width      : 100%;
	position   : relative;
	top        : 28%;
}

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

.met_recent_work_overbox span {
	font-weight : 700;
	display     : block;
	width       : 100%;
	text-align  : center;
}

.met_recent_work_overbox i {
	font-size : 23px;
}

/*
-------------------------------------------------------------
	Blog Posts List - Home
-------------------------------------------------------------
*/

.met_dated_blog_posts { margin-top:5px; }
 
.met_dated_blog_posts .met_date {
	font-size:24px;
	font-weight:700;
	color:#8d7e51;
}

.met_dated_blog_posts .met_month {
	font-size   : 14px;
	font-weight : 700;
	color:#8d7e51;
}

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

.met_dated_blog_posts article h3 {
	/* font-size   : 14px; */
	font-size   :16px;
	font-weight :700;
	margin-top  :0;
	line-height :24px;
	color		:#25425b;
}

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

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

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

/*
-------------------------------------------------------------
	Slogan - Footer
-------------------------------------------------------------
*/

.met_slogan_wrap {
	position   : relative;
	z-index    : 1;
	min-height : 30px;
	overflow   : hidden;
	margin-top : 70px;
	color       : #fff;
	font-size   : 24px;
	line-height:27px;
	font-weight: 300;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

/*
-------------------------------------------------------------
	Footer
-------------------------------------------------------------
*/

footer {
	padding-top : 30px;
}

footer h3 {
	font-weight : 700;
}

footer h2.met_title_stack {
	color       : #fff;
	font-size   : 24px;
	margin      : 0;
	line-height : 27px;
}

footer h3.met_title_stack {
	color       : #fff;
	font-size   : 24px;
	margin      : 0 0 10px 0;
	line-height : 27px;
}

footer .met_footer_contact_details {  font-size:16px; line-height:24px; padding:0px 0px 10px 0px; margin:0px; color:#fff;  }
footer .met_footer_contact_details a { color:#dfdac4; }

.met_footer_paradise_kids {
	float:right;
	position: absolute;
	right   : 0;
	margin-top:20px;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
}

.met_footer_social_icons { 
	float:left;
	position: absolute;
	left   : 0;
	margin-top:10px;
}

.met_footer_social_icons a {
	font-size     : 26px;
	margin-left:10px; 
	-webkit-transition : width ease-in 0.3s;
	-moz-transition    : width ease-in 0.3s;
	-ms-transition     : width ease-in 0.3s;
	-o-transition      : width ease-in 0.3s;
}

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

.met_footer_copyright {
	height           : 50px;
	line-height      : 50px;
	background-color : #123b60;
	text-decoration  : none;
	margin-top:30px;
}

.met_footer_copyright p {
	font-size   : 12px;
	font-weight : 400;
	color:#FFF;
}

footer .met_footer_copyright a { color:#dfdac4; }

footer h3 {
	font-size     : 24px;
	margin-bottom : 0;
	line-height   : 30px;
}

footer span {
	font-size     : 11px;
	line-height   : 12px;
	margin-bottom : 25px;
	display       : block;
}

.met_footer_menu {
	float      : right;
	margin     : 0;
	list-style : none;
	margin-top : 94px;
	text-align:right;
}

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

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

.met_footer_menu li a {
	font-size   : 14px;
	color:#dfdac4;
}

footer > .met_content {
	margin-bottom : 30px;
	margin-top    : 7px;
}

/*
-------------------------------------------------------------
	Page Header
-------------------------------------------------------------
*/
 
.met_page_header {
	min-height : 90px;
}

.met_page_header h1 {
	line-height : 90px;
	height      : 90px;
	padding     : 0 30px;
	display     : inline-block;
	margin      : 0;
	font-weight : 700;
	min-width   : 210px;
}

.met_page_header h2 {
	line-height: 90px;
	height: 87px;
	padding: 0 30px;
	font-weight: 300;
	font-size: 24px;
	display: inline-block;
	margin: 0;
	position: relative;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	max-width: 836px;
}

.met_page_header h2:before {
	position     : absolute;
	left         : -21px;
	top          : 40%;
	content      : '';
	display      : block;
	width        : 0;
	height       : 0;
	border-style : solid;
	border-width : 0 18px 18px 0;
	border-color : transparent #dfdac4 transparent transparent;
}

.met_page_header ul {
	float      : right;
	list-style : none;
	margin     : 38px 30px 0 0;
}

.met_page_header li {
	list-style    : none;
	float         : left;
	padding-right : 20px;
	position      : relative;
}

.met_page_header li:last-child {
	padding-right : 0;
}

.met_page_header li:after {
	display  : block;
	position : absolute;
	content  : '/';
	color    : #FFFFFF;
	right    : 9px;
	top      : 0;
}

.met_page_header li:last-child:after {
	content : '';
}

/*
-------------------------------------------------------------
	Page Header - Finance Pages
-------------------------------------------------------------
*/
 
.met_page_header_finance {
	min-height : 90px;
}

.met_page_header_finance h1 {
	line-height : 90px;
	height      : 90px;
	padding     : 0 30px;
	display     : inline-block;
	margin      : 0;
	font-weight : 700;
	min-width   : 210px;
}

.met_page_header_finance h2 {
	line-height: 90px;
	height: 87px;
	padding: 0 30px;
	font-weight: 300;
	font-size: 24px;
	display: inline-block;
	margin: 0;
	position: relative;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	max-width: 836px;
}

.met_page_header_finance h2:before {
	position     : absolute;
	left         : -21px;
	top          : 40%;
	content      : '';
	display      : block;
	width        : 0;
	height       : 0;
	border-style : solid;
	border-width : 0 18px 18px 0;
	border-color : transparent #f3efe5 transparent transparent;
}

.met_page_header_finance ul {
	float      : right;
	list-style : none;
	margin     : 38px 30px 0 0;
}

.met_page_header_finance li {
	list-style    : none;
	float         : left;
	padding-right : 20px;
	position      : relative;
}

.met_page_header_finance li:last-child {
	padding-right : 0;
}

.met_page_header_finance li:after {
	display  : block;
	position : absolute;
	content  : '/';
	color    : #FFFFFF;
	right    : 9px;
	top      : 0;
}

.met_page_header_finance li:last-child:after {
	content : '';
}

/*
-------------------------------------------------------------
	Page Header - Financial Planning
-------------------------------------------------------------
*/
 
.met_page_header_fp {
	min-height : 90px;
}

.met_page_header_fp h1 {
	line-height : 90px;
	height      : 90px;
	padding     : 0 30px;
	display     : inline-block;
	margin      : 0;
	font-weight : 700;
	min-width   : 210px;
}

.met_page_header_fp h2 {
	line-height: 90px;
	height: 87px;
	padding: 0 30px;
	font-weight: 300;
	font-size: 24px;
	display: inline-block;
	margin: 0;
	position: relative;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	max-width: 836px;
}

.met_page_header_fp h2:before {
	position     : absolute;
	left         : -21px;
	top          : 40%;
	content      : '';
	display      : block;
	width        : 0;
	height       : 0;
	border-style : solid;
	border-width : 0 18px 18px 0;
	border-color : transparent #e0e7ed transparent transparent;
}

.met_page_header_fp ul {
	float      : right;
	list-style : none;
	margin     : 38px 30px 0 0;
}

.met_page_header_fp li {
	list-style    : none;
	float         : left;
	padding-right : 20px;
	position      : relative;
}

.met_page_header_fp li:last-child {
	padding-right : 0;
}

.met_page_header_fp li:after {
	display  : block;
	position : absolute;
	content  : '/';
	color    : #FFFFFF;
	right    : 9px;
	top      : 0;
}

.met_page_header_fp li:last-child:after {
	content : '';
}

/*
-------------------------------------------------------------
	Cacoon Sidebar
-------------------------------------------------------------
*/

.met_cacoon_sidebar {
	padding  : 20px;
	position : relative;
}

.met_cacoon_sidebar:before {
	position     : absolute;
	left         : -18px;
	top          : 5%;
	content      : '';
	display      : block;
	width        : 0;
	height       : 0;
	/*
	border-style : solid;
	border-width : 0 18px 18px 0;
	border-color : transparent #656870 transparent transparent;
	*/
}

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

.met_cacoon_sidebar_item {
	margin-top : 30px;
}

/*
-------------------------------------------------------------
	Finance Logos
-------------------------------------------------------------
*/

.met_finance_logos { text-align:left; font-size:10px; text-transform:uppercase; }

#simple-vertical {
	width: 100%;
	color: #FFF;
}

.blockSample {
	left: 20px; 
	top: 20px; 
	padding: 6px 8px; 
	background: #FFF; 
	color:#000;
}


/*
-------------------------------------------------------------
	Service Box
-------------------------------------------------------------
*/
 
.met_service_box > div {
	float            : left;
	width            : 90px;
	height           : 90px;
	background-color : #F1F4F7;
	text-align       : center;
	line-height      : 90px;
	font-size        : 55px;
}

.met_service_box > p {
	margin-left   : 110px;
	margin-bottom : 0;
}

.met_service_box > h2 {
	margin-bottom : 20px;
	margin-top    : 0;
}

/*
-------------------------------------------------------------
	404
-------------------------------------------------------------
*/

.met_404 {
	margin-top    : 100px;
	margin-bottom : 0px;
}

.met_404_box {
	padding  : 30px;
	position : relative;
}

.met_404_box:after {
	position     : absolute;
	bottom       : -18px;
	left         : 40px;
	content      : '';
	display      : block;
	width        : 0;
	height       : 0;
	border-style : solid;
	border-width : 18px 18px 0 0;
	border-color : #3b556a transparent transparent transparent;
}

.met_404 h2 {
	font-size   : 48px;
	line-height : 74px;
	margin      : 0;
}

.met_404_box h4 {
	font-size   : 18px;
	font-weight : 300;
	line-height : 22px;
	margin      : 0;
}

.met_404_box form {
	position      : relative;
	margin-top    : 35px;
	margin-bottom : 0;
}

.met_404_box input[type="text"] {
	display            : block;
	padding            : 0 19px;
	height             : 40px;
	line-height        : 40px;
	border-radius      : 0;
	box-shadow         : none;
	font-size          : 14px;
	color              : #123b60;
	box-sizing         : border-box;
	-moz-box-sizing    : border-box;
	-ms-box-sizing     : border-box;
	-webkit-box-sizing : border-box;
	-khtml-box-sizing  : border-box;
	width              : 100%;
	border             : 1px solid #BABABA;
	margin-bottom      : 0;
}

.met_404_box button {
	background     : none;
	border         : none;
	display        : block;
	position       : absolute;
	right          : 0;
	top            : 0;
	width          : 40px;
	height         : 40px;
	text-align     : center;
	vertical-align : middle;
	font-size      : 15px;
}

/*
-------------------------------------------------------------
	Contact Page
-------------------------------------------------------------
*/

#map {
	width  : 100%;
	/* height : 620px; */
	height:400px;
}

#map img {
	max-width: none;
	vertical-align: baseline;
}

.met_contact_map_box {
	position  : absolute;
	padding   : 20px;
	width : 341px;
	top       : 30px;
	right     : 30px;
	z-index   : 1;
}

.met_contact_map_box h3 {
	margin-top : 0;
	color:#fff;
}

.met_contact_map_box > div {
	margin-bottom : 20px;
}

.met_contact_map_box > div:last-child {
	margin-bottom : 0;
}

.met_contact_info {
	font-size : 14px;
	border-bottom  : 5px solid #4f6679;
	padding-bottom:15px;
}

.met_contact_info span {
	display   : inline-block;
	font-weight:bold;
}

.met_contact_socials a {
	font-size       : 20px;
	display         : block;
	margin-right    : 20px;
	float           : left;
	text-decoration : none;
}

/*
-------------------------------------------------------------
	Contact Forms
-------------------------------------------------------------
*/

.met_contact_form form {
	margin : 5px 0 0 0;
}

.met_contact_form label,
.met_contact_form input,
.met_contact_form button,
.met_contact_form select,
.met_contact_form textarea {
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
}

.met_contact_form form p { font-size:12px; color:#aeb9c2;}

.met_contact_form textarea,
.met_contact_form input[type="text"],
.met_contact_form input[type="password"],
.met_contact_form input[type="datetime"],
.met_contact_form input[type="datetime-local"],
.met_contact_form input[type="date"],
.met_contact_form input[type="month"],
.met_contact_form input[type="time"],
.met_contact_form input[type="week"],
.met_contact_form input[type="number"],
.met_contact_form input[type="email"],
.met_contact_form input[type="url"],
.met_contact_form input[type="search"],
.met_contact_form input[type="tel"],
.met_contact_form input[type="color"],
.met_contact_form .uneditable-input {
	display: inline-block;
	height: 16px;
	padding: 4px 6px;
	margin-bottom: 8px;
	font-size: 11px;
	line-height: 16px;
	color: #555555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
}

.met_contact_form input[type="text"],
.met_contact_form input[type="tel"],
.met_contact_form input[type="email"],
.met_contact_form textarea {
	border             : none;
	background         : rgba(255, 255, 255, 0.1);
	box-shadow         : none;
	padding            : 0 8px;
	height             : 40px;
	line-height        : 40px;
	width              : 100%;
	display            : block;
	color              : #FFFFFF;
	border-radius      : 0;
	box-sizing         : border-box;
	-moz-box-sizing    : border-box;
	-ms-box-sizing     : border-box;
	-webkit-box-sizing : border-box;
	-khtml-box-sizing  : border-box;
	resize             : none;
	font-size:14px;
}

.met_contact_form select:focus,
.met_contact_form textarea:focus,
.met_contact_form input[type="text"]:focus,
.met_contact_form input[type="tel"]:focus,
.met_contact_form input[type="password"]:focus,
.met_contact_form input[type="datetime"]:focus,
.met_contact_form input[type="datetime-local"]:focus,
.met_contact_form input[type="date"]:focus,
.met_contact_form input[type="month"]:focus,
.met_contact_form input[type="time"]:focus,
.met_contact_form input[type="week"]:focus,
.met_contact_form input[type="number"]:focus,
.met_contact_form input[type="email"]:focus,
.met_contact_form input[type="url"]:focus,
.met_contact_form input[type="search"]:focus,
.met_contact_form input[type="tel"]:focus,
.met_contact_form input[type="color"]:focus,
.met_contact_form .uneditable-input:focus { 
	border:none;
	border-color: rgba(223, 218, 196, 1);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(223,218,196,.8);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(223,218,196,.8);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(223,218,196,.8);
}

.met_contact_form textarea { height:100px; }

.met_contact_form input[type="submit"] {
	border             : none;
	float              : right;
	min-width          : 100px;
	text-align         : center;
	font-weight        : 700;
	font-size          : 14px;
	padding            : 7px;
	-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;
	background:#8d7e51;
	color:#fff;
}

.met_contact_form input[type="submit"]:hover {
	background-color : rgba(255, 255, 255, 0.1);
}

.met_contact_thank_you {
	display    : none;
	text-align : center;
	margin     : 20px 0;
}

.met_contact_form option {
	padding:2px 0px 2px 5px;
}

/*
-------------------------------------------------------------
	Contact Page Form
-------------------------------------------------------------
*/

.entry-content form {
	margin : 0;
}

.entry-content label,
.entry-content input,
.entry-content button,
.entry-content select,
.entry-content textarea {
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
}

.entry-content form p { font-size:14px; color:#8d7e51; font-weight:700; }

.entry-content textarea,
.entry-content input[type="text"],
.entry-content input[type="password"],
.entry-content input[type="datetime"],
.entry-content input[type="datetime-local"],
.entry-content input[type="date"],
.entry-content input[type="month"],
.entry-content input[type="time"],
.entry-content input[type="week"],
.entry-content input[type="number"],
.entry-content input[type="email"],
.entry-content input[type="url"],
.entry-content input[type="search"],
.entry-content input[type="tel"],
.entry-content input[type="color"],
.entry-content .uneditable-input {
	display: inline-block;
	height: 16px;
	padding: 4px 6px;
	margin-bottom: 8px;
	font-size: 11px;
	line-height: 16px;
	color: #555555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
}

.entry-content input[type="checkbox"] { float:left; }

.entry-content select {
	border: 1px solid #dfdac4;
	background:#FFF;
	box-shadow         : none;
	padding            : 4px 4px 4px 8px;
	line-height        : 36px;
	height:36px;
	vertical-align:middle;
	width              : 50%;
	display            : block;
	color              : #123b60;
	border-radius      : 0;
	box-sizing         : border-box;
	-moz-box-sizing    : border-box;
	-ms-box-sizing     : border-box;
	-webkit-box-sizing : border-box;
	-khtml-box-sizing  : border-box;
	resize             : none;
	font-size:14px;
}

.entry-content option { padding:2px 8px;}
.entry-content input[type="hidden"] { border: 1px solid #dfdac4; }
.entry-content input#CaptchaField { width:25%; }

.entry-content input[type="text"],
.entry-content input[type="tel"],
.entry-content input[type="email"],
.entry-content textarea {
	border: 1px solid #dfdac4;
	background:#FFF;
	box-shadow         : none;
	padding            : 0 8px;
	height             : 40px;
	line-height        : 40px;
	width              : 100%;
	display            : block;
	color              : #123b60;
	border-radius      : 0;
	box-sizing         : border-box;
	-moz-box-sizing    : border-box;
	-ms-box-sizing     : border-box;
	-webkit-box-sizing : border-box;
	-khtml-box-sizing  : border-box;
	resize             : none;
	font-size:14px;
}

.entry-content select:focus,
.entry-content textarea:focus,
.entry-content input[type="text"]:focus,
.entry-content input[type="tel"]:focus,
.entry-content input[type="password"]:focus,
.entry-content input[type="datetime"]:focus,
.entry-content input[type="datetime-local"]:focus,
.entry-content input[type="date"]:focus,
.entry-content input[type="month"]:focus,
.entry-content input[type="time"]:focus,
.entry-content input[type="week"]:focus,
.entry-content input[type="number"]:focus,
.entry-content input[type="email"]:focus,
.entry-content input[type="url"]:focus,
.entry-content input[type="search"]:focus,
.entry-content input[type="tel"]:focus,
.entry-content input[type="color"]:focus,
.entry-content .uneditable-input:focus { 
	border: 1px solid #dfdac4;
	border-color: rgba(223, 218, 196, 1);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(223,218,196,.8);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(223,218,196,.8);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(223,218,196,.8);
}

.entry-content textarea { height:100px; }

.entry-content input[type="submit"] {
	border             : none;
	float              : right;
	min-width          : 100px;
	text-align         : center;
	font-weight        : 700;
	font-size          : 14px;
	padding            : 7px;
	-webkit-transition : background-color ease 0.8s;
	-moz-transition    : background-color ease 0.8s;
	-ms-transition     : background-color ease 0.8s;
	-o-transition      : background-color ease 0.8s;
	background:#8d7e51;
	color:#fff;
}

.entry-content input[type="submit"]:hover {
	/* background-color : rgba(255, 255, 255, 0.1); */
	background-color : rgba(59, 85, 106, 0.4); 
}

.met_contact_form option {
	padding:2px 0px 2px 5px;
}


/*
-------------------------------------------------------------
	News and Articles Blog
-------------------------------------------------------------
*/

.met_blog_list_preview {
	display  : block;
	position : relative;
}

.met_blog_list_preview img {
	display : block;
}

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

.met_blog_video_iframe iframe {
	display : block;
}

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

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

.met_blog_list_preview aside div {
	padding : 20px;
}

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

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

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

.met_blog_title h2 {
	margin : 0;
}

.met_blog_miscs {
	margin-top : 20px;
	border-top : 5px solid #3b556a;
}

.met_blog_socials { width:300px; display:block; }

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

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

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

.met_blog_posted_by {
	font-weight  : 300;
	font-size    : 12px;
	line-height  : 20px;
	color        : #3b556a;
}

.met_blog_tags {
	border-left  : 1px solid #BDC0C7;
	border-right  : 1px solid #BDC0C7;
	padding:0px 20px;
	margin:0px 20px;
	font-weight  : 300;
	font-size    : 12px;
	line-height  : 20px;
	color        : #3b556a;	
	float      : left;
	margin-top : 6px;
}

.met_blog_posted_by a, .met_blog_tags a { color:#8d7e51; }


/*
-------------------------------------------------------------
	Finance Sidebar
-------------------------------------------------------------
*/

.met_finance_sidebar {
	padding : 20px;
}

.met_finance_sidebar h2 { font-size:22px; }

.met_finance_sidebar a {
	font-weight : 700;
	font-size   : 14px;
	color       : #FFFFFF;
	display     : block;
	line-height : 18px;
	padding-top : 20px;
	margin-top  : 20px;
	border-top  : 5px solid #4f6679;	
}

/*
-------------------------------------------------------------
	Financial Planning Sidebar
-------------------------------------------------------------
*/

.met_financial_planning_sidebar {
	padding : 20px;
}

.met_financial_planning_sidebar h2 { font-size:22px; }

.met_financial_planning_sidebar a {
	font-weight : 700;
	font-size   : 14px;
	color       : #FFFFFF;
	display     : block;
	line-height : 18px;
	padding-top : 20px;
	margin-top  : 20px;
	border-top  : 5px solid #a3956a;	
}

/*
-------------------------------------------------------------
	Competition Sidebar
-------------------------------------------------------------
*/

.met_competitions_sidebar1 { margin:0px 0px 5px 0px; padding:0px; }
.met_competitions_sidebar2 { margin:0px 0px 30px 0px; padding:0px; }

/*
-------------------------------------------------------------
	Pagination
-------------------------------------------------------------
*/

.met_pagination {
	margin-bottom : 0;
}
	.met_pagination .wp-pagenavi a, .met_pagination .wp-pagenavi span {
		text-align: center;
		color: #FFFFFF;
		background-color: #8d7e51;
		font-size: 12px;
		margin-right: 2px;
		display: block;
		float: left;
		text-decoration: none;
		position: relative;
		font-weight: 600;
		-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_pagination a {	width: 40px; height: 40px; line-height: 40px; }
	.met_pagination .wp-pagenavi span.current {	background-color : #dfdac4; color: #8d7e51; padding: 10px 15px 9px 15px;  } /* Current Pagination page */
	.met_pagination .wp-pagenavi span.pages { background-color : #dfdac4; color: #8d7e51; padding: 10px 15px 9px 15px; } /* Amount of pages to view*/
	.met_pagination .wp-pagenavi .pages { background-color : #8d7e51; color: #0F1010; }
	.met_pagination .wp-pagenavi .first, .met_pagination .wp-pagenavi .last, .met_pagination .wp-pagenavi span.current, .met_pagination .wp-pagenavi a, .met_pagination .wp-pagenavi span { float:left; }
	.met_pagination .wp-pagenavi a:hover { background-color: #dfdac4; color:#fff; } /* Hover action over active pages */

/*
-------------------------------------------------------------
	Portfolio List
-------------------------------------------------------------
 
.met_portfolio_row {
}

.met_portfolio_row .span6,
.met_portfolio_row .span4 {
	margin-bottom : 30px;
}

.met_portfolio_row .span6:nth-child(2n + 1),
.nth-child-2np1 {
	margin-left : 0 !important;
	clear       : both;
}

.met_portfolio_row .span4:nth-child(3n + 1),
.nth-child-3np1 {
	margin-left : 0 !important;
	clear       : both;
}

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

.met_portfolio_item_preview_wrap {
	position : relative;
}

.met_portfolio_item_overlay {
	position           : absolute;
	left               : 0;
	top                : 0;
	width              : 100%;
	height             : 100%;
	opacity            : 0;
	visibility         : hidden;
	filter             : alpha(opacity=0);
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition : all ease 0.5s;
	-moz-transition    : all ease 0.5s;
	-ms-transition     : all ease 0.5s;
	-o-transition      : all ease 0.5s;
	text-align         : center;
	overflow           : hidden;
}

.met_portfolio_item_overlay a {
	position           : absolute;
	display            : inline-block;
	width              : 50px;
	height             : 50px;
	line-height        : 50px;
	text-align         : center;
	text-decoration    : none;
	-webkit-transition : all ease 0.5s;
	-moz-transition    : all ease 0.5s;
	-ms-transition     : all ease 0.5s;
	-o-transition      : all ease 0.5s;
}

.met_portfolio_item_overlay a:nth-child(1) {
	top  : 100%;
	left : 35%;
}

.met_portfolio_item_overlay a:nth-child(2) {
	left : 57%;
	top  : -100%;
}

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

.met_portfolio_row > div:hover .met_portfolio_item_overlay a {
	top : 42%;
}

.lightbox-images {
	display : none;
}

.met_portfolio_item_details {
	position : relative;
	float    : left;
	width    : 100%;
}

.met_portfolio_item_details:before {
	position     : absolute;
	top          : -18px;
	left         : 40px;
	content      : '';
	display      : block;
	width        : 0;
	height       : 0;
	border-style : solid;
	border-width : 18px 0 0 18px;
	border-color : transparent transparent transparent #656870;
}

.met_portfolio_item_descr {
	float : left;
	width : 75%;
}

.met_portfolio_item_descr div {
	padding : 30px;
}

.met_portfolio_item_descr div h3,
.met_portfolio_item_descr div p {
	margin : 0;
}

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

.met_portfolio_item_descr p {
	font-size   : 13px;
	line-height : 17px;
}

.met_portfolio_item_share {
	width              : 25%;
	height             : 100%;
	right              : 0;
	top                : 0;
	position           : absolute;
	display            : -webkit-box;
	display            : -ms-flexbox;
	display            : -moz-box;
	display            : box;
	-webkit-box-align  : center;
	-moz-box-align     : center;
	box-align          : center;
	-webkit-box-pack   : center;
	-moz-box-pack      : center;
	box-pack           : center;
	-ms-flex-align     : center;
	-webkit-box-orient : horizontal;
	-moz-box-orient    : horizontal;
}

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

.met_portfolio_item_share > span {
	text-align         : center;
	width              : 100%;
	display            : block;
	position           : relative;
	width              : 100%;
	height             : 100%;
	display            : -webkit-box;
	display            : -ms-flexbox;
	display            : -moz-box;
	display            : box;
	-webkit-box-align  : center;
	-moz-box-align     : center;
	box-align          : center;
	-webkit-box-pack   : center;
	-moz-box-pack      : center;
	box-pack           : center;
	-ms-flex-align     : center;
	-webkit-box-orient : horizontal;
	-moz-box-orient    : horizontal;

	-ms-flex-align: center;
	-ms-flex-pack: center;
}

.met_portfolio_item_share > span {
	font-size          : 24px;
	font-weight        : 700;
	opacity            : 1;
	visibility         : visible;
	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_portfolio_item_share:hover > span {
	opacity    : 0;
	visibility : hidden;
	filter     : alpha(opacity=0);
	-ms-filter : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.met_portfolio_item_socials {
	width              : 100%;
	height             : 100%;
	position           : absolute;
	left               : 0;
	top                : 0;
	opacity            : 0;
	visibility         : hidden;
	filter             : alpha(opacity=0);
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	margin-top         : 38%;

	-webkit-transition : all ease 0.4s;
	-moz-transition    : all ease 0.4s;
	-ms-transition     : all ease 0.4s;
	-o-transition      : all ease 0.4s;
}

.span4 .met_portfolio_item_socials {
	margin-top : 66%;
}

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

.met_portfolio_item_socials div {
	text-align : center;
	width      : 100%;
	font-size  : 25px;
}

.met_portfolio_item_socials div a {
	margin-right : 10px;
}

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

.met_portfolio_item_socials div a:hover {
	text-decoration : none;
}

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

.met_portfolio_item_slider {
	float    : left;
	width    : 100%;
	overflow : hidden;
}

.span6 .met_portfolio_item_slider {
	height : 300px;
}

.span4 .met_portfolio_item_slider {
	height : 195px;
}

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

.met_portfolio_item_slider_nav_prev,
.met_portfolio_item_slider_nav_next {
	position   : absolute;
	width      : 35px;
	height     : 75px;
	background : rgba(0, 0, 0, 0.7);
	color      : #FFFFFF;
	text-align : center;
	font-size  : 20px;
}

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

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

.met_portfolio_item_slider_wrap:hover .met_portfolio_item_slider_nav_prev {
	left : 0;
}

.met_portfolio_item_slider_wrap:hover .met_portfolio_item_slider_nav_next {
	right : 0;
}

.met_portfolio_item_slider_nav_prev i,
.met_portfolio_item_slider_nav_next i {
	position : absolute;
	left     : 11px;
	top      : 29px;
}

.met_portfolio_item_slider_nav_prev:hover,
.met_portfolio_item_slider_nav_next:hover {
	text-decoration : none;
}


.met_portfolio_service {
	display : block;
}


.met_portfolio_share_box a {
	font-size    : 20px;
	margin-right : 15px;
	color        : #65676F;
}

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

.met_portfolio_posted_by {
	margin-top  : 30px;
	font-size   : 12px;
	font-weight : 300;
}

.met_portfolio_detail_box {
	position : relative;
}

.met_portfolio_detail_box:before {
	position         : absolute;
	content          : '';
	left             : -45px;
	top              : 0;
	background-color : #DCE0E3;
	width            : 5px;
	height           : 100%;
}

.met_portfolio_detail_box h2 {
	margin-top : 0;
}

.met_portfolio_detail_box .met_align_left {
	float  : left;
	margin : 5px 5px 5px 0
}

.met_portfolio_detail_box .met_align_right {
	float  : right;
	margin : 5px 0 5px 5px
}


*/

.met_portfolio_service_box,
.met_portfolio_tag_box,
.met_portfolio_share_box {
	margin-bottom : 20px;
}

.met_portfolio_service_box h3,
.met_portfolio_tag_box h3,
.met_portfolio_share_box h3 {
	margin-top : 0;
}


.met_portfolio_tag_box a {
	color : #65676F;
}

.met_portfolio_tag_box a.met_tag_size1 {
	font-size : 12px;
}

.met_portfolio_tag_box a.met_tag_size3 {
	font-size : 18px;
}

/*
-------------------------------------------------------------
	Responsive Footer
-------------------------------------------------------------
*/

.met_responsive_nav {
	display               : none;
	background-image		:url(../images/responsive-nav-bg.png);
	background-position   : center right;
	background-repeat     : no-repeat;
	display               : none;
	width                 : 100%;
	-webkit-appearance    : none;
	background-color      : #F8F8F8;
	border                : 1px solid #E8E8E8;
	-webkit-border-radius : 0;
	-moz-border-radius    : 0;
	border-radius         : 0;
	-webkit-box-shadow    : none;
	-moz-box-shadow       : none;
	box-shadow            : none;
	color                 : #3b556a;
	padding               : 0px 0px 0px 10px;
	border-radius         : 0;
	line-height           : 14px;
	float                 : left;
	vertical-align:middle;
	font-size:14px;
}

/*
-------------------------------------------------------------
	Buttons
-------------------------------------------------------------
*/

.btn{
	border-radius: 0;
	padding: 17px 32px;
	font-size: 18px;
	font-weight: 600;
	border: none;
	box-shadow: none;
	-webkit-transition: background-color ease 0.3s;
	-moz-transition: background-color ease 0.3s;
	-ms-transition: background-color ease 0.3s;
	-ms-transition: background-color ease 0.3s;
}

.btn:hover{
	-webkit-transition: background-color ease 0.3s;
	-moz-transition: background-color ease 0.3s;
	-ms-transition: background-color ease 0.3s;
	-ms-transition: background-color ease 0.3s;
}

.btn-large {
	padding-left: 22px;
	padding-right: 42px;
	font-size: 20px;
	width:90%;
	font-weight:400;
	text-shadow:none;
	margin-bottom:4px;
}

.btn-small{
	padding-left: 40px;
	padding-right: 40px;
	font-size: 12px;
}

.btn-mini{
	padding-left: 23px;
	padding-right: 23px;
	font-size: 11px;
}

.btn-primary {background: #8d7e51;}
.btn-primary:hover{ background-color: #b7aa82;}

.btn-secondary { background: #3b556a; color:#fff; }
.btn-secondary:hover{ background-color: #4f6679;}

.btn-info{background: #656870;}
.btn-info:hover{background-color: #5B5E65;}

.btn-warning{background: #A4AEB9;}
.btn-warning:hover{background-color: #5B5E65;}

.btn-danger{background: #B61857;}
.btn-danger:hover{background-color: #5B5E65;}

.btn-success{background: #18B632;}
.btn-success:hover{background-color: #5B5E65;}

.met_div5{
	width: 20%;
	float: left;
}

/*
-------------------------------------------------------------
	Home Articles Bottom
-------------------------------------------------------------
*/

.met_gallery .span3 {
	margin-bottom : 30px;
}

.met_gallery .span3:nth-child(4n + 1),
.nth-child-2np1 {
	margin-left : 0 !important;
	clear       : both;
}

/* Removed to allow for responsive on smaller screens
.met_gallery_wrap a,
.met_gallery_wrap a img{
	display: block;
	float: left;
}
*/

.met_gallery_wrap{
	position: relative;
}

.met_gallery_wrap > a {
	position: relative;
	z-index: 1;
}

.met_gallery_overlay {
	z-index: 2;
	position           : absolute;
	left               : 0;
	top                : 0;
	width              : 100%;
	height             : 100%;
	opacity            : 0;
	visibility         : hidden;
	filter             : alpha(opacity=0);
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition : all ease 0.5s;
	-moz-transition    : all ease 0.5s;
	-ms-transition     : all ease 0.5s;
	-o-transition      : all ease 0.5s;
	text-align         : center;
	overflow           : hidden;
}

.met_gallery_overlay a {
	position           : absolute;
	display            : inline-block;
	width              : 50px;
	height             : 50px;
	line-height        : 50px;
	text-align         : center;
	text-decoration    : none;
	-webkit-transition : all ease 0.5s;
	-moz-transition    : all ease 0.5s;
	-ms-transition     : all ease 0.5s;
	-o-transition      : all ease 0.5s;
}

.met_gallery_overlay a {
	top  : 100%;
	left : 41%;
}

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

.met_gallery_wrap:hover .met_gallery_overlay a {
	top : 42%;
}

/*
-------------------------------------------------------------
	Response For Lower Than 1170
-------------------------------------------------------------
*/

@media all and (max-width: 1170px) {

	.met_page_wrapper.met_boxed_layout{
		width: auto;
	}

	.met_content {
		width        : 90%;
		margin-left  : 5%;
		margin-right : 5%;
	}

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

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

	.met_thumbnail_slider_1_small{
		position: relative;
		bottom: 0;
		left: 0;
		height: auto;
	}

	.met_thumbnail_slider_1_small img:first-child{
		margin-left: 0;
	}

	.met_thumbnail_slider_1_small img,
	.met_thumbnail_slider_1_next {
		width: 50px;
		height: 50px;
		padding: 3px;
		margin: 5px 0 0 5px;
	}

	.met_thumbnail_slider_1_next{
		font-size: 70px;
		line-height: 38px;
	}

	.met_thumbnail_slider_1_title a{
		line-height: 41px;
	}

	.met_thumbnail_slider_1_effects_left .met_thumbnail_slider_1_title {
		padding: 10px 20px 10px 40px;
	}

	.met_thumbnail_slider_1_title{
		font-size: 15px;
	}

	.met_thumbnail_slider_1_effects_left .met_thumbnail_slider_1_subtitle {
		padding: 10px 20px 10px 40px;
		left: 0;
	}

	.met_thumbnail_slider_1_subtitle{
		font-size: 13px;
	}

	.met_thumbnail_slider_1_effects_right .met_thumbnail_slider_1_title {
		padding: 10px 40px 10px 20px;
	}

	.met_thumbnail_slider_1_effects_right .met_thumbnail_slider_1_subtitle {
		 padding: 10px 40px 10px 20px;
		 right: 0;
	 }
}

/*
-------------------------------------------------------------
	Response For Tablets
-------------------------------------------------------------
*/

@media all and (max-width: 1169px) {

	.met_div5{
		width: 100%;
	}

	.met_footer_menu {
		/* float : none; */
		float : right;
	}

	.met_slider_item {
		overflow : hidden;
	}

	.met_main_nav {
		display : none!important;
	}

	header aside {
		display : none; 
		/* 
		display:block;
		float:right;
		margin:0px auto;
		clear:both;
		position:absolute;
		*/
	}

	.met_slider_item_preview {
		width : 100%;
	}

	.met_slider_item_caption {
		width       : 100%;
		margin-left : 0;
		position    : relative;
		height      : auto;
		float       : left;
	}

	.met_page_header h1 {
		width   : auto;
		display : block;
	}

	.met_page_header h2:before {
		display : none;
	}

	.met_page_header_fp h1 {
		width   : auto;
		display : block;
	}

	.met_page_header_fp h2:before {
		display : none;
	}
	
	.met_page_header_finance h1 {
		width   : auto;
		display : block;
	}

	.met_page_header_finance h2:before {
		display : none;
	}
	
	.met_logo {
		position : relative;
		z-index  : 2;
	}

	.dl-menuwrapper {
		z-index : 1;
	}

}

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

@media all and (max-width: 767px) {
	
	.met_home_banner_container_image_left { width:100%; }
	.met_home_banner_container_image_right { width:100%; }
	.met_img_with_text_preview { width : 50%; }

	.met_img_with_text article {
		position    : relative;
		margin-left : 0;
		float       : left;
		width : 50%;
		max-height:100%;
	}

	.met_img_with_text article:before,
	.met_cacoon_sidebar:before {
		display : none;
	}

	.met_competitions_sidebar1 img { width:49%; float:left }
	.met_competitions_sidebar2 img { width:49%; float:right; }

	.met_gallery_wrap .desktopNewsThumb { display:none; } 
	.met_dated_blog_posts .met_date, .met_dated_blog_posts .met_month { font-size:14px;}	

	.met_icon_tabs nav a {
		width : 56px;
	}

	.met_page_header h2 {
		line-height: 20px;	height: auto; padding:15px 30px; font-size:15px;
	}

	.met_page_header ul {
		float: left; margin: 0;	padding : 15px 30px;
	}
	
	.met_page_header_finance h2 {
		line-height: 20px;	height: auto; padding:15px 30px; font-size:15px;
	}

	.met_page_header_finance ul {
		float: left; margin: 0;	padding : 15px 30px;
	}
	
	.met_page_header_fp h2 {
		line-height: 20px;	height: auto; padding:15px 30px; font-size:15px;
	}

	.met_page_header_fp ul {
		float: left; margin: 0;	padding : 15px 30px;
	}
	
	

	.met_blog_list_preview aside {
		position : relative;
		width    : auto;
	}

	.met_blog_list_preview aside:after {
		display : none;
	}

	.met_blog_list_preview .met_blog_video_iframe {
		margin-left : 0;
	}

	.met_blog_list_preview .met_blog_video_iframe iframe {
		width  : 100% !important;
		height : 130px !important;
	}

	.met_comment_reply_link {
		display : none;
	}

	.met_comment_box > .met_comment > .met_comment_descr {
		margin-right : 0;
	}

	.met_comment_box > .met_comment:nth-child(2),
	.met_comment_box > .met_comment:nth-child(3),
	.met_comment_box > .met_comment:nth-child(4) {
		margin-left : 0;
	}

	.met_comment_box > .met_sub_comment:before {
		display : none;
	}

	.met_footer_menu {
		display : none;
	}

	.met_responsive_nav {
		display : block;
	}

	.met_recent_work_overbox a {
		top : 4px;
	}

	.met_blog_list_preview aside div {
		padding    : 0;
		text-align : center;
	}

	.met_blog_list_preview aside span:first-child {
		font-size   : 25px;
		margin-top  : 0;
		line-height : 28px;
		display     : inline;
	}

	.met_blog_list_preview aside span:last-child {
		font-size   : 16px;
		line-height : 19px;
		display     : inline;
	}

	.met_blog_posted_by {
		width        : 100%;
		padding-left : 0;
		margin-left  : 0;
		border-left  : none;
	}

	.met_blog_posted_by {
		width        : 100%;
		padding-left : 0;
		margin-left  : 0;
		border-left  : none;
	}

	.met_comment_box > .met_comment > img {
		margin-left   : 80px;
		margin-bottom : 20px;
	}

	.met_comment_box > .met_comment > .met_comment_descr {
		margin  : 0;
		padding : 15px;
	}

	.met_portfolio_item_descr {
		width : 68%;
	}

	.met_portfolio_item_share {
		width : 32%;
	}

	.met_page_header h1 {
		font-size : 23px;
	}

    .met_thumbnail_slider_1_effects {
		display: none;
    }
	
	.met_footer_social_icons {
		right:0;
		float:right;
	}
	
	.met_footer_paradise_kids {
		top:0;
		margin:0px;
		padding:0px;
		vertical-align:text-top;
	}
}

@media all and (max-width: 440px){

	.met_logo{
		width: 100%;
		text-align: center;
	}
	
	.dl-menuwrapper {
		top: 150px;
		max-width: 100%;
	}

	.dl-menuwrapper button {
		width: 100%;
		text-indent: 1px;
		font-size: 25px;
		font-family: 'Open Sans';
		font-weight: 300;
		color: #FFF;
		text-align: left;
	}

	header.met_content {
		margin-bottom: 50px;
	}

	.dl-menuwrapper button:after {
		width: auto;
		height: auto;
		box-shadow: none;
		left: auto;
		top: 0;
		right: 10px;
		background: none;
		color: #FFFFFF;
		font-family: FontAwesome;
		content: '\F0C9';
		font-size: 28px;
		line-height: 41px;
	}
	
	.met_home_banner_container_image_left { margin-bottom:5px;}
	.met_home_banner_container_image_left span { 
		bottom: 20px;
		left:20px;
		right:20px;
		padding: 20px;
		max-width: 100% !important;
		margin:0px auto;
	 }
	 
	.met_home_banner_container_image_right span {
		bottom: 20px;
		left:20px;
		right:20px;
		padding: 20px;
		max-width: 100% !important;
		margin:0px auto;
	}
	
	.met_img_with_text_preview {
		width : 100%;
	}
	
	.met_competitions_sidebar1 img { width:100%; }
	.met_competitions_sidebar2 img { width:100%; }

	.met_img_with_text article {
		position    : relative;
		margin-left : 0;
		float       : left;
		width:100%;
	}	
	
	.met_gallery_wrap { display:none; }
	.met_dated_blog_posts .met_date, .met_dated_blog_posts .met_month { font-size:14px;}
	
	footer .met_footer_contact_details { text-align:center; }	
	footer .met_footer_social_icons { text-align:center; margin-top:10px; margin-bottom:5px; }
	footer .met_footer_paradise_kids { text-align:center; float:none; position:relative; margin-bottom:20px; } 
	footer .met_footer_copyright { text-align:center; margin-top:0px; }
	
}