/*****************************************************************
* **************************************************************
* @MetCreative - Table of Contents
* 1.0 - Global Styles
* 1.1 Containers
* 1.2 Coloring
* 1.3 Typography
* 1.4 Slider Classes
* 2.0 - Header Styles
* 2.1 General Header
* 2.2 Logo
* 2.3 Sticky Logo
* 2.4 Primary Nav
* 2.5 Search
* 2.6 Links
* 2.7 Socials
* 2.8 Boxes
* 2.9 Language
* 2.10 Mobile Bar Trigger
* 2.11 Header Bar
* 2.12 Header 3
* 2.13 Header 4
* 2.14 Header 5,6, Dark
* 2.15 Search on Menu
* 2.16 Header 6, Dark
* 3.0 - Sticky Header
* 3.1 Primary Nav
* 4.0 - Mobile Nav Bar
* 5.0 - Buttons
* 5.1 Button Painting
* 5.2 Iconic Button
* 5.3 Circle Button
* 5.4 Ghost Button
* 6.0 - Icon Box
* 7.0 - Info Line
* 8.0 - Info Box
* 9.0 - Simple Box
* 10.0 - Content Box
* 11.0 - Small Blog List Box
* 12.0 - Contents Carousel
* 13.0 - Content List with Date
* 14.0 - Footer
* 14.1 Flat
* 14.2 Onepage
* 14.3 Slim
* 14.4 Texts with Icon
* 14.5 Twitter
* 14.6 Bar (Socials & Links)
* 14.7 Feedback
* 15.0 - Page Loading Bar
* 16.0 - Subscribe Box
* 17.0 - Image Carousel
* 17.1 Image Carousel 1
* 17.2 Image Carousel 2
* 17.3 Image Carousel 3
* 18.0 - Page Information Bar
* 18.1 Breadcrumb
* 19.0 - 404
* 20.0 - Accordions
* 20.1 Flat
* 20.2 Classic
* 20.3 Transparent
* 20.4 Cubic
* 21.0 - Check List
* 21.1 Circle Counting
* 21.2 Iconic
* 21.3 Classic
* 22.0 - Staff with Skills
* 23.0 - Staff Grid
* 24.0 - Testimonials Carousel
* 25.0 - Avatar Testimonials
* 26.0 - Search Results
* 26.1 Header
* 26.2 Results
* 27.0 - Sidebar
* 27.1 Flickr Feed
* 27.2 Tabs
* 27.3 Tabbed Posts
* 28.0 - Blog List
* 28.1 Slider
* 29.0 - Pagination
* 30.0 - Blog Masonry
* 31.0 - Blog Details
* 31.1 Share Line
* 31.2 Tag Line
* 31.3 About Author
* 31.4 Might Like
* 32.0 - Comments
* 32.1 List
* 32.2 Form
* 33.0 - Portfolio
* 33.1 Portfolio 2
* 33.2 Portfolio 5
* 33.3 Portfolio 6
* 33.4 Overlay
* 33.5 Page Info Bar Filters
* 33.6 Classic Filters
* 34.0 - Gray Box
* 35.0 - Recent Portfolio Carousel
* 36.0 - Google Map
* 37.0 - General Overlay
* 38.0 - Pricing Tables
* 38.1 One
* 38.2 Two
* 38.3 Three
* 38.4 Four
* 39.0 - Iconic Info Box
* 40.0 - Content List with Date
* 41.0 - FAQ
* 42.0 - Title Carousel
* 43.0 - Text Box
* 44.0 - Contents Carousel 3
* 45.0 - WP Calendar
* 46.0 - Form
* 47.0 Post Grid List
* 48.0 - Infobox Icons
* 48.1 Small
* 48.2 Two
* 48.3 Three
* 48.4 Four
* 49.0 - Live Composer
* 50.0 - ***
* 51.0 - Event Box
* 52.0 - Notification Boxes
* 52.1 Iconic
* 52.2 Line
* 53.0 - Simple Title
* 54.0 - Custom Clean Menu
* 55.0 - Posts Carousel
* 56.0 - Twitter Feed
* 57.0 - Infobox Priced
* 58.0 - Staff
* 59.0 - Banner
* 60.0 - Pie Chart
* 61.0 - Box Counter
* 62.0 Countdowns
* 62.1 One
* 62.2 Two
* 63.0 - Progress Bars
* 63.1 Horizontal 1
* 63.2 Horizontal 2
* 63.3 Vertical
* 64.0 - Steps
* 64.1 Circle
* 64.2 Boxed
* 64.3 Image
* 65.0 - Image Posts
* 65.1 One
* 65.2 Two
* 66.0 - Vertical Posts
* 67.0 - Tabbed Vertical Posts
* 68.0 - Simple Post Box
* 69.0 - Post List
* 70.0 - Gallery Grid
* 71.0 - Gallery Carousel 2
* 72.0 - Flex Slider
* 73.0 - Gallery Slider
* 74.0 - Gallery Thumb Grid
* 75.0 - Gallery Thumb Grid 2
* 76.0 - Quote Testimonials Rotator
* 77.0 - Parallax Contact Form
* 78.0 - Contact Information
* 79.0 - Toggle Google Map
* 80.0 - Contact Form
* 81.0 - Timed Post Box
* 81.1 Clock
* 82.0 - Box Carousel Testimonials
* 83.0 - Products List
* 84.0 - Side Navbar
* 84.1 Language
* 84.2 Search
* 84.3 Logo
* 84.4 Primary Nav
* 85.0 - Twitter Box Feed
* 86.0 - Contact Form 7
* 87.0 - Header Title Carousel
* 88.0 - Posts Carousel 2
* 89.0 - Hotel Availability Check Form
* 90.0 - Dropcaps
* 91.0 - Page Information Bar Navigation
* 92.0 - Blog List Module
* 93.0 - Keyframe Effects
* 93.1 to Bottom from Top
* 93.2 to Right from Left
* 93.3 to Left from Right
* 93.4 to Top from Bottom
* 94.5 Spin Around
* 94.0 - Magnific Popup Effect
* !Note: You can make search with one of the title above to find the block according to it
* **************************************************************
*****************************************************************/
/**
* ----------------------------------------------------------------------------------------
* 1.0 - Global Styles
* ----------------------------------------------------------------------------------------
*/
body.met_page_loading_padding{ padding-top: 2500px; }
.met_run_animations.bounceIn,
.met_run_animations.bounceInDown,
.met_run_animations.bounceInLeft,
.met_run_animations.bounceInRight,
.met_run_animations.bounceInUp,
.met_run_animations.fadeIn,
.met_run_animations.fadeInDown,
.met_run_animations.fadeInDownBig,
.met_run_animations.fadeInLeft,
.met_run_animations.fadeInLeftBig,
.met_run_animations.fadeInRight,
.met_run_animations.fadeInRightBig,
.met_run_animations.fadeInUp,
.met_run_animations.fadeInUpBig,
.met_run_animations.flipInX,
.met_run_animations.flipInY,
.met_run_animations.lightSpeedIn,
.met_run_animations.rotateIn,
.met_run_animations.rotateInDownLeft,
.met_run_animations.rotateInDownRight,
.met_run_animations.rotateInUpLeft,
.met_run_animations.rotateInUpRight,
.met_run_animations.rollIn,
.met_run_animations.zoomIn,
.met_run_animations.zoomInDown,
.met_run_animations.zoomInLeft,
.met_run_animations.zoomInRight,
.met_run_animations.zoomInUp{visibility: hidden}
.animated{visibility: visible !important; }
.met_page_loading_overlay{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #FFFFFF;
z-index: 999999999999;
opacity: 1;
-webkit-transition: opacity .4s;
transition: opacity .4s; }
.met_page_loading_overlay.met_page_loading_loaded{ opacity: 0; }
#met_page_pl_overlay{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999999999; }
select{
padding: 8px 15px;
background: none;
font-size: 14px;
border: 1px solid #E1E1E1;
border-radius: 0;
-webkit-appearance: none;
background-image: url(../img/select_arrows.png);
background-repeat: no-repeat;
background-position: right 10px center; }
.menu-item .widget_met_custom_menu_widget ul li {
width: 100% !important;
border: none !important;
padding: 0 !important;
}
.menu-item .widget_nav_menu li{ width: 100% !important;}
footer .met_sidebar_box > ul > li > a{margin-left: 0 !important}
.met_sidebar_box select{
padding: 0 15px;
font-size: 14px;
border: 1px solid #E1E1E1;
border-radius: 0;
display: block;
width: 86%;
height: 50px;
line-height: 49px;
margin: 15px 7%;
background-image: url(../img/select_arrows.png);
background-repeat: no-repeat;
background-position: right 10px center; }
.met_sidebar_box .textwidget select{
margin-left: 0;
margin-right: 0; }
.met_sidebar_box .met_custom_clean_menu{
background-color: #F8F7F5;
}
.met_hover_underline:hover{
text-decoration: underline;
cursor: pointer; }
:focus{ outline: none; }
:active{ outline: none; }
:-o-any-link:focus{ outline: none; }
::-moz-focus-inner{ border: 0; }
::-o-focus-inner{ border: 0; }
.met_hard_line_split{
background-color: #EFEEE9;
height: 5px;
margin: 30px 0; }
.met_thin_line_split{
background-color: rgba(0, 0, 0, 0.03);
height: 1px;
margin-bottom: 10px; }
.met_contact_thank_you{
text-align: right;
display: none; }
.met_no_margin_bottom{ margin-bottom: 0 !important }
.bx-viewport{
-webkit-transform: translatez(0);
-ms-transform: translatez(0);
transform: translatez(0); }
.hidden{ opacity: 0 }
.mimic-parent{
color: #FFFFFF;
font-size: 18px;
line-height: 50px;
font-family: Sintony, serif;
text-decoration: none;
padding: 0px 35px 0px 75px;
background-color: rgba(215, 23, 82, 0.4);
-webkit-transform: skew(-25deg);
-ms-transform: skew(-25deg);
transform: skew(-25deg); }
.skew-25{
-webkit-transform: skew(-25deg) !important;
-ms-transform: skew(-25deg) !important;
transform: skew(-25deg) !important; }
.no-skew{
-webkit-transform: skew(25deg) !important;
-ms-transform: skew(25deg) !important;
transform: skew(25deg) !important; }
#met_scroll_up{
width: 40px;
height: 40px;
position: fixed;
z-index: 1000000;
right: 0;
bottom: 30px;
background-color: #282D31;
color: #FFFFFF;
text-align: center;
line-height: 40px;
font-size: 20px;
border-radius: 4px;
-webkit-transform: translateX(100%) translateZ(0);
-ms-transform: translateX(100%) translateZ(0);
transform: translateX(100%) translateZ(0);
-webkit-transition: all ease .3s;
transition: all ease .3s }
#met_scroll_up:hover{
background-color: #FFCA07;
color: #282D31; }
.visible-782{display: none;}
.met_100vh{height: 100vh;}
.met_hide_overflow{overflow: hidden;}
code {
padding: 2px 4px;
color: #d14;
white-space: nowrap;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
border-radius: 3px;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 20px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
}
/*.dslc-modules-section,#dslc-content,.met_page_wrapper{position: static !important;}*/
/**
* 1.1 Containers
*/
body{
font-family: 'Sintony';
font-size: 14px;
line-height: 1.6;
font-weight: 400;
color: #888381;
background-color: #EFEEE9;
word-wrap: break-word;
-webkit-touch-callout: none; }
body.met_font_smoothing{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.met_wrapper{
overflow: hidden;
-webkit-transition: all ease .4s;
transition: all ease .4s; }
.met_wrapper.menu_open{
opacity: 1;
-webkit-transform: translateX(270px) translateZ(0);
-ms-transform: translateX(270px) translateZ(0);
transform: translateX(270px) translateZ(0); }
.met_page_wrapper{
background-color: #FFFFFF;
overflow: hidden;
z-index: auto;
position: relative;
max-width: 100%;
width: 100%; }
.met_boxed_layout .met_page_wrapper,
.met_boxed_layout .met_page_wrapper + .footer_wrap{
margin: 0 auto;
width: 1230px;
padding: 0 30px 30px;
overflow: visible;
background-color: #FFFFFF;
max-width: 100%; }
.met_boxed_layout .met_page_wrapper + .footer_wrap{ padding: 0; }
.met_content{
width: 1170px;
max-width: 100%;
margin: 0 auto;
position: relative;
z-index: 3; }
.met_vcenter{
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
display: -moz-box;
-moz-box-pack: center;
-moz-box-align: center;
display: -ms-box;
-ms-box-pack: center;
-ms-box-align: center;
display: -ms-flexbox;
-ms-flex-pack: center;
-ms-flex-align: center;
display: flex;
justify-content: center;
align-items: center;
display: box;
box-pack: center;
box-align: center; }
.row{ margin: 0 -15px }
.row > div{ margin-bottom: 30px }
.met_mw_100{ max-width: 100% }
.met_fullwidth_item{
margin-bottom: 30px;
opacity: 0;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
/**
* 1.2 Coloring
*/
.met_color{ color: #FFCA07; }
.met_color2{ color: #9F4641; }
.met_hover_color:hover{ color: #FFCA07; }
.met_transition{
-webkit-transition: all ease-out 0.4s;
transition: all ease-out 0.4s; }
.met_transition:hover{ text-decoration: none }
.met_color_transition,
.met_color_transition2{
-webkit-transition: color ease-out 0.4s;
transition: color ease-out 0.4s; }
.met_color_transition:hover{
color: #FFCA07;
text-decoration: none; }
.met_color_transition2:hover{
color: #9F4641;
text-decoration: none; }
::selection{
background: #FFCA07;
color: #FFFFFF;
text-shadow: none; }
::-moz-selection{
background: #FFCA07;
color: #FFFFFF;
text-shadow: none; }
.met_bgcolor{ background-color: #FFCA07; }
.met_bgcolor2{ background-color: #9F4641; }
.met_hover_bgcolor:hover{ background-color: #FFCA07; }
.met_bgcolor_transition,
.met_bgcolor_transition2{
-webkit-transition: all ease-out 0.4s;
transition: all ease-out 0.4s; }
.met_bgcolor_transition:hover{ background-color: #FFCA07; }
.met_bgcolor_transition2:hover{ background-color: #9F4641; }
.met_bgcolor_transition:hover a{ text-decoration: none; }
.met_grayscale_on{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%); }
/**
* 1.3 Typography
*/
a{color: #9F4641}
a:hover{
color: #FFCA07;
text-decoration: underline; }
a, a:visited, a:focus, a:active, a:hover{ outline: 0 none !important; }
a:visited, a:active, a:focus{text-decoration: none;}
.met_p{
color: #888381;
font-size: 14px;
line-height: 22px;
text-shadow: -1px -1px 0 #FFFFFF;
display: inline-block; }
.met_h4_title{
display: block;
color: #000000;
font-size: 18px;
line-height: 19px; }
.met_textcenter{ text-align: center; }
h1, h2, h3, h4, h5, h6{
font-weight: 400;
font-family: 'Sintony';
margin: 0 0 15px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
color: #393939;
line-height: 1.1; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, div:not(.clear_margin_bottom) > li > a{
color: inherit; }
div:not(.clear_margin_bottom) > .met_sidebar_box ul li a{
color: #393939;
}
b, strong { font-weight: 600; }
.met_text_block{ background-color: #F8F7F5; }
.met_text_block > header{
background-color: rgba(0, 0, 0, 0.03);
}
.met_text_block .met_p{ display: block }
.met_title_with_subtitle h3{
font-size: 24px;
color: #000000;
line-height: 35px;
display: inline-block;
margin: 0; }
.met_title_with_subtitle h4{
font-size: 12px;
line-height: 35px;
text-decoration: none;
display: inline-block;
margin: 0; }
.met_title_with_subtitle h2{ display: inline-block; }
.met_title_with_subtitle h2 + span{
font-size: 24px;
color: #9B9B9B; }
.met_clean_list,
.met_clean_list li{
list-style: none;
margin: 0;
padding: 0; }
.met_list_margins li{ margin-bottom: 12px; }
blockquote{
font-size: 24px;
color: #A19F96;
line-height: 29px; }
.met_simple_title_2{ padding: 14px 0; }
/**
* 1.4 Slider Classes
*/
.club-title-1{
font-size: inherit;
line-height: 100px;
color: inherit;
padding: 18px 40px 18px 70px;
background-color: rgba(0, 0, 0, 0.4); }
.club-title-2{
font-size: inherit;
line-height: 50px;
color: inherit;
padding: 13px 35px 13px 75px;
background-color: #D71752; }
.club-title-2{ background-color: #EB2F2E; }
/**
* ----------------------------------------------------------------------------------------
* 2.0 - Header Styles
* ----------------------------------------------------------------------------------------
*/
/**
* 2.1 General Header
*/
.met_header_wrap{
position: relative;
z-index: 300; }
body > .met_header_wrap{
position: fixed;
top: 0;
z-index: 1;
width: 100%; }
body.admin-bar > .met_header_wrap{ top: 32px; }
.met_header_wrap{ background-color: #FFFFFF; }
.met_boxed_layout .met_header_wrap{ background: none }
/*[class*="met_header_id_"]:not(.met_header_id_1):not(.met_header_id_4) .met_header_bar .met_content,*/
.met_boxed_layout [class*="met_header_id_"]:not(.met_header_id_4) header.met_content,
/*body:not(.met_boxed_layout) [class*="met_header_id_"]:not(.met_header_id_4),*/
.met_boxed_layout [class*="met_header_id_"]:not(.met_header_id_1):not(.met_header_id_4) .met_header_bar .met_content,
body:not(.met_boxed_layout) .met_header_search_wrap,
.met_boxed_layout .met_header_id_4 nav.met_content,
.met_boxed_layout .met_header_id_4 header{ background-color: #FFFFFF }
.met_header_id_3 .met_header_search{ border-left: none !important; }
.met_boxed_layout [class*="met_header_id_"]:not(.met_header_id_1):not(.met_header_id_4) .met_header_bar .met_content,
.met_boxed_layout [class*="met_header_id_"] header.met_content,
.met_boxed_layout .met_header_search_wrap .met_content{
box-sizing: content-box;
width: 1170px;
padding: 0 30px 0; }
.met_boxed_layout .met_header_id_4 nav.met_content{
box-sizing: content-box;
width: 1230px;
padding: 0; }
.met_header_on_content{
position: absolute;
width: 100%; }
/**
* 2.2 Logo
*/
.met_logo{
float: left;
padding-right: 20px;
max-height: 100%;
min-height: 100%; }
.met_logo_long_bg{ position: relative; }
.met_logo_long_bg:before{
display: block;
position: absolute;
content: '';
height: 100%;
width: 500px;
left: -500px;
top: 0;
background-color: inherit; }
.met_boxed_layout .met_logo_long_bg{
left: -30px;
width: 30px; }
.met_logo span{
font-family: 'Sintony';
font-weight: 700;
color: #373B3E;
font-size: 36px;
line-height: 46px;
padding-left: 15px;
display: inline-block;
float: none; }
.met_logo img{
max-height: 100%;
vertical-align: top;
display: inline-block;
float: none; }
.met_logo:hover{ text-decoration: none; }
.met_logo_container{
text-align: center;
float: none; }
.met_logo_container .met_logo{
display: inline-block;
float: none;
padding-right: 0;
border-right: none;
margin-bottom: -6px;
box-sizing: content-box;
-webkit-transition: height ease .5s;
transition: height ease .5s; }
.met_logo_big span{
font-size: 53px;
line-height: 48px; }
.footer .met_logo{ padding: 0; border-right: none }
.footer .met_logo span{ color: #FFFFFF; }
/**
* 2.3 Sticky Logo
*/
.met_sticky_header .met_logo{
border-right: none !important; }
.met_sticky_header .met_logo span{
line-height: 50px;
font-size: 36px; }
/**
* 2.4 Primary Nav
*/
.met_primary_nav{
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
list-style: none;
height: 100%;
display: inline-block;
width: 100%;
z-index: -1; }
.met_header_id_1 .met_primary_nav{ display: none; }
.met_primary_nav li.menu-item,
.met_primary_nav li ul{
float: left;
list-style: none; }
.met_primary_nav li.menu-item{ position: relative; }
.met_primary_nav > li.menu-item,
.met_primary_nav > li.menu-item > a{ height: 100% }
.met_primary_nav > li.menu-item > a{
font-size: 14px;
font-weight: 400;
position: relative; }
.met_primary_nav > li.menu-item > a > span{ padding: 10px 20px; }
.met_primary_nav > li.menu-item:not([class*="mmm-icon-align-"]) > a {padding: 10px 20px;}
.met_side_navbar .met_primary_nav > li.menu-item > a > span{ padding-left: 0; padding-right: 0 }
.met_primary_nav > li.menu-item > a{
color: #888381;
-webkit-transition: background-color .2s;
transition: background-color .2s; }
.met_primary_nav > li.menu-item > a > span,
.met_primary_nav > li.menu-item > a > i{
-webkit-transition: color .2s;
transition: color .2s; }
.met_primary_nav > li.menu-item > a > i:first-child{ margin-left: 10px; }
.met_primary_nav > li.menu-item > a > i:last-child{ margin-right: 10px; }
.met_primary_nav > li.menu-item:hover > a.menu-link,
.met_primary_nav > li.current-menu-item > a.menu-link,
.met_primary_nav > li.current-menu-ancestor > a.menu-link{
background-color: #FFCA07;
color: #FFFFFF;
text-decoration: none; }
.met_primary_nav > li.menu-item > ul{
position: absolute;
top: 100%;
left: 0;
z-index: 1;
margin-top: 0 !important;
float: none !important; }
.met_primary_nav > li.menu-item > ul li.menu-item{
min-width: 195px;
display: inline-block;
float: left;
text-align: left; }
.met_primary_nav li.menu-item ul{ padding: 0; }
.met_primary_nav > li.menu-item > ul,
.met_primary_nav > li.menu-item:not(.met_primary_nav_mega):not(.met_primary_nav_mega_posts):not(.met_primary_nav_posts) > ul li ul{
background-color: #FFFFFF;
border-top: 3px solid #FFCA07;
box-shadow: 0 0 22px 1px rgba(0, 0, 0, 0.2);
display: block; }
/*met_primary_nav_mega
met_primary_nav_mega_posts
met_primary_nav_posts
*/
.met_primary_nav > li.menu-item.met_primary_nav_mega > ul,
.met_primary_nav > li.menu-item.met_primary_nav_mega_posts > ul,
.met_primary_nav > li.menu-item.met_primary_nav_posts > ul,
.met_primary_nav > li.menu-item:not(.met_primary_nav_mega):not(.met_primary_nav_mega_posts):not(.met_primary_nav_posts) ul{
-webkit-transform: translateZ(0);
/*display: none;*/
}
.met_primary_nav li.menu-item:hover > ul{
/*visibility: visible;
opacity: 1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transition: all .25s;
transition: all .25s;*/ }
.met_primary_nav > li.menu-item ul a.menu-link{
color: #010101;
display: block;
float: none;
padding: 10px 15px 10px 15px;
position: relative;
-webkit-transition: all .25s;
transition: all .25s; }
.met_primary_nav > li.menu-item ul a.menu-link:after{
display: table;
content: '';
width: 100%; }
.met_primary_nav .met-menu-item-label:first-child{float: left;white-space: nowrap;}
.met_primary_nav > li.menu-item ul a.menu-link .met-menu-icon:last-child{
float: none;
margin-right: 0;
}
li ul li a .met-menu-item-label{vertical-align: middle;}
.mmm-icon-align-right > a{text-align: right}
.mmm-icon-align-right > a .met-menu-item-label{width: 87%; text-align: left;}
.mmm-widget .met-menu-icon{margin-right: 5px}
.met_primary_nav > li.menu-item ul a.menu-link .met-menu-icon{
float: none;
color: inherit;
font-size: inherit;
position: relative;
-webkit-transition: left .25s;
transition: left .25s;
-webkit-backface-visibility: hidden;
margin-right: 10px; }
.met_primary_nav li.menu-item li.menu-item.menu-item-has-children:hover > a.menu-link > .met-menu-icon{ left: 92.4%; }
.met_primary_nav li.menu-item:not(.met_primary_nav_mega):not(.met_primary_nav_mega_posts):not(.met_primary_nav_posts) li.menu-item:not(.current-menu-item):hover > a.menu-link{
background-color: rgba(0, 0, 0, 0.03);
text-decoration: none; }
.met_primary_nav li.menu-item li.current-menu-item > a.menu-link{
background-color: #FFCA07;
color: #FFFFFF; }
.met_primary_nav > li.menu-item:not(.met_primary_nav_mega):not(.met_primary_nav_mega_posts):not(.met_primary_nav_posts) > ul li.menu-item ul{
left: 100%;
top: -3px;
position: absolute; }
.met_header_id_2 .met_primary_nav{
position: relative;
padding: 0;
z-index: 0;
display: block !important;
text-align: center;
border: 1px solid #EDEFEF;
border-bottom: none !important; }
.met_header_id_2 .met_primary_nav > li{
display: inline-block;
float: none;
margin-right: -4px; }
.met-menu-item-desc{ display: block; }
.sub-menu .met-menu-item-desc{
opacity: 0.5;
text-transform: uppercase; }
/**
* 2.5 Search
*/
.met_header_search_wrap{
position: absolute;
width: 100%;
top: 100%;
left: 0;
visibility: hidden;
opacity: 0;
z-index: -2;
-webkit-transition: all .3s;
transition: all .3s; }
.met_header_search_wrap.on{
visibility: visible;
opacity: 1; }
.met_header_search_wrap .met_content{
background-color: #FFFFFF;
border-top: 1px solid #EDEFEF;
border-bottom: 1px solid #EDEFEF;
}
body:not(.met_boxed_layout) .met_header_search_wrap{
border-top: 1px solid #EDEFEF;
border-bottom: 1px solid #EDEFEF; }
body.met_boxed_layout .met_header_search_wrap{ border: none; }
body:not(.met_boxed_layout) .met_header_search_wrap .met_content{ border: none; }
.met_header_search{
float: right;
width: 50px;
height: 86px;
line-height: 86px;
text-align: center;
color: #B6B6B6;
font-size: 16px; }
.met_header_bar .met_header_search{
height: 41px;
line-height: 41px; }
ul + .met_header_search{
height: 60px;
line-height: 60px; }
.met_header_search:hover{ cursor: pointer }
.met_header_search_wrap .met_header_search_term{
line-height: 62px;
height: 62px;
background: none;
font-size: 20px;
border: none;
padding: 0;
display: block;
float: left;
width: 95%; }
.met_header_search_wrap .closer{
line-height: 62px;
font-size: 25px;
color: #000000;
background: none;
border: none;
padding: 0;
float: right;
cursor: pointer; }
/**
* 2.6 Links
*/
.met_header_links{ padding: 0 7.5px; }
.met_header_links li{ display: inline-block; }
.met_header_links a{
padding: 0 7.5px;
font-size: 12px;
color: #AFAFAF; }
/**
* 2.7 Socials
*/
.met_header_socials{
padding: 0 10px;
}
.met_header_socials a{
color: #AFAFAF;
display: inline-block;
padding: 0 10px;
font-size: 18px;
}
/**
* 2.8 Boxes
*/
.met_header_box_right{
float: right;
border-left: 1px solid rgba(0, 0, 0, 0.05);
z-index: 1;
height: 86px; }
.met_header_box_right:last-child{ border-left: none; }
/**
* 2.9 Language
*/
.met_header_language{
min-width: 105px;
right: 0;
text-align: right;
z-index: 2;
position: relative; }
.met_active_language{
display: inline-block;
width: 105px;
color: #A5A2A2;
font-size: 11px;
font-family: 'Sintony'; }
/* since v1.2.0 */
.met_header_language.met_header_language_min{
min-width: 50px !important;
}
.met_header_language_min .met_active_language{
width: 50px;
}
.met_active_language:hover{ text-decoration: none; }
.met_active_language img{ margin-top: -2px; }
.met_active_language span,
.met_active_language i{ margin-left: 5px; }
.met_active_language i{
display: inline-block;
margin-top: 3px;
float: right; }
.met_header_language ul{
position: absolute;
top: 100%;
right: 0;
min-width: 190px;
background-color: #FFFFFF;
visibility: hidden;
opacity: 0;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
margin-top: 0 !important;
float: none !important;
padding: 0;
border-top: 5px solid #FFCA07;
box-shadow: 0 0 3px 0 #CCCCCC;
-webkit-transform: translateY(35px) translateZ(0);
-ms-transform: translateY(35px) translateZ(0);
transform: translateY(35px) translateZ(0);
-webkit-transition-duration: 0;
transition-duration: 0; }
.met_header_language:hover ul{
visibility: visible;
opacity: 1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transform: translateY(-5px) translateZ(0);
-ms-transform: translateY(-5px) translateZ(0);
transform: translateY(-5px) translateZ(0);
-webkit-transition: all .4s;
transition: all .4s; }
.met_header_language ul li a{
display: block;
font-size: 11px;
text-decoration: none;
padding: 0 19px;
height: 32px;
line-height: 32px;
white-space: nowrap;
border-bottom: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
color: #878787;
min-width: 190px; }
.met_header_language ul li a img{ margin-left: 10px; }
/**
* 2.10 Mobile Bar Trigger
*/
.met_mobile_bar_trigger{
margin: 0 0 0 20px;
padding-left: 20px;
cursor: pointer;
float: left;
border: none;
font-size: 14px; }
.met_header_id_3 .met_mobile_bar_trigger{ border-left: 1px solid #EDEFEF }
.met_mobile_bar_trigger.met_header_box_right{
border: none;
margin: 0; }
/**
* 2.11 Header Bar
*/
.met_header_bar{ line-height: 40px; }
.met_boxed_layout .met_header_bar{
position: relative;
z-index: 4; }
.met_boxed_layout .met_header_id_3 .met_header_bar{ margin: 0; }
.met_header_bar .met_header_socials{ padding: 0; }
.met_header_bar .met_header_search_wrap{ min-height: 42px; }
.met_header_bar .pull-right:last-child{ border-left: none; }
.met_header_bar .met_active_language i{
margin-top: 0;
line-height: 38px; }
.met_header_bar a:hover{ text-decoration: none; }
.met_header_bar #menu-secondary-menu,
.met_header_bar #menu-secondary-menu li{
float: left;
}
/**
* 2.12 Header 3
*/
.met_header_id_3 .met_logo{ border-right: none; }
.met_header_id_3 .met_primary_nav{
padding-left: 0;
padding-right: 85px;
text-align: right; }
.met_header_id_3 .met_primary_nav > li{
display: inline-block;
float: none;
margin-right: -4px; }
.met_header_id_3 .met_header_search{ line-height: normal; }
.met_header_id_3 .met_header_search i{
width: 40px;
height: 40px;
background: #FFCA07;
line-height: 40px;
border-radius: 0 0 4px 4px;
color: #FFFFFF;
overflow: hidden;
position: relative;
-webkit-backface-visibility: hidden;}
.met_header_id_3 .met_header_search i:after{
display: inline-block;
content: '';
position: absolute;
width: 100%;
height: 5px;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.07); }
.met_header_id_3 .met_primary_nav > li:hover > a,
.met_header_id_3 .met_primary_nav > li.current-menu-item > a{
background-color: transparent;
color: #797F83;
text-decoration: none; }
.met_header_id_3 .met_primary_nav > li > a:after{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 5px;
background-color: #FACA07;
content: '';
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: all linear .2s;
transition: all linear .2s; }
.met_header_id_3 .met_primary_nav > li:hover > a:after,
.met_header_id_3 .met_primary_nav > li.current-menu-item > a:after{
visibility: visible;
opacity: 1; }
.met_header_id_3 .met_primary_nav > li:last-child{ margin-right: 0; }
.met_header_id_3 .met_primary_nav > li > a > span{ padding: 10px 20px; }
/**
* 2.13 Header 4
*/
.met_header_id_4 .met_primary_nav{
padding: 0;
position: static;
display: block !important;
float: left;
width: auto;
}
.met_header_id_4 .met_logo{ border-right: none !important; }
.met_header_id_4 header{ display: table }
.met_header_id_4 .met_header_socials,
.met_header_id_4 .met_header_links{
display: table-cell;
vertical-align: middle;
float: none !important;
white-space: nowrap;
width: 1px; }
.met_header_id_4 .met_primary_nav > li > a > span{ padding: 19px 22px; }
.met_header_id_4 .met_header_search{
height: 60px;
line-height: 60px; }
.met_header_id_4 .met_header_language{
height: 60px;
line-height: 60px;
min-width: initial;
padding-left: 20px;}
.met_header_id_4 .met_active_language{ padding-right: 20px; }
.met_header_id_4 .met_header_language i{ margin-top: 22px; }
/**
* 2.14 Header 5,6, Dark
*/
.met_header_id_5 nav{
position: relative;
z-index: -1; }
.met_header_id_5 .met_header_bar .met_content{ z-index: 4 }
.met_header_id_5 .met_primary_nav.met_primary_nav_black{ text-align: right; }
.met_header_id_5 .met_primary_nav.met_primary_nav_black > li{
display: inline-block;
float: none;
height: 100%; }
.met_header_id_5 .met_primary_nav.met_primary_nav_black > li{ margin-right: -5px; }
.met_header_id_5 .met_primary_nav.met_primary_nav_black > li:last-child{ margin-right: 0 }
.met_header_id_5 .met_primary_nav.met_primary_nav_black{
height: 100%;
top: 100%;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%); }
.met_primary_nav.met_primary_nav_black > li > a{
font-size: 13px;
font-weight: 400; }
.met_sticky_header .met_primary_nav.met_primary_nav_black > li > a{ border-right: none; }
.met_primary_nav.met_primary_nav_black > li:last-child > a{ border-right: none; }
.met_primary_nav.met_primary_nav_black > li > a > span{
padding: 0 20px;
line-height: 50px; }
.met_primary_nav > li > a > span span{position: relative}
.met_primary_nav.met_primary_nav_black > li > a i{ font-size: 23px; }
.met_primary_nav.met_primary_nav_black > li ul a:after{
content: '\f104';
left: 10px;
right: auto; }
.met_primary_nav.met_primary_nav_black > li > ul{
left: auto;
right: 1px; }
/**
* 2.15 Search on Menu
*/
.met_search_on_menu{ line-height: 49px; }
.met_search_on_menu input{
font-size: 12px;
line-height: 15px;
padding: 16px 20px;
background: none;
border: none;
color: #FFFFFF; }
.met_search_on_menu button{
background: none;
border: none;
color: #FFFFFF;
font-size: 16px;
padding: 0 20px 0 5px; }
/**
* ----------------------------------------------------------------------------------------
* 3.0 - Sticky Header
* ----------------------------------------------------------------------------------------
*/
.met_sticky_header{
position: fixed;
z-index: 400;
width: 100%;
height: 60px;
background-color: #FFFFFF;
border-bottom: 1px solid #EEEFF0;
padding: 0 30px;
top: 0;
-webkit-transform: translateY(-100%) translateZ(0);
-ms-transform: translateY(-100%) translateZ(0);
transform: translateY(-100%) translateZ(0);
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s; }
.met_sticky_header > .met_content{
height: 100%;
}
.met_boxed_layout .met_sticky_header{
background-color: transparent;
border-bottom: none; }
.met_boxed_layout .met_sticky_header > .met_content{
border-bottom: 1px solid #EEEFF0;
width: 1230px;
padding: 0 30px; }
.met_boxed_layout .met_sticky_header.met_sticky_header_color .met_sticky_header_color_apply,
.met_boxed_layout .met_sticky_header > .met_content{ background-color: #FFFFFF; }
.met_sticky_header nav{
float: left;
width: auto;
position: static; }
.met_sticky_header .met_header_links{ line-height: 60px; }
.met_sticky_header .met_header_socials{
position: relative;
float: right !important;
height: 100%; }
.met_sticky_header .met_header_socials a{
margin-top: 0 !important;
height: 100%;
display: block;
float: left; }
.met_sticky_header .met_header_socials a i{
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
position: relative; }
.met_sticky_header .met_header_search{ height: 100%; line-height: 55px; }
/**
* 3.1 Primary Nav
*/
.met_sticky_header .met_primary_nav > li > a > span{
padding: 0 20px;
margin-top: 0 !important; }
.met_fullpage_effect_header{
-webkit-transform-origin: center;
-webkit-animation: fullpageEffectHeaderShow .7s forwards;
-moz-transform-origin: center;
-moz-animation: fullpageEffectHeaderShow .7s forwards;
-ms-transform-origin: center;
-ms-animation: fullpageEffectHeaderShow .7s forwards;
-o-transform-origin: center;
-o-animation: fullpageEffectHeaderShow .7s forwards;
transform-origin: center;
animation: fullpageEffectHeaderShow .7s forwards;
}
.met_fullpage_effect_header.off{
-webkit-animation: fullpageEffectHeaderHide .7s forwards;
-moz-animation: fullpageEffectHeaderHide .7s forwards;
-ms-animation: fullpageEffectHeaderHide .7s forwards;
-o-animation: fullpageEffectHeaderHide .7s forwards;
animation: fullpageEffectHeaderHide .7s forwards;
}
@-webkit-keyframes fullpageEffectHeaderHide{
0%{ -webkit-transform: scale(1) translate3d(0,0,0) }
50%{ -webkit-transform: scale(0.7) translate3d(0,0,0); }
100%{ -webkit-transform: scale(0.7) translate3d(0,-150%,0); }
}
@-webkit-keyframes fullpageEffectHeaderShow{
0%{ -webkit-transform: scale(0.7) translate3d(0,-150%,0); }
50%{ -webkit-transform: scale(0.7) translate3d(0,0,0); }
100%{ -webkit-transform: scale(1) translate3d(0,0,0); }
}
@-moz-keyframes fullpageEffectHeaderHide{
0%{ -moz-transform: scale(1) translate3d(0,0,0) }
50%{ -moz-transform: scale(0.7) translate3d(0,0,0); }
100%{ -moz-transform: scale(0.7) translate3d(0,-150%,0); }
}
@-moz-keyframes fullpageEffectHeaderShow{
0%{ -moz-transform: scale(0.7) translate3d(0,-150%,0); }
50%{ -moz-transform: scale(0.7) translate3d(0,0,0); }
100%{ -moz-transform: scale(1) translate3d(0,0,0); }
}
@-ms-keyframes fullpageEffectHeaderHide{
0%{ -ms-transform: scale(1) translate3d(0,0,0) }
50%{ -ms-transform: scale(0.7) translate3d(0,0,0); }
100%{ -ms-transform: scale(0.7) translate3d(0,-150%,0); }
}
@-ms-keyframes fullpageEffectHeaderShow{
0%{ -ms-transform: scale(0.7) translate3d(0,-150%,0); }
50%{ -ms-transform: scale(0.7) translate3d(0,0,0); }
100%{ -ms-transform: scale(1) translate3d(0,0,0); }
}
@-o-keyframes fullpageEffectHeaderHide{
0%{ -o-transform: scale(1) translate3d(0,0,0) }
50%{ -o-transform: scale(0.7) translate3d(0,0,0); }
100%{ -o-transform: scale(0.7) translate3d(0,-150%,0); }
}
@-o-keyframes fullpageEffectHeaderShow{
0%{ -o-transform: scale(0.7) translate3d(0,-150%,0); }
50%{ -o-transform: scale(0.7) translate3d(0,0,0); }
100%{ -o-transform: scale(1) translate3d(0,0,0); }
}
@keyframes fullpageEffectHeaderHide{
0%{ transform: scale(1) translate3d(0,0,0) }
50%{ transform: scale(0.7) translate3d(0,0,0); }
100%{ transform: scale(0.7) translate3d(0,-150%,0); }
}
@keyframes fullpageEffectHeaderShow{
0%{ transform: scale(0.7) translate3d(0,-150%,0); }
50%{ transform: scale(0.7) translate3d(0,0,0); }
100%{ transform: scale(1) translate3d(0,0,0); }
}
/**
* ----------------------------------------------------------------------------------------
* 4.0 - Mobile Nav Bar
* ----------------------------------------------------------------------------------------
*/
#met_mobile_bar_closer{
position: fixed;
left: 270px;
top: -40px;
height: 40px;
width: 40px;
color: #FFFFFF;
background-color: #333A3D;
font-size: 18px;
line-height: 40px;
text-align: center;
cursor: pointer;
-webkit-transition: all ease .4s;
transition: all ease .4s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
z-index: 3;
font-weight: 400;
visibility: hidden;
opacity: 0; }
.admin-bar #met_mobile_bar_closer{ top: -8px; }
#met_mobile_bar_closer.show{
visibility: visible;
top: 0;
opacity: 1;
-webkit-transition-delay: .0s;
transition-delay: .0s; }
.admin-bar #met_mobile_bar_closer.show{ top: 32px; }
#met_mobile_bar{
position: fixed;
z-index: 0;
left: 0;
top: 0;
width: 270px;
height: 100%;
background: #282D31;
overflow: hidden;
padding-bottom: 20px;
display: none;
-webkit-transition: .4s;
transition: .4s; }
.admin-bar #met_mobile_bar{ top: 32px; }
#met_mobile_bar > div{
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
width: 290px;
height: 100%;
-webkit-overflow-scrolling: touch; }
#met_mobile_menu{
width: 270px;
padding: 0;
margin: 0;
-webkit-user-select: none; }
#met_mobile_menu li a{
line-height: 1.3;
color: rgba(255, 255, 255, 0.3);
border-bottom: 1px solid #31363A;
text-decoration: none;
display: block;
padding: 15px 20px 15px 15px;
font-size: 14px;
cursor: pointer;
margin: 0;
position: relative;
font-weight: 400;
-webkit-transition: background-color .25s;
transition: background-color .25s; }
#met_mobile_menu li ul{
width: 100%;
padding-left: 0;
display: none; }
#met_mobile_menu > li > ul > li > label,
#met_mobile_menu > li > ul > li > a{ padding-left: 30px; }
#met_mobile_menu > li > ul > li > ul > li > label,
#met_mobile_menu > li > ul > li > ul > li > a{ padding-left: 40px; }
#met_mobile_menu > li > ul > li > ul > li > ul > li > label,
#met_mobile_menu > li > ul > li > ul > li > ul > li > a{ padding-left: 50px; }
#met_mobile_menu li.menu-item-has-children > a:after{
position: absolute;
right: 20px;
top: 0;
height: 100%;
font-family: 'DSLCFontAwesome';
content: '\f105';
line-height: 46px;
color: #FFFFFF;
display: block;
font-size: 13px; }
#met_mobile_menu li.menu-item-has-children > a.met_mobile_menu_on:after{content: '\f107';}
.met_mobile_menu_on,
#met_mobile_menu li.current-menu-item > a{background-color: rgba(255,255,255,0.03)}
#met_mobile_bar .met_search_on_menu{ width: 270px; }
#met_mobile_bar .met_search_on_menu input{
width: 100%;
font-size: 14px;
line-height: 20px;
padding: 35px 25px;
background-color: #262A2E;
color: #FFFFFF;
border: none; }
#met_mobile_bar .met_search_on_menu button{ display: none; }
#met_mobile_bar_bottom_button{
width: 40px;
height: 40px;
position: fixed;
z-index: 10;
left: 0;
bottom: 30px;
background-color: #282D31;
color: #FFFFFF;
text-align: center;
line-height: 40px;
font-size: 20px;
border-radius: 4px;
display: none;
visibility: visible;
opacity: 0.5;
cursor: pointer;
-webkit-transform: translateX(-100%) translateZ(0);
-ms-transform: translateX(-100%) translateZ(0);
transform: translateX(-100%) translateZ(0);
-webkit-transition: all ease .3s;
transition: all ease .3s; }
/**
* ----------------------------------------------------------------------------------------
* 5.0 - Buttons
* ----------------------------------------------------------------------------------------
*/
.btn{
font-size: 18px;
line-height: 2.5;
padding: 0 20px;
border: none;
border-radius: 4px;
overflow: hidden;
color: #FFFFFF;
position: relative;
-webkit-transition: all ease 0.1s;
transition: all ease 0.1s; }
.btn:after{
display: block;
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 4px;
margin: 0;
background-color: rgba(0, 0, 0, 0.11);
-webkit-transition: all ease 0.1s;
transition: all ease 0.1s; }
.btn:hover{
color: #FFFFFF;
background-color: #5B5E65; }
.btn-lg{ font-size: 20px; }
.btn-sm{ font-size: 16px; }
.btn-xs{ font-size: 14px; }
/**
* 5.1 Button Painting
*/
.btn-primary{ background: #FFCA07; }
.btn-info{ background: #17ACB5; }
.btn-warning{ background: #2B3333; color: #FFFFFF; }
.btn-danger{ background: #C30D10; }
.btn-success{ background: #15AF1F; }
.iconic-btn .icon-caption{
background-color: rgba(0, 0, 0, 0.3);
padding: 0 15px; }
.btn.btn-inherit{
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important; }
/**
* 5.2 Iconic Button
*/
.iconic-btn{
font-size: 18px;
line-height: 1.9;
border-radius: 3px;
color: #FFFFFF;
overflow: hidden;
display: inline-block;
-webkit-transition: all ease 0.1s;
transition: all ease 0.1s; }
.iconic-btn:active{
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px); }
.iconic-btn:hover{ background-color: #5B5E65; }
.iconic-btn > div{ display: table; }
.iconic-btn > div > div{ display: table-row }
.iconic-btn div span{ display: table-cell }
.iconic-btn:hover{ text-decoration: none }
.iconic-btn.btn-lg{ font-size: 20px; }
.iconic-btn.btn-sm{ font-size: 14px; }
.iconic-btn.btn-xs{ font-size: 11px; }
.iconic-btn i{ font-size: 22px; }
.iconic-btn.btn-lg i{ font-size: 24px; }
.iconic-btn.btn-sm i{ font-size: 20px; }
.iconic-btn.btn-xs i{ font-size: 18px; }
.iconic-btn,
.iconic-btn.btn-lg,
.iconic-btn.btn-sm,
.iconic-btn.btn-xs{ padding: 0; }
.iconic-btn .icon-caption i{ line-height: 2.1; }
.iconic-btn .text-caption{
padding: 0 20px 0 15px;
vertical-align: middle; }
/**
* 5.3 Circle Button
*/
.btn-circle{
width: 150px;
height: 150px;
border-radius: 100%;
text-align: center;
display: table-cell;
vertical-align: middle;
font-weight: 600;
font-size: 18px;
position: relative;
-webkit-transition: all .3s, -webkit-transform .2s, box-shadow .2s;
transition: all .3s, transform .2s, box-shadow .2s; }
.btn-circle:hover{
text-decoration: none;
background-color: #5B5E65; }
.btn-circle:active{
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85); }
.btn-circle.with-border:after{
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 100%;
border: 10px solid #F0F0F0;
content: '';
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01); }
.btn-circle.with-shining:after{
display: block;
width: 73%;
height: 51%;
position: absolute;
left: 14%;
top: 3%;
border-radius: 100%;
background-color: rgba(255, 255, 255, 0.20);
content: '';
z-index: 2; }
.btn-circle.with-side-shining{ overflow: hidden }
.btn-circle.with-side-shining:after{
display: block;
width: 50%;
height: 100%;
position: absolute;
left: 50%;
top: 0;
background-color: rgba(255, 255, 255, 0.20);
content: '';
z-index: 0; }
.btn-circle.with-shining span,
.btn-circle.with-side-shining span{
position: relative;
z-index: 1; }
.btn-circle.with-trans-border{ border: 10px solid rgba(0, 0, 0, 0.11); }
/**
* 5.4 Ghost Button
*/
.met_ghost_button{
border: 1px solid #FFCA07;
border-radius: 4px;
padding: 10px 20px;
background-color: transparent;
color: #FFCA07;
float: left;
font-size: 25px;
line-height: 1.5;
-webkit-transition: all .25s;
transition: all .25s; }
.met_ghost_button:hover{
text-decoration: none;
border-color: #393939;
background-color: #393939;
color: #FFFFFF; }
/**
* ----------------------------------------------------------------------------------------
* 6.0 - Icon Box
* ----------------------------------------------------------------------------------------
*/
.met_icon_box{
font-size: 27px;
line-height: 1.85;
text-align: center;
background-color: #373B3D;
color: #FFFFFF;
min-width: 51px;
display: inline-block;
border-radius: 5px;
-webkit-transition: -webkit-transform .1s;
transition: transform .1s; }
.met_icon_box:active{
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px); }
.met_icon_box:hover{ text-decoration: none; }
.bg_android{ background-color: #80BD01 }
.cl_android{ color: #80BD01 }
.bg_apple{ background-color: #E1E2E3 }
.cl_apple{ color: #E1E2E3 }
.bg_bitbucket{ background-color: #205081 }
.cl_bitbucket{ color: #205081 }
.bg_bitcoin{ background-color: #F7931A }
.cl_bitcoin{ color: #F7931A }
.bg_css3{ background-color: #119BD6 }
.cl_css3{ color: #119BD6 }
.bg_dribbble{ background-color: #C42462 }
.cl_dribbble{ color: #C42462 }
.bg_dropbox{ background-color: #007EE5 }
.cl_dropbox{ color: #007EE5 }
.bg_facebook{ background-color: #45619D }
.cl_facebook{ color: #45619D }
.bg_flickr{ background-color: #FF0084 }
.cl_flickr{ color: #FF0084 }
.bg_foursquare{ background-color: #3BB8EE }
.cl_foursquare{ color: #3BB8EE }
.bg_github{ background-color: #000000 }
.cl_github{ color: #000000 }
.bg_gittip{ background-color: #643614 }
.cl_gittip{ color: #643614 }
.bg_google-plus{ background-color: #DD4C39 }
.cl_google-plus{ color: #DD4C39 }
.bg_html5{ background-color: #EC5924 }
.cl_html5{ color: #EC5924 }
.bg_instagram{ background-color: #5D493A }
.cl_instagram{ color: #5D493A }
.bg_linkedin{ background-color: #0085AE }
.cl_linkedin{ color: #0085AE }
.bg_linux{ background-color: #000000 }
.cl_linux{ color: #000000 }
.bg_maxcdn{ background-color: #FF7012 }
.cl_maxcdn{ color: #FF7012 }
.bg_pagelines{ background-color: #3DAAFF }
.cl_pagelines{ color: #3DAAFF }
.bg_pinterest{ background-color: #CB2028 }
.cl_pinterest{ color: #CB2028 }
.bg_renren{ background-color: #005AAA }
.cl_renren{ color: #005AAA }
.bg_skype{ background-color: #03B3EE }
.cl_skype{ color: #03B3EE }
.bg_stack-exchange{ background-color: #16437C }
.cl_stack-exchange{ color: #16437C }
.bg_stack-overflow{ background-color: #FEA501 }
.cl_stack-overflow{ color: #FEA501 }
.bg_trello{ background-color: #216884 }
.cl_trello{ color: #216884 }
.bg_tumblr{ background-color: #2C4762 }
.cl_tumblr{ color: #2C4762 }
.bg_twitter{ background-color: #32CCFE }
.cl_twitter{ color: #32CCFE }
.bg_vimeo-square{ background-color: #0491BC }
.cl_vimeo-square{ color: #0491BC }
.bg_vk{ background-color: #4E739F }
.cl_vk{ color: #4E739F }
.bg_weibo{ background-color: #B9393A }
.cl_weibo{ color: #B9393A }
.bg_windows{ background-color: #00A8E4 }
.cl_windows{ color: #00A8E4 }
.bg_xing{ background-color: #015F5E }
.cl_xing{ color: #015F5E }
.bg_youtube{ background-color: #DB1828 }
.cl_youtube{ color: #DB1828 }
/**
* ----------------------------------------------------------------------------------------
* 7.0 - Info Line
* ----------------------------------------------------------------------------------------
*/
.met_info_line{
background-color: #F8F7F5;
padding: 25px 30px; }
.met_info_line_texts{ float: left; }
.met_info_line_button{ float: right; }
.met_info_line_texts h3{
font-size: 24px;
line-height: 26px;
margin: 0; }
.met_info_line_texts h4{
font-size: 14px;
line-height: 17px;
color: #888381;
margin: 0; }
/**
* ----------------------------------------------------------------------------------------
* 8.0 - Info Box
* ----------------------------------------------------------------------------------------
*/
.met_info_box{ position: relative; }
.met_info_box .met_p{ display: block }
.met_info_box_background{
position: absolute !important;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #F8F7F5;
z-index: 1 !important;
opacity: 1; }
.met_info_box > div{
position: relative;
z-index: 2; }
.met_info_box_image{
width: 39.473684210526%;
margin-left: 60.526315789477%;
border-left: 2px solid rgba(0, 0, 0, 0.06);
position: relative; }
.image_at_left .met_info_box_image{
width: 39.473684210526%;
margin-left: 0;
float: left;
display: block;
border-left: none;
border-right: 2px solid rgba(0, 0, 0, 0.06); }
.met_info_box_image img{
max-width: 100%;
max-height: 100%;
width: 100%;
border: 10px solid rgba(0, 0, 0, 0.03); }
.met_info_box_content{
width: 60.526315789477%;
padding: 25px 30px;
float: left; }
.image_at_left .met_info_box_content{
width: 60.526315789477%;
float: right; }
.met_info_box_content h4{
font-size: 24px;
color: #000000; }
.met_info_box_image:before{
position: absolute;
display: block;
left: -17px;
top: 44%;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 12.5px 15px 12.5px 0;
border-color: transparent rgba(0, 0, 0, 0.06) transparent transparent; }
.image_at_left .met_info_box_image:before{
left: auto;
right: -17px;
border-width: 12.5px 0 12.5px 15px;
border-color: transparent transparent transparent rgba(0, 0, 0, 0.06); }
.met_info_box_read_more:hover{
color: #000000;
text-decoration: underline; }
.met_info_box_icon_2 .met_p{display: block;}
/**
* ----------------------------------------------------------------------------------------
* 9.0 - Simple Box
* ----------------------------------------------------------------------------------------
*/
.met_simple_box_list.columns_1 > .met_simple_box{ width: 100%; }
.met_simple_box_list.columns_2 > .met_simple_box{ width: 50%; }
.met_simple_box_list.columns_3 > .met_simple_box{ width: 33.33333333333333%; }
.met_simple_box{
position: relative;
display: block; }
a.met_simple_box:hover{ text-decoration: none }
.met_simple_box img{ width: 100% }
.met_simple_box.with_padding,
.met_simple_box_content.with_padding{ padding: 30px; }
.met_simple_box.with_bg{ background-color: #F8F7F5; }
.met_simple_box.trans_bg{ background-color: rgba(0, 0, 0, 0.07); }
.met_simple_box_content.padding_left_off{ padding-left: 0; }
.met_simple_box_content.padding_right_off{ padding-right: 0; }
.met_simple_box.with_bg:nth-child(2n){ background-color: #E7E5E1; }
.met_simple_box > i{
font-size: 92px;
color: #393939;
margin-bottom: 30px;
display: inline-block; }
.met_simple_box_link{
position: absolute;
line-height: 30px;
top: 20px;
right: 20px;
background-color: #FFFFFF;
color: #393939;
text-align: center;
font-size: 11px;
padding: 0px 11px 0 12px; }
.met_simple_box_link:hover{text-decoration: none;}
.met_simple_box_link.left{
top: 20px;
right: auto;
left: 20px; }
.met_simple_box_content h5{
font-size: 19px;
line-height: 22px;
margin-bottom: 10px; }
.met_simple_box_content p{ margin: 0; }
.met_simple_box_link i{ font-style: normal !important; }
.met_simple_box_link:hover{ color: #FFFFFF; }
.met_simple_box_content i.met_big_icon{
font-size: 60px;
color: #FFFFFF;
display: block;
float: left; }
.met_simple_box_content:hover i.met_big_icon{
-webkit-animation: toBottomFromTop 0.3s forwards;
-ms-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards; }
.met_simple_box_content i.met_big_icon + h5{
color: #FFFFFF;
font-size: 24px;
line-height: 30px;
margin-left: 60px;
margin-bottom: 0; }
.met_simple_box_content i.met_big_icon + h5 + span{
color: #000000;
font-size: 14px;
line-height: 20px;
margin-left: 60px;
display: block; }
/**
* ----------------------------------------------------------------------------------------
* 10.0 - Content Box
* ----------------------------------------------------------------------------------------
*/
.met_content_box{ background-color: #F8F7F5; }
.met_content_box.no_bgcolor,
.met_content_box.no_bgcolor header{ background-color: transparent; }
.met_content_box.no_bgcolor header{ padding: 0; }
.met_content_box header{
padding: 15px 30px;
background-color: rgba(0, 0, 0, 0.03);
position: relative; }
.met_content_box header span{
font-size: 19px;
color: #000000;
line-height: 25px; }
.met_content_box header a{
font-size: 12px;
line-height: 25px;
text-decoration: none; }
.met_content_box header i{
font-size: 25px;
float: right;
display: inline-block;
color: #000000;
line-height: 25px; }
.met_content_box section > a{
display: block;
position: relative; }
.met_content_box section > img,
.met_content_box section > a > img{
border: 10px solid #E8E6E1;
width: 100%;
max-width: 100%; }
.met_content_box.no_bgcolor section > img,
.met_content_box.no_bgcolor section > a > img{
border: 5px solid #E8E6E1;
width: 100%;
max-width: 100%; }
.met_content_box section .met_content_box_contents{ padding: 30px; }
.met_content_box.no_bgcolor section .met_content_box_contents{ padding: 15px 0 0 0; }
.met_content_box_contents .met_overlay_wrapper{ position: relative }
.met_overlay_wrapper{ float: left; }
.met_overlay_wrapper img{ width: 100%; }
.met_content_box_image_overlay{
position: absolute;
right: 5px;
bottom: 19px;
display: block;
color: #393939;
font-size: 12px;
line-height: 35px;
padding: 0 5px 0 10px;
background-color: #E8E6E1; }
.met_content_box_contents .met_blog_misc_subtitle{
font-size: 12px;
line-height: 14px;
color: #909090;
margin-bottom: 15px; }
.met_content_box_contents > img{
display: block;
float: left; }
.met_content_box_contents_text{ float: left; }
.met_content_box_contents_text .met_p{ display: inline; }
.met_content_box_contents_text h4{
font-size: 36px;
font-weight: 700;
margin: 0; }
.met_content_box_contents_text h5{
font-size: 18px;
font-weight: 700;
margin: 0; }
.met_content_box_contents .h4{
margin-top: 20px;
display: block; }
/**
* ----------------------------------------------------------------------------------------
* 11.0 - Small Blog List Box
* ----------------------------------------------------------------------------------------
*/
.met_latest_blog_box{ padding: 20px; }
.met_latest_blog_box:nth-child(2n){ background-color: rgba(0, 0, 0, 0.03); }
.met_latest_blog_box_preview,
.met_latest_blog_box_preview img{
float: left;
display: block;
width: 70px;
height: 70px; }
.met_latest_blog_box_title{
font-size: 14px;
line-height: 16px;
display: inline-block;
float: left;
display: block;
width: 100%;
margin-bottom: 4px; }
.met_latest_blog_box_date{
font-size: 11px;
line-height: 18px;
color: #8F8D85;
float: left; }
.met_latest_blog_contents div.met_p{
font-size: 12px;
line-height: 18px;
margin-top: 5px;
margin-bottom: 5px;
float: left;
width: 100%; }
.met_latest_blog_box_readmore{
font-size: 12px;
color: #000000;
float: right;
text-decoration: underline; }
/**
* ----------------------------------------------------------------------------------------
* 12.0 - Contents Carousel
* ----------------------------------------------------------------------------------------
*/
.met_upcoming_events_wrapper{ position: relative; }
.met_upcoming_events img{
border: 10px solid rgba(0, 0, 0, 0.03);
width: 100%; }
.met_upcoming_events figcaption{ padding: 30px; }
.met_upcoming_events figcaption h4{
font-size: 19px;
line-height: 22px; }
.met_upcoming_events{ position: relative; }
.met_upcoming_events .met_p{ margin-top: 15px }
.met_upcoming_events .met_content_grid_4_miscs{ margin: 0 }
.met_upcoming_events aside{
width: 60px;
height: 70px;
position: absolute;
left: 10px;
top: 10px;
background-color: #E6E5E0;
text-align: center;
font-size: 24px;
line-height: 26px;
color: #393939;
z-index: 2; }
.met_upcoming_events aside span{
display: block;
font-size: 12px;
line-height: 14px; }
.met_upcoming_events_wrapper nav,
.met_carousel_nav_on_header{
position: absolute;
top: 10px;
left: 70px;
z-index: 51; }
.met_carousel_nav_on_header{
top: 0;
left: auto;
right: 0;
height: 100%; }
.met_upcoming_events_wrapper nav a,
.met_carousel_nav_on_header a{
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
display: block;
color: #393939; }
.met_carousel_nav_on_header a{
height: 100%;
width: 50px;
line-height: normal !important;
float: left;
text-align: center; }
.met_upcoming_events_wrapper nav a:last-child{ background-color: rgba(0, 0, 0, 0.11); }
.met_carousel_nav_on_header a:first-child{ background-color: rgba(0, 0, 0, 0.11); }
.met_carousel_nav_on_header a:last-child{ background-color: transparent; }
.met_upcoming_events_wrapper nav a:hover,
.met_carousel_nav_on_header a:hover{ color: #FFFFFF; }
.met_content_box header .met_carousel_nav_on_header a i{
font-size: inherit;
float: none;
display: inline-block;
color: inherit;
line-height: normal;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.met_contents_carousel_2_preview{
position: relative;
display: block; }
.met_contents_carousel_2_preview span{
position: absolute;
right: 10px;
bottom: 10px;
display: block;
color: #393939;
font-size: 12px;
line-height: 35px;
padding: 0 5px 0 10px;
background-color: #E8E6E1; }
/**
* ----------------------------------------------------------------------------------------
* 13.0 - Content List with Date
* ----------------------------------------------------------------------------------------
*/
.met_blog_item a,
.met_blog_item .met_p{
display: block;
margin-left: 80px; }
.met_blog_item a h4{ margin-bottom: 5px; }
.met_blog_item{ margin: 15px 0 30px; }
.met_blog_item:last-of-type{ margin-bottom: 0; }
/**
* ----------------------------------------------------------------------------------------
* 14.0 - Footer
* ----------------------------------------------------------------------------------------
*/
.footer{
background-color: #373B3D;
color: #83817F;
font-size: 12px;
line-height: 20px;
padding: 30px 15px 0;
-webkit-backface-visibility: hidden; }
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6{ color: #FFFFFF; }
.footer a{ color: #9F4641; }
.footer .row{
margin-left: 0;
margin-right: 0; }
.footer .clear_margin_bottom{ margin-bottom: 0 }
/**
* 14.1 Flat
*/
.met_flat_footer .footer{ background-color: #393F4A; }
.met_flat_footer .met_footer_bar{ background-color: transparent; }
.met_flat_footer_bar{ background-color: #313640; }
.met_flat_footer .footer .met_footer_menu a{
font-size: 18px;
font-weight: 600;
color: #FFFFFF;
padding: 0 25px;
line-height: 40px; }
.met_flat_footer .met_footer_menu li:first-child a{ padding-left: 0; }
.met_flat_footer .met_footer_menu li:last-child a{ padding-right: 0; }
.met_flat_footer .footer .met_footer_socials a{
color: #FFFFFF;
line-height: 40px; }
.met_flat_footer .met_flat_copyright{
color: #90A6BF;
font-size: 12px;
font-weight: 600; }
.met_flat_footer, .met_onepage_footer{ text-align: center; }
.met_flat_footer .met_footer_menu,
.met_flat_footer .met_footer_socials,
.met_onepage_footer .met_footer_menu,
.met_onepage_footer .met_footer_socials{
display: inline-block;
float: none; }
.met_flat_footer .footer .row > div,
.met_onepage_footer .footer .row > div{ margin-bottom: 0 }
.met_flat_footer .footer{
padding-top: 75px;
padding-bottom: 75px; }
.met_flat_footer_bar{
padding-top: 30px;
padding-bottom: 30px;
margin: 0; }
.met_flat_footer_bar > div{ margin-bottom: 0; }
.met_flat_footer .met_footer_socials a{
color: #B0B0B0;
line-height: 40px; }
/**
* 14.2 Onepage
*/
.met_onepage_footer .footer{
background-color: #FFFFFF;
padding-top: 35px;
padding-bottom: 35px; }
.met_onepage_footer_copyright{
color: #363A3D;
font-size: 16px;
line-height: 20px; }
/**
* 14.3 Slim
*/
.met_slim_footer .footer{
padding: 0;
background-color: #FFFFFF;
border-top: 1px solid #D6D6D6;
border-bottom: 1px solid #D6D6D6; }
.met_slim_footer .met_onepage_footer_copyright{
float: left;
line-height: 40px;
font-size: 12px;
color: #909091; }
.met_slim_footer .met_footer_socials{ float: right; }
.met_slim_footer .col-md-12{ margin: 0; }
.met_slim_footer .met_footer_socials a{ line-height: 40px; }
.met_slim_footer_copyright{float: left;}
/**
* 14.4 Texts with Icon
*/
.met_icon_text{ margin-bottom: 10px }
.met_icon_text .met_icon_text_icon_box{
float: left;
text-align: center;
width: 20px;
font-size: 18px; }
.met_icon_text span{
margin-left: 27px;
display: block; }
/**
* 14.5 Twitter
*/
.met_footer_twits_wrapper{ overflow: hidden; height: 205px; }
.met_footer_twits{
float: left;
width: 100%;
margin-top: -45px; }
.mmm-widget .met_footer_twits,
.mmm-widget .met_footer_twit_item{width: 100% !important;}
.met_footer_twit_item{
position: relative;
padding-left: 30px;
margin-top: 20px;
padding-top: 20px;
float: left;
width: 100%;
border-top: 5px solid rgba(0, 0, 0, 0.11); }
.met_footer_twit_item:before{
position: absolute;
left: 0;
top: 20px;
display: block;
font-family: 'DSLCFontAwesome';
content: '\F099';
font-size: 20px;
color: #83817F; }
.met_sidebar_box .met_footer_twits_wrapper{padding: 24px;}
/**
* 14.6 Bar (Socials & Links)
*/
.met_footer_bar{
background-color: rgba(0, 0, 0, 0.11);
padding: 0 30px; }
.footer .met_footer_menu a,
.footer .met_footer_socials a{
line-height: 50px;
color: #83817F;
text-decoration: none;
display: inline-block;
padding: 0 10px;
-webkit-transition: color ease .2s;
transition: color ease .2s;}
.met_footer_menu li,
.met_footer_socials li{ float: left }
.met_footer_menu li:first-child a,
.met_footer_socials li:first-child a{ padding-left: 0 }
.met_footer_menu li:last-child a
.met_footer_socials li:last-child a{ padding-right: 0 }
.met_footer_socials a{ font-size: 18px; }
.met_footer_menu{ float: left }
.met_footer_socials{ float: right }
.met_footer_bar_content{ line-height: 50px; }
/**
* 14.7 Feedback
*/
.footer .wpcf7-form{ margin: -30px 0 0; }
.met_footer_feedback{
padding: 30px;
background-color: rgba(0, 0, 0, 0.11); }
.met_footer_feedback input,
.met_footer_feedback textarea{
background-color: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.03);
display: block;
width: 100%;
margin-bottom: 13px;
padding: 9px 10px;
color: #83817F;
line-height: 16px;
-webkit-transition: border .3s;
transition: border .3s; }
.met_footer_feedback input:hover,
.met_footer_feedback input:focus,
.met_footer_feedback textarea:hover,
.met_footer_feedback textarea:focus{ border: 1px solid rgba(159, 70, 65, 0.5); }
.met_footer_feedback textarea{
min-height: 70px;
height: 70px; }
.met_footer_feedback button{
width: 35px !important;
height: 35px;
line-height: 34px;
text-align: center;
padding: 0 !important;
border: none !important;
color: #FFFFFF !important;
font-size: 21px !important; }
.met_footer_feedback br{ display: none }
.met_footer_feedback span.wpcf7-not-valid-tip,
.met_text_block span.wpcf7-not-valid-tip{
overflow: hidden;
position: absolute;
width: 15px;
height: 15px;
padding-left: 15px;
top: 12px;
right: 10px; }
.met_footer_feedback span.wpcf7-not-valid-tip:after,
.met_text_block span.wpcf7-not-valid-tip:after{
display: block;
position: absolute;
width: 15px;
height: 15px;
top: 0;
right: 0;
color: #9F4641;
content: 'X';
font-size: 15px;
line-height: 15px; }
.met_footer_feedback p{ margin-bottom: 0 }
.met_footer_feedback span{ display: block !important }
.met_footer_feedback + div.wpcf7-validation-errors,
.met_footer_feedback + div.wpcf7-mail-sent-ok{
display: block;
margin: 0;
position: absolute;
width: 70%;
right: 30px;
bottom: 29px;
font-size: 11px;
line-height: 14px;
text-align: center;
border-left: none;
border-right: none;
border-width: 1px;
border-color: #FFCA07; }
.met_text_block .met_contact_wrapper + div.wpcf7-validation-errors,
.met_text_block .met_contact_wrapper + div.wpcf7-mail-sent-ok{
display: inline-block;
margin: 0;
position: absolute;
width: auto;
right: 0;
bottom: 10px;
font-size: 12px;
line-height: 31px;
text-align: right;
border-left: none;
border-right: none;
border-width: 1px;
border-color: #FFCA07;
}
.met_footer_feedback + div.wpcf7-mail-sent-ok,
.met_text_block .met_contact_wrapper + div.wpcf7-mail-sent-ok{border-color: #398f14;}
/**
* 14.6 Sidebars
*/
.footer .met_sidebar_box header,
.footer .met_sidebar_box .met_custom_clean_menu,
.footer .met_sidebar_box{background-color: transparent}
.footer .met_sidebar_box header,
.footer .met_sidebar_box li,
.footer .met_sidebar_box .textwidget,
.footer .met_sidebar_box .tagcloud,
.footer .met_sidebar_box .met_custom_clean_menu ul li{
padding: 0;
border: none; }
.footer .met_sidebar_box > div > ul > li ul{
margin-top: 0;
margin-bottom: 0; }
.footer .met_sidebar_box > ul > li ul,
.footer .met_sidebar_box > div > ul > li ul{
margin: 0;
border: none; }
.met_sidebar_box.widget_rss ul li{
padding-left: 30px;
padding-right: 30px; }
.met_sidebar_box .searchform{ padding: 30px; }
.met_sidebar_box .textwidget select{
margin: 0;
width: 100%; }
.met_sidebar_box .met-menu-icon{ margin-right: 7px }
.met_sidebar_box.widget_rss ul li a{ margin-left: 0; }
.widget_recent_comments a{ margin-left: 0 !important; }
.footer .met_custom_clean_menu > ul > li > ul > li > a{ padding-left: 10px; }
.footer .met_custom_clean_menu > ul > li > ul > li > ul > li > a{padding-left: 20px;}
.footer .met_flickr_feed li{padding: 1.5px;}
.footer .met_flickr_feed li a{padding: 1.5px; display: block}
.footer .met_flickr_feed {padding: 0 !important;}
.footer .met_sidebar_box select{border-color: #797776}
.footer #wp-calendar thead,
.footer #wp-calendar tfoot,
.footer #wp-calendar tbody{background-color: transparent}
/**
* ----------------------------------------------------------------------------------------
* 15.0 - Page Loading Bar
* ----------------------------------------------------------------------------------------
*/
#met_page_loading_bar{
position: fixed;
z-index: 99999999;
left: 0;
top: 0;
height: 3px;
background-color: #FFCA07;
box-shadow: 0 0 3px 0 #FFCA07;
opacity: 1;
visibility: visible;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s; }
#met_page_loading_bar.loaded{
opacity: 0;
visibility: hidden;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); }
#met_page_loading_bar.uninitialized{ width: 25%; }
#met_page_loading_bar.loading{ width: 30%; }
#met_page_loading_bar.interactive{ width: 80%; }
#met_page_loading_bar.complete{ width: 100%; }
/**
* ----------------------------------------------------------------------------------------
* 16.0 - Subscribe Box
* ----------------------------------------------------------------------------------------
*/
.met_subscribe_box{ position: relative; }
.met_subscribe_box form,
.met_subscribe_box aside{ padding: 30px; }
.met_subscribe_box form{
float: left;
width: 56.666666666667%;
background-color: #EFEEE9; }
.met_subscribe_box form:last-child{ width: 100% }
.met_subscribe_box aside{
position: absolute;
height: 100%;
width: 43.333333333333%;
margin-left: 56.666666666667%;
background-color: rgba(0, 0, 0, 0.03);
background-color: #E7E6E1; }
.met_subscribe_box aside:first-child{ width: 100%; margin-left: 0; position: static; }
.met_subscribe_box input{
width: 85.551330798479%;
height: 40px;
padding: 10px;
line-height: 20px;
font-size: 12px;
background-color: #FFFFFF;
color: #313538;
border: none;
float: left; }
.met_subscribe_box button{
width: 14.448669201521%;
background-color: #313537;
color: #FFFFFF;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 12px;
text-align: center;
display: inline-block;
border: none; }
.met_subscribe_box h5{
color: #313538;
font-size: 16px; }
.met_subscribe_box .met_icon_text{
color: #313538;
margin-bottom: 2px; }
.met_subscribe_box .met_icon_text span{ font-size: 12px; }
/**
* ----------------------------------------------------------------------------------------
* 17.0 - Image Carousel
* ----------------------------------------------------------------------------------------
*/
/**
* 17.1 Image Carousel 1
*/
.met_image_carousel_wrap{
padding: 33px 25px;
position: relative; }
.met_image_carousel_wrap nav a{
position: absolute;
font-size: 12px;
display: block;
width: 25px;
top: 48%;
color: #393939; }
.met_image_carousel_wrap nav a:hover{text-decoration: none;}
.met_image_carousel img{ max-width: 100% }
.met_image_carousel_wrap nav a.previous{ left: 0 }
.met_image_carousel_wrap nav a.next{ right: 0; text-align: right; }
/**
* 17.2 Image Carousel 2
*/
.met_image_carousel_wrap_2{
padding: 0 30px 0 195px;
position: relative; }
.met_image_carousel_wrap_2 nav{
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 100px; }
.met_image_carousel_wrap_2 nav a{
position: absolute;
font-size: 12px;
display: block;
width: 30px;
height: 50px;
line-height: 50px;
left: 0;
color: #FFFFFF;
text-align: center; }
.met_image_carousel_wrap_2 nav a:hover{text-decoration: none;}
.met_image_carousel_wrap_2 nav a.previous{
top: 0;
background-color: rgba(0, 0, 0, 0.1); }
.met_image_carousel_wrap_2 nav a.next{ top: 50px; }
.met_image_carousel_wrap_2_caption{
width: 195px;
position: absolute;
left: 0;
top: 0;
padding: 30px;
background-color: #F7F5F3; }
.met_image_carousel_wrap_2_caption h4{
margin: 0;
font-size: 24px;
font-weight: 600;
color: #373B3D;
line-height: 1.1; }
.met_image_carousel_wrap_2_caption h5{
margin: 0;
font-size: 16px;
color: #74706D;
line-height: 1.1; }
/**
* 17.3 Image Carousel 3
*/
.met_image_carousel_wrap_3{
padding: 0;
position: relative; }
.met_image_carousel_wrap_3 nav{
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 100%; }
.met_image_carousel_wrap_3 nav a{
position: absolute;
font-size: 12px;
width: 100%;
height: 50%;
left: 0;
color: #FFFFFF;
text-align: center; }
.met_image_carousel_wrap_3 nav a:hover{ text-decoration: none; }
.met_image_carousel_wrap_3 nav a.previous{
top: 0;
background-color: rgba(0, 0, 0, 0.1); }
.met_image_carousel_wrap_3 nav a.next{ top: 50px; }
.met_image_carousel_wrap_3_caption{
padding: 30px 50px 30px 30px;
background-color: #F7F5F3;
position: relative; }
.met_image_carousel_wrap_3_caption h4{
margin: 0;
font-size: 24px;
font-weight: 600;
color: #373B3D;
line-height: 1.1; }
.met_image_carousel_wrap_3_caption h5{
margin: 0;
font-size: 16px;
color: #74706D;
line-height: 1.1; }
/**
* ----------------------------------------------------------------------------------------
* 18.0 - Page Information Bar
* ----------------------------------------------------------------------------------------
*/
.met_page_head_wrap .met_fullwidth_item{
border: 1px solid #EAEBEB;
border-left: none;
border-right: none; }
.met_page_head{
position: relative;
background-color: #F5F5F5; }
.met_boxed_layout .met_page_head{ margin: 0 -30px; }
body:not(.met_boxed_layout ) .met_page_head:before{
position: absolute;
content: '';
top: 0;
left: 0;
display: block;
width: 4000px;
height: 100%;
background-color: #F5F5F5;
z-index: -1; }
.met_page_head h1{
color: #FFFFFF;
background-color: #373B3E;
min-width: 213px;
line-height: 60px;
position: relative;
display: block;
margin: 0 20px 0 0;
font-size: 24px;
float: left;
z-index: 3;
padding-right: 20px; }
.met_boxed_layout .met_page_head h1{ padding-left: 30px; }
body:not(.met_boxed_layout) .met_page_head h1:before{
position: absolute;
content: '';
top: 0;
left: -1000px;
display: block;
width: 1000px;
height: 100%;
background-color: #373B3E;
z-index: -1; }
.met_page_head h1:after{
display: block;
position: absolute;
right: -8px;
top: 22px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: transparent transparent transparent #373B3E; }
.met_page_head h2{
font-size: 16px;
color: #74706D;
line-height: 60px;
float: left;
margin: 0; }
/**
* 18.1 Breadcrumb
*/
.met_breadcrumb{ float: right; }
.met_boxed_layout .met_breadcrumb{ margin-right: 30px; }
.met_breadcrumb li{
font-size: 12px;
float: left;
padding-right: 10px;
color: #888381;
line-height: 60px; }
.met_breadcrumb li a{
display: block;
position: relative; }
.met_breadcrumb li.sep{ font-size: 12px; }
.met_breadcrumb li:last-child{ padding-right: 0; }
/**
* ----------------------------------------------------------------------------------------
* 19.0 - 404
* ----------------------------------------------------------------------------------------
*/
.met_404_wrap{
padding: 170px 0 200px;
text-align: center; }
.met_404{ display: inline-block; }
.met_404 h3{
font-weight: 700;
color: #373B3D;
font-size: 50px;
line-height: 58px;
margin: 0; }
.met_404 h4{
color: #373B3D;
font-size: 18px;
line-height: 20px;
margin-bottom: 30px; }
.met_404 form{
width: 100%;
max-width: 520px;
padding: 30px; }
.met_404 input{
width: 91.7391304347826%;
background-color: #FFFFFF;
padding: 10px;
height: 38px;
line-height: 28px;
font-size: 14px;
color: #A3ADB8;
display: inline-block;
border: none;
float: left; }
.met_404 button{
border: none;
width: 8.2608695652174%;
height: 38px;
line-height: 38px;
display: inline-block;
background-color: #FFFFFF;
color: #7F7F7F; }
/**
* ----------------------------------------------------------------------------------------
* 20.0 - Accordions
* ----------------------------------------------------------------------------------------
*/
/**
* 20.1 Flat
*/
.met_accordion_holder{ border: 1px solid #EFEEE9 }
.met_accordion_group.met_accordion_flat .met_accordion_title:before{ display: none; }
.met_accordion_group.met_accordion_flat .met_accordion_title{
background-color: #FBFBF9;
padding: 19px 25px;
color: #898381;
border-bottom: 1px solid #DCDBD7; }
.met_accordion_group.met_accordion_flat .on .met_accordion_title{
background-color: #FFFFFF;
color: #9F4641;
border-bottom: none; }
.met_accordion_group.met_accordion_flat .met_accordion:last-child .met_accordion_title{ border-bottom: none; }
.met_accordion_group.met_accordion_flat .met_accordion{ margin-bottom: 0 }
.met_accordion_group.met_accordion_flat .met_accordion_content{ background-color: #FFFFFF; padding: 0 25px 17px }
/**
* 20.2 Classic
*/
.met_accordion_content{ display: none }
.met_accordion{ margin-bottom: 10px; }
.met_accordion_title{
background-color: #F7F6F4;
display: block;
font-size: 16px;
color: #33393D;
padding: 14px 15px 14px 40px;
-webkit-transition: color .3s, background-color .3s;
transition: color .3s, background-color .3s; }
.met_accordion_title:hover{
text-decoration: none;
color: #FFCA07; }
.met_accordion.on .met_accordion_title{
background-color: #FFCA07;
color: #FFFFFF; }
.met_accordion_content{ padding: 5px 0 0; }
.met_accordion_content p:last-child{ margin: 0 }
.met_accordion_title{ position: relative }
.met_accordion_title:before{
position: absolute;
content: '+';
display: block;
color: #33393D;
left: 10px;
top: 14px;
font-size: 30px;
width: 25px;
text-align: center;
-webkit-transition: color .3s;
transition: color .3s; }
.met_accordion.on .met_accordion_title:before{
color: #FFFFFF;
top: 12px;
content: '-'; }
.met_accordion.on .met_accordion_title:before{ color: #FFFFFF; }
.met_accordion:not(.on) .met_accordion_title:hover:before{ color: #FFCA07; }
/**
* 20.3 Transparent
*/
.transparent .met_accordion_title,
.transparent .on .met_accordion_title{
background-color: transparent;
color: #666262;
border: 1px solid #EFEEE9; }
.transparent .on .met_accordion_title{
border-color: #FFCA07;
color: #000000; }
.transparent .met_accordion_title:before{ color: #666262; }
.transparent .on .met_accordion_title:before{ color: #FFCA07; }
/**
* 20.4 Cubic
*/
.cubic .met_accordion_title,
.cubic .on .met_accordion_title{
background-color: transparent;
color: #000000;
padding-left: 65px; }
.cubic .met_accordion_title:before{
padding: 0;
background-color: #F8F7F5;
color: #FFCA07;
text-align: center;
width: auto;
top: 0;
left: 0;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 36px; }
.cubic .on .met_accordion_title:before{
background-color: #FFCA07;
color: #261C00;
text-align: center;
top: 0;
left: 0; }
/**
* ----------------------------------------------------------------------------------------
* 21.0 - Check List
* ----------------------------------------------------------------------------------------
*/
.met_check_list{ list-style: none; padding: 0; }
.met_check_list li{
position: relative;
margin-bottom: 10px;
padding-left: 20px; }
.met_check_list li:before{
font-family: FontAwesome;
display: block;
content: '\f00c';
position: absolute;
left: 0;
font-size: 12px;
line-height: 24px; }
.met_check_list li:last-child{ margin: 0; }
/**
* ----------------------------------------------------------------------------------------
* 22.0 - Listings
* ----------------------------------------------------------------------------------------
*/
/**
* 21.1 Circle Counting
*/
.met_ol{
list-style-type: none;
list-style-type: decimal !ie; /*IE 7- hack*/
margin: 0 0 0 50px;
padding: 0;
counter-reset: li-counter; }
.met_ol > li{
position: relative;
margin-bottom: 10px;
padding: 12px 10px; }
.met_ol > li:before{
position: absolute;
top: 0;
left: -50px;
width: 45px;
height: 45px;
text-align: center;
font-size: 14px;
line-height: 45px;
border-radius: 50%;
background-color: #EFEDE9;
color: #000000;
font-weight: 600;
content: counter(li-counter);
counter-increment: li-counter; }
/**
* 21.2 Iconic
*/
.met_ul_iconic{
list-style: none;
padding: 0;
margin: 0; }
.met_ul_iconic_icon{
color: #373B3D;
font-size: 24px;
display: block;
float: left; }
.met_ul_iconic li{
margin-bottom: 10px;
float: left;
width: 100%; }
.met_ul_iconic_text{
display: block;
margin-left: 30px; }
.met_ul_iconic_circle .met_ul_iconic_icon{
width: 45px;
height: 45px;
line-height: 45px;
background-color: #EFEDE9;
border-radius: 50%;
color: #FFFFFF;
text-align: center; }
.met_ul_iconic_circle .met_ul_iconic_text{
margin-left: 60px;
padding: 10px 0; }
/**
* 21.3 Classic
*/
.met_ul{
list-style: none;
padding: 0; }
.met_ul li{
position: relative;
padding-left: 15px;
border-bottom: 1px solid #EFEFEF;
line-height: 2.4; }
.met_ul li:before{
display: inline-block;
content: '\25CF';
/* position: absolute; */
left: 0;
/* font-size: 9px; */
/* line-height: 3.5; */
margin-right: 10px; }
/**
* ----------------------------------------------------------------------------------------
* 22.0 - Staff with Skills
* ----------------------------------------------------------------------------------------
*/
.met_team_member{
overflow: hidden;
-webkit-transform: translate(0); }
.met_team_member_details .met_title_with_subtitle h3{
font-size: 19px;
line-height: 22px; }
.met_team_member_details .met_title_with_subtitle h4{ line-height: 22px; }
.met_team_member_socials{
padding-left: 20px;
height: 50px;
line-height: 50px;
color: #FFFFFF;
border-bottom: 5px solid rgba(0, 0, 0, 0.11); }
.met_team_member_phone{ font-size: 12px; }
.met_team_member_mail{
float: right;
width: 50px;
height: 45px;
margin-bottom: -5px;
background-color: rgba(0, 0, 0, 0.11);
text-align: center;
line-height: 50px;
margin-left: 10px;
font-size: 16px; }
.met_team_member_social{
float: right;
width: 28px;
height: 45px;
text-align: center;
line-height: 49px;
font-size: 16px; }
.met_team_member_preview{ position: relative; }
.met_team_member_preview img{ width: 100%; }
.met_team_member_overlay{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
background-color: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-backface-visibility: hidden;
-webkit-transition: all ease .3s;
transition: all ease .3s; }
.met_team_member:hover .met_team_member_overlay{
visibility: visible;
opacity: 1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.met_team_member_overlay > div{ display: inline-block; }
.met_team_member_overlay h5{
color: #FFFFFF;
font-size: 24px; }
.met_team_member_overlay span{
display: block;
font-size: 12px;
line-height: 30px;
color: #FFFFFF; }
.met_team_member_overlay li{ margin-bottom: 10px; }
.met_team_member_overlay li:last-child{ margin-bottom: 0 }
.met_team_member_overlay li > div{
width: 210px;
height: 5px;
background-color: #FFFFFF; }
.met_team_member_overlay li > div div{ height: 5px; }
.met_team_member_overlay li > div > div > div{
width: 0;
-webkit-transition: width ease .4s;
transition: width ease .4s; }
.met_team_member:hover .met_team_member_overlay li > div > div > div{
width: 100%;
-webkit-transition-delay: .3s;
transition-delay: .3s; }
.met_team_member .met_p{ margin-top: 15px; text-shadow: none; }
/**
* ----------------------------------------------------------------------------------------
* 23.0 - Staff Grid
* ----------------------------------------------------------------------------------------
*/
.met_teamlist{ margin: 0 -7.5px }
.met_teamlist > .met_teamlist_member{ padding: 0 7.5px }
.met_teamlist.columns_5 > .met_teamlist_member{ width: 20%; }
.met_teamlist.columns_4 > .met_teamlist_member{ width: 25%; }
.met_teamlist.columns_3 > .met_teamlist_member{ width: 33.33333333333333%; }
.met_teamlist.columns_2 > .met_teamlist_member{ width: 50%; }
.met_teamlist_member{
float: left;
position: relative;
overflow: hidden; }
.met_teamlist_member > div{ position: relative }
.met_teamlist_member:first-child{ margin-left: 0 }
.met_teamlist_member:last-child{ margin-right: 0 }
.met_teamlist_member img{ width: 100%; }
.met_teamlist_member_overlay{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all ease .3s;
transition: all ease .3s; }
.met_teamlist_member.on .met_teamlist_member_overlay{
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.met_teamlist_member .met_teamlist_member_overlay:after{
display: block;
content: '';
position: absolute;
top: -10px;
left: 46%;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #FFCA07 transparent; }
.met_teamlist_details{ padding-top: 20px; }
.met_teamlist_details .met_teamlist_socials a{
font-size: 20px;
margin-right: 15px;
margin-top: 5px;
display: inline-block; }
.met_teamlist_details > div{
float: left;
width: 100%;
display: none; }
.met_teamlist_details > div.on{ display: block }
.met_teamlist_details .met_p{ margin: 15px 0; }
/**
* ----------------------------------------------------------------------------------------
* 24.0 - Testimonials Carousel
* ----------------------------------------------------------------------------------------
*/
.met_testimonials_item{
color: #FFFFFF;
font-size: 18px;
float: left;
width: 100%;
padding: 50px 0; }
.met_testimonials_item .quote{
font-size: 92px;
height: 0;
line-height: 50px;
display: block;
margin: 25px; }
.met_testimonials_item_id{ font-size: 14px; }
.met_testimonials_controls{
position: absolute;
width: 100%;
height: 30px;
text-align: center;
display: block;
left: 0;
bottom: 0; }
.met_testimonials_controls a{
width: 30px;
height: 30px;
line-height: 30px;
background: #FFFFFF;
text-align: center;
color: #000000;
display: inline-block;
font-size: 20px; }
/**
* ----------------------------------------------------------------------------------------
* 25.0 - Avatar Testimonials
* ----------------------------------------------------------------------------------------
*/
.met_testimonial_3_photos{ text-align: center; }
.met_testimonial_3{
float: none;
display: inline-block;
width: 60px;
height: 60px;
margin-right: 9px;
border-bottom: none;
cursor: pointer;
position: relative; }
.met_testimonial_3:after{
position: absolute;
content: '';
display: inline-block;
height: 0px;
width: 100%;
left: 0;
bottom: 0;
background-color: #FFCA07;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s; }
.met_testimonial_3:hover:after,
.met_testimonial_3.hovered:after{
height: 5px; }
.met_testimonial_3_photo{
width: 60px;
height: 60px;
padding: 0;
float: left; }
.met_testimonial_3_messages{
text-align: center;
font-size: 15px; }
.met_testimonial_3_messages div{
display: none;
padding: 20px 0; }
.met_testimonial_3_messages div.active_one_done{ display: block; }
.met_testimonial_3_messages h4,
.met_testimonial_3_messages h5{ margin: 0 }
.met_testimonial_3_message{
display: block;
margin: 10px 0; }
/**
* ----------------------------------------------------------------------------------------
* 26.0 - Search Results
* ----------------------------------------------------------------------------------------
*/
/**
* 26.1 Header
*/
.met_search_results_header{
background-color: #EFEEE9;
padding: 30px;
position: relative; }
.met_search_results_header h4{
color: #000000;
font-size: 24px;
line-height: 30px;
margin: 0; }
.met_search_results_header h5{
color: #888381;
font-size: 12px;
line-height: 18px;
margin: 0; }
.met_search_results_header form{
position: absolute;
height: 100%;
min-height: 100px;
width: 100%;
max-width: 370px;
right: 0;
top: 0; }
.met_search_results_header form div{ width: 83.783783783784%; }
.met_search_results_header form input{
width: 91.7391304347826%;
background-color: #FFFFFF;
padding: 11px;
height: 40px;
line-height: 28px;
font-size: 14px;
color: #A3ADB8;
display: inline-block;
border: none;
float: left; }
.met_search_results_header form button{
border: none;
width: 8.2608695652174%;
height: 40px;
line-height: 40px;
display: inline-block;
background-color: #FFFFFF;
color: #7F7F7F; }
/**
* 26.2 Results
*/
.met_search_results li{
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 5px solid #EFEEE9; }
.met_search_results li:last-child{
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none; }
.met_search_results li > h4{ margin-bottom: 5px; }
.met_search_results li strong{ color: #000000; }
/**
* ----------------------------------------------------------------------------------------
* 27.0 - Sidebar
* ----------------------------------------------------------------------------------------
*/
.met_sidebar_box{
background-color: #F8F7F5;
margin-bottom: 30px; }
.met_sidebar_box:last-child{ margin-bottom: 0 }
.met_sidebar_box header{
background-color: rgba(0, 0, 0, 0.03);
color: #000000;
padding: 0 30px;
font-size: 19px;
position: relative; }
.met_sidebar_box header.met_bgcolor{ background-color: #FFCA07; }
.met_sidebar_box ul{
padding: 0;
margin: 0; }
.met_sidebar_box ul,
.met_sidebar_box ul li{
list-style: none;
display: block; }
.met_sidebar_box > ul > li ul,
.met_sidebar_box > div > ul > li ul{ border-top: 1px solid rgba(0, 0, 0, 0.03); }
.met_sidebar_box > ul > li ul,
.met_sidebar_box > div > ul > li ul{ margin-top: 14px; }
.met_sidebar_box > ul > li ul > li:last-child,
.met_sidebar_box > div > ul > li ul > li:last-child{ padding-bottom: 0; }
.met_sidebar_box > ul li a,
.met_sidebar_box > div > ul li a{ margin-left: 30px; }
.met_sidebar_box > ul > li > ul > li a,
.met_sidebar_box > div > ul > li > ul > li a{ margin-left: 50px; }
.met_sidebar_box > ul > li > ul > li > ul li a,
.met_sidebar_box > div > ul > li > ul > li > ul li a{ margin-left: 70px; }
footer .met_sidebar_box > ul li a,
footer .met_sidebar_box > div > ul li a{ margin-left: 0; }
footer .met_sidebar_box > ul > li > ul > li a,
footer .met_sidebar_box > div > ul > li > ul > li a{ margin-left: 10px; }
footer .met_sidebar_box > ul > li > ul > li > ul li a,
footer .met_sidebar_box > div > ul > li > ul > li > ul li a{ margin-left: 20px; }
.met_sidebar_box li{
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
height: auto;
padding: 14px 0;
font-size: 14px;
color: #797776; }
footer .met_sidebar_box.widget_rss ul li,
footer .met_sidebar_box .searchform{padding-left: 0; padding-right: 0;}
footer .met_sidebar_box select{margin-left: 0; margin-right: 0}
.met_sidebar_box li.recentcomments{
padding-left: 30px;
padding-right: 30px; }
.met_sidebar_box li:last-child{ border-bottom: none; }
.met_sidebar_box li a{ display: inline; }
.met_sidebar_box .textwidget,
.met_sidebar_box .tagcloud{ padding: 14px 30px }
.met_sidebar_box > header h4{
font-size: 19px;
display: inline-block;
margin-bottom: 0;
line-height: 1.2;
padding: 14px 0; }
.met_sidebar_box > header.met_bgcolor h4{ color: #FFFFFF; }
.met_sidebar_box > header h4.big{
font-size: 48px;
font-weight: 700;
line-height: 80px;
letter-spacing: -2.7px; }
.met_sidebar_box > header nav{
position: absolute;
right: 0;
top: 0; }
.met_sidebar_box > header nav a{
width: 55px;
height: 55px;
display: inline-block;
position: relative; }
.met_sidebar_box > header nav a:first-child{ background-color: rgba(0, 0, 0, 0.1); }
.met_sidebar_box > header nav a,
.met_sidebar_box > header nav a:hover{ color: #FFFFFF; }
.met_sidebar_box > header nav a i{
position: absolute;
display: inline-block;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.met_sidebar_box > header nav a:first-child:hover i{
-webkit-animation: toTopFromBottom 0.3s forwards;
-ms-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards; }
.met_sidebar_box > header nav a:last-child:hover i{
-webkit-animation: toBottomFromTop 0.3s forwards;
-ms-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards; }
.met_sidebar_box img{
max-width: 100%;
height: auto; }
.met_sidebar_box .rsswidget{ text-decoration: underline; }
/**
* 27.1 Flickr Feed
*/
.met_flickr_feed{ padding: 24px!important; }
.mmm-widget .met_flickr_feed {padding: 0 !important;}
.met_flickr_feed li{
width: 20%;
padding: 3px;
float: left;
border-bottom: none; }
.met_flickr_feed a{
margin-left: 0 !important;
display: inline-block;
width: 100%; }
.met_flickr_feed img{ width: 100%; }
/**
* 27.2 Tabs
*/
.met_sidebar_tabs.nav-tabs{
border: none;
float: none; }
.met_sidebar_tabs.nav-tabs > li{
margin-bottom: 0;
width: 50%;
padding: 0; }
.met_sidebar_tabs.nav-tabs > li.active > a,
.met_sidebar_tabs.nav-tabs > li.active > a:hover,
.met_sidebar_tabs.nav-tabs > li.active > a:focus{
cursor: default;
background-color: rgba(0, 0, 0, 0.03);
border: none; }
.met_sidebar_tabs.nav-tabs > li > a{
color: #000000;
font-size: 19px;
margin-right: 0;
line-height: inherit;
border: none;
border-radius: 0;
background-color: rgba(0, 0, 0, 0.08);
-webkit-transition: background-color ease .4s;
transition: background-color ease .4s; }
.met_sidebar_tabs.nav > li > a{
margin-left: 0;
position: relative;
display: block;
padding: 0;
line-height: 55px;
text-align: center; }
.met_sidebar_tabs.tab-content{ padding: 30px; }
/**
* 27.3 Tabbed Posts
*/
.met_sidebar_post_image{
float: left;
width: 50px;
height: 50px;
padding: 5px;
background-color: #FFFFFF; }
.met_sidebar_post_title,
.met_sidebar_post_box > div{
margin-left: 65px;
display: block; }
.met_sidebar_post_title:first-child,
.met_sidebar_post_box > div:first-child,
.met_sidebar_post_title:first-child + div{ margin-left: 0; }
.met_sidebar_post_title{
font-size: 13px;
line-height: 15px;
color: #555555; }
.met_sidebar_post_box > div a{
color: #AFAFAF;
font-size: 11px; }
.met_sidebar_post_box{ margin-bottom: 20px; }
.met_sidebar_post_box:last-child{ margin-bottom: 0 }
/**
* ----------------------------------------------------------------------------------------
* 28.0 - Blog List
* ----------------------------------------------------------------------------------------
*/
.met_blog_block{
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 5px solid #EFEEE9; }
.met_blog_block:last-of-type{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0; }
.met_blog_block_preview:not(:empty){
float: left;
width: 35.064935064935%;
margin: 0 30px 30px 0; }
.met_blog_block_preview:last-child{ width: 100%; position: relative; }
.met_blog_block_preview.big_picture{ width: 47.368421052632%; }
.met_blog_block_preview.big_picture + .met_blog_block_details .met_blog_block_title{ width: 100%; }
.met_blog_block_details .met_blog_block_cats_date + .met_blog_block_title{ display: block; float: left; }
.met_blog_block_preview > a > img{ width: 100%; }
.met_blog_block_preview:not(:empty) + .met_blog_block_details{
/*margin-left: 35.064935064935%;
padding-left: 30px;*/ }
.met_blog_block_preview.big_picture + .met_blog_block_details{ margin-left: 47.368421052632%; }
/*.met_blog_block_cats_date{ float: left; }*/
.met_blog_block_cats_date a{
font-size: 12px;
line-height: 12px;
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #AFAFAF;
color: #AFAFAF; }
.met_blog_block_cats_date a:first-child{
margin-left: 0px;
padding-left: 0px;
border-left: none; }
.met_blog_block_cats_date a.met_blog_block_categories{
border-left: none;
color: initial;
padding-left: 0;
display: inline-block; }
.met_blog_block_author{ float: right; }
.met_blog_block_author:hover{ text-decoration: none; }
.met_blog_block_author img{
float: left;
display: block;
margin: -10px 0 -10px -20px;
max-height: 34px;
width: auto; }
.met_blog_block_author span{
margin-left: 24px;
display: block;
font-size: 16px;
line-height: 16px;
margin-bottom: 0; }
.met_blog_block_details .entry-title{
width: 100%;
margin: 0;
word-wrap: break-word; }
/*
.met_blog_block_preview + .met_blog_block_details .met_blog_block_title_date{
float: left;
}*/
.met_blog_block_text,
.met_blog_block_quote{
display: block;
width: 100%; }
.met_blog_block_text{
margin-bottom: 20px;
margin-top: 10px; }
.met_blog_block_text .gallery .gallery-item img{ border-color: #F8F7F5; }
.met_blog_block_quote{
padding: 30px;
position: relative;
border: none;
overflow: hidden;
font-size: 21px;
line-height: 33px; }
.met_blog_block_quote:before,
.met_blog_block_quote:after{
display: block;
position: absolute;
font-family: 'DSLCFontAwesome';
font-size: 79px;
color: #FFCA07;
opacity: 0.2;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
z-index: 0;
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
.met_blog_block_quote:before{
content: '\F10D';
left: 28px;
top: 28px; }
.met_blog_block_quote:after{
content: '\F10E';
right: 28px;
bottom: 28px; }
.met_blog_block_button{
color: #000000;
font-size: 12px;
line-height: 14px;
display: block;
float: left;
padding: 10px 20px;
height: 34px; }
.met_blog_block_button:hover{
color: #FFFFFF;
text-decoration: none; }
.met_blog_readmore_but{ float: right; }
.met_blog_block_tags{
background-color: #EFEEE9;
margin-right: 5px; }
.met_blog_block_tag_list{
width: 100%;
float: left;
margin-top: 5px;
display: none; }
.met_blog_block_tag{
background-color: #EFEEE9;
padding: 5px 10px;
margin: 0 5px 5px 0;
height: 25px;
float: right; }
.met_blog_block_tag:first-child{margin-right: 0;}
.met_blog_block_metas{
position: relative;
width: 100%;
float: left;
}
.post.sticky{position: relative}
.post.sticky:after{
position: absolute;
content: '\f08d';
display: block;
font-size: 40px;
color: #373B3E;
font-family: 'DSLCFontAwesome';
top: 20px;
right: 20px;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
height: 38px;
line-height: 38px;
}
/**
* 28.1 Slider
*/
.met_blog_block_slider_container{
position: relative;
overflow: hidden; }
.met_blog_block_slider_wrapper a{
display: block;
float: left;
position: absolute;
top: 0; }
.met_blog_block_slider_wrapper img{
display: block;
width: 100%; }
.met_blog_block_slider_prev,
.met_blog_block_slider_next{
position: absolute;
display: block;
top: 45%;
background-color: rgba(57, 57, 57, 0.5);
color: #FFFFFF;
font-size: 20px;
z-index: 1;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
-webkit-transition: all .4s;
transition: all .4s; }
.met_blog_block_slider_prev:hover,
.met_blog_block_slider_next:hover{
color: #FFFFFF;
text-decoration: none; }
.met_blog_block_slider_prev{ left: 0; }
.met_blog_block_slider_next{ right: 0; }
/**
* ----------------------------------------------------------------------------------------
* 29.0 - Pagination
* ----------------------------------------------------------------------------------------
*/
.met_pagination{
margin: 30px 0 0;
display: block;
padding-left: 0; }
.met_pagination.pagination a{
display: inline-block;
background-color: #EFEEE9;
font-size: 12px;
color: #393939;
line-height: 40px;
margin-right: 2px;
padding: 0 14px;
-webkit-transition: background-color ease .3s;
transition: background-color ease .3s; }
.met_pagination.pagination li{ display: inline-block }
.met_pagination.pagination a:hover,
.met_pagination.pagination li.active a{ background-color: #FFCA07; text-decoration: none; }
/**
* ----------------------------------------------------------------------------------------
* 30.0 - Blog Masonry
* ----------------------------------------------------------------------------------------
*/
.met_blog_masonry_item_preview{ position: relative }
.met_blog_masonry_item_preview > a,
.met_blog_masonry_item_preview > a > img{
display: block;
width: 100%; }
.met_blog_masonry_item_preview iframe{ display: block; }
.met_blog_masonry_item_details{ background-color: #EFEEE9; }
.met_blog_masonry_item_details header{
background-color: rgba(0, 0, 0, 0.03);
padding: 11px 30px; }
.met_blog_masonry_item_details header div a{
font-size: 12px;
line-height: 14px; }
.met_blog_masonry_item_details h2 a{ color: #000 }
.met_blog_masonry_item_details header > a h3{
font-size: 19px;
line-height: 22px;
margin: 0; }
.met_blog_masonry_item_details header > a:hover{ text-decoration: none; }
.met_blog_masonry_item_details section{ padding: 30px; }
.met_blog_masonry_item_details section blockquote,
.met_blog_masonry_item_details section q{
padding: 0;
margin: 0; }
.met_blog_masonry_item_details footer{
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.03); }
.met_blog_masonry_item_details footer div{
float: left;
padding: 15px 30px;
border-right: 1px solid rgba(0, 0, 0, 0.03); }
.met_blog_masonry_item_details footer div:last-child{ border-right: none; }
.met_blog_masonry_item_socials a{
color: #6F6D6D;
font-size: 16px;
margin-right: 9px; }
.met_blog_masonry_item_socials a:last-child{ margin-right: 0; }
.met_blog_masonry_item_comments a{
color: #373B3D;
font-size: 11px; }
.met_blog_masonry_item_comments a i{
color: #6F6D6D;
font-size: 15px;
display: inline-block;
margin-right: 5px; }
.met_blog_masonry_item_readmore a{ font-size: 11px; }
.met_blog_masonry > div{
padding: 0 15px;
max-width: 100%; }
.met_blog_masonry > div{ float: left }
.met_blog_masonry.columns_4 > div{ width: 25% }
.met_blog_masonry.columns_3 > div{ width: 33.33333333333333% }
.met_blog_masonry.columns_2 > div{ width: 50% }
.met_blog_masonry.columns_1 > div{ width: 100% }
/**
* ----------------------------------------------------------------------------------------
* 31.0 - Blog Details
* ----------------------------------------------------------------------------------------
*/
.met_blog_detail_preview:empty{display: none;}
.met_blog_detail_preview{
margin-bottom: 30px;
position: relative; }
.met_blog_detail_preview > a{
display: block;
width: 100%;
text-align: center; }
.met_blog_detail_preview > a img{
max-width: 100%;
height: auto;
display: inline;
}
.met_blog_detail_preview .wp-video{margin: 0 auto;}
.met_blog_masonry_item_preview .wp-video,
.met_blog_block_preview .wp-video{width: 100% !important;}
.met_blog_detail_preview iframe{
display: block;
width: 100%; }
.met_blog_detail_title{
font-size: 24px;
line-height: 27px;
margin: 0; }
.met_blog_detail_info{
font-size: 12px;
line-height: 14px; }
.met_blog_detail_info_category{ color: #717779; }
.met_blog_detail{
margin-top: 30px;
margin-bottom: 30px; }
blockquote,
.met_blog_detail q{
color: #9F4641;
border-color: #9F4641;
font-size: 24px;
line-height: 30px;
border-left-style: solid;
border-left-width: 5px;
margin: 0;
padding-left: 20px;}
/**
* 31.1 Share Line
*/
.met_share_line{
line-height: 35px;
padding: 0 20px;
color: #FFFFFF;
font-size: 12px;
display: inline-block; }
.met_share_line span{
display: block;
margin-right: 20px;
float: left; }
.met_share_line_socials{ float: left; }
.met_share_line_socials a{
line-height: 35px;
margin-right: 20px;
display: block;
font-size: 18px;
float: left;
color: inherit; }
.met_share_line_socials a:last-child{ margin-right: 0; }
/**
* 31.2 Tag Line
*/
.met_tag_line{ float: left; }
.met_tag_line span,
.met_tag_line a{
background-color: #F1F0F0;
font-size: 12px;
color: #6D7578;
line-height: 35px;
padding: 0 10px;
display: inline-block;
margin-bottom: 5px; }
.met_tag_line a:hover{
text-decoration: none;
color: #FFFFFF; }
/**
* 31.3 About Author
*/
.met_about_author img{
float: left;
display: block; }
.met_about_author div{ margin-left: 140px; }
.met_about_author h4{
font-size: 18px;
color: #373B3D; }
.met_about_author p{
font-size: 13px;
color: #898381; }
/**
* 31.4 Might Like
*/
.met_you_might_like{ overflow: hidden; }
.met_you_might_like_images{ margin: 0 -10px; }
.met_you_might_like_images a{
display: block;
position: relative;
width: 87.5px;
height: 87.5px;
margin: 0 5px 5px 5px;
float: left; }
.met_you_might_like_images a img{ max-width: 100%; }
.met_you_might_like_images a:after{
display: block;
position: absolute;
width: 100%;
height: 100%;
content: '+';
line-height: 87px;
color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
font-size: 55px;
top: 0;
left: 0;
-webkit-transition: all ease .4s;
transition: all ease .4s;
visibility: hidden;
opacity: 0;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); }
.met_you_might_like_images a:hover:after{
visibility: visible;
opacity: 1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
/**
* ----------------------------------------------------------------------------------------
* 32.0 - Comments
* ----------------------------------------------------------------------------------------
*/
/**
* 32.1 List
*/
.met_blog_comments_title{
font-size: 18px;
color: #555555;
line-height: 20px;
margin-bottom: 20px;
font-weight: 600;
display: block; }
.met_comment_wrapper{
background-color: #F7F6F4;
padding: 20px;
margin-bottom: 10px;
border-left: 5px solid #FFC907;
position: relative; }
.bypostauthor .met_comment_wrapper{
border-left-color: #9F4641;
}
.met_comment > .met_comment_wrapper:nth-child(1n+2){ margin-left: 30px; }
.met_comment_box:last-child > .met_comment:last-child{ margin-bottom: 0; }
.met_comment .avatar{
float: left;
width: 70px;
height: 70px;
padding: 4px;
border: 1px solid #979393; }
.met_comment_descr{ margin-left: 90px; }
.met_comment_descr > h5{
font-size: 14px;
color: #373B3D;
padding-right: 6px;
line-height: 17px;
margin-bottom: 4px; }
.met_comment_date{
font-size: 11px;
line-height: 13px;
float: left; }
.met_comment_reply_link{
float: left;
font-size: 11px;
line-height: 17px;
position: absolute;
top: 0;
right: 0;
padding: 3px 10px; }
.met_comment_reply_link a{ color: #000000; }
.met_comment_reply_link:hover a{
color: #FFFFFF;
text-decoration: none; }
.met_comment_reply_link:empty{display: none;}
.met_comment_text{
float: left;
width: 100%;
font-size: 12px;
color: #898381;
margin-bottom: 10px; }
.met_comment_awaiting_moderation{
float: left;
font-style: italic;
font-size: 12px; }
.met_comment_edit_link{
float: right;
font-size: 12px;
font-weight: 600; }
/**
* 32.2 Form
*/
#commentform{ padding: 30px; }
#commentform input[type="text"],
#commentform textarea{
font-size: 12px;
line-height: 19px;
color: #373B3D;
padding: 10px 15px;
border: 1px solid #E9E9E9;
background-color: #FFFFFF;
display: block;
margin-bottom: 10px;
float: left; }
#commentform input[type="text"].met_full_size,
#commentform textarea.met_full_size{ width: 100%; }
#commentform input[type="text"].met_half_size,
#commentform textarea.met_half_size{ width: 48.5%; }
#commentform input[type="text"].met_half_size.met_input_margin{ margin-left: 3%; }
#commentform textarea{ height: 140px; }
/**
* ----------------------------------------------------------------------------------------
* 33.0 - Portfolio
* ----------------------------------------------------------------------------------------
*/
/*.grid.met_anim_grid:after{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #FFFFFF;
display: none;
z-index: 1;
opacity: 1
}*/
.met_anim_grid .met_isotope_item{visibility: hidden;}
.met_portfolio.row{
float: left;
width: 100%;
position: relative;
}
body[class*="met_side_navbar_"] .met_portfolio.row,
.dslc-modules-section.dslc-full .met_portfolio.row,
body:not([class*="met_side_navbar_"]) .dslc-modules-section:not(.dslc-full) .met_portfolio.row,
.met_boxed_layout .met_portfolio.row{
margin-left: 0;
margin-right: 0;
}
body:not([class*="met_side_navbar_"]) .dslc-modules-section:not(.dslc-full) .met_portfolio.row:not(.no_gap){
margin-left: -15px;
margin-right: -15px;
float: none;
width: auto;
}
.met_portfolio.columns_6 > div{ width: 16.666% }
.met_portfolio.columns_4 > div{ width: 25% }
.met_portfolio.columns_3 > div{ width: 33.33333333333333% }
.met_portfolio.columns_2 > div{ width: 50% }
.met_portfolio.columns_1 > div{ width: 100% }
.met_portfolio.no_gap > div{
padding: 0;
margin: 0;
/* overflow: hidden;*/
z-index: 1;
backface-visibility: hidden;}
.met_portfolio.no_gap.row{ margin: 0; }
.met_portfolio_item{ position: relative; }
.met_column_content{
display: inline-block;
width: 100%;
}
.met_portfolio_item_preview,
.met_portfolio_item_preview img{
display: block;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.met_portfolio_item_preview{
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
.met_portfolio_item_preview img{
-webkit-transition: all ease .4s;
transition: all ease .4s; }
.met_portfolio:not(.no_gap) .met_portfolio_item .met_portfolio_item_preview img{
-webkit-transform: rotate(0) scale(1) translateZ(0);
-ms-transform: rotate(0) scale(1) translateZ(0);
transform: rotate(0) scale(1) translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;}
.met_portfolio:not(.no_gap) .met_portfolio_item:hover .met_portfolio_item_preview img{
-webkit-filter: sepia(0.5);
-moz-filter: sepia(0.5);
-ms-filter: sepia(0.5);
-o-filter: sepia(0.5);
-webkit-transform: rotate(10deg) scale(1.3) translateZ(0);
-ms-transform: rotate(10deg) scale(1.3) translateZ(0);
transform: rotate(10deg) scale(1.3) translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;}
.met_portfolio_item_details{
background-color: #EFEEE9;
text-align: center;
padding: 25px 0;
position: relative;
z-index: 2;
-webkit-transition: all ease .4s;
transition: all ease .4s; }
.met_portfolio.no_gap .met_portfolio_item_details,
.met_portfolio.no_gap .met_portfolio_item_details_2{
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%); }
.met_portfolio.no_gap .met_portfolio_item:hover .met_portfolio_item_details,
.met_portfolio.no_gap .met_portfolio_item:hover .met_portfolio_item_details_2{
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.met_portfolio.no_gap .met_portfolio_item .met_portfolio_item_preview img{
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
.met_portfolio.no_gap:not(.met_portfolio_grid_3) .met_portfolio_item:hover .met_portfolio_item_preview img{
-webkit-filter: sepia(0.5);
-moz-filter: sepia(0.5);
-ms-filter: sepia(0.5);
-o-filter: sepia(0.5);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, -10%, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, -10%, 0);
transform: scale3d(1, 1, 1) translate3d(0, -10%, 0); }
.met_portfolio_item_title h3{
font-size: 18px;
line-height: 20px;
font-weight: 400;
margin: 0; }
.met_portfolio_item_categories{
display: inline-block;
z-index: 1;
position: relative; }
.met_portfolio_item_title{
display: block;
z-index: 1;
position: relative; }
.met_portfolio_item_categories a{
font-size: 12px;
-webkit-transition: color ease .4s;
transition: color ease .4s; }
.met_portfolio_item_title:hover,
.met_portfolio_item_categories a:hover{ text-decoration: none; }
.met_portfolio_item:hover .met_portfolio_item_categories a{ color: #000000; }
.met_portfolio_item_details:after{
display: block;
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #FFCA07;
z-index: 0;
visibility: hidden;
opacity: 0;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transform: scale(0) translateZ(0);
-ms-transform: scale(0) translateZ(0);
transform: scale(0) translateZ(0);
-webkit-transition: all ease .4s;
transition: all ease .4s; }
.met_portfolio_item:hover .met_portfolio_item_details:after{
visibility: visible;
opacity: 1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transform: scale(1) translateZ(0);
-ms-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0); }
/**
* 33.1 Portfolio 2
*/
.met_portfolio_item_details_2{
background-color: #EFEEE9;
padding: 0;
position: relative;
z-index: 2;
-webkit-transition: all ease .4s;
transition: all ease .4s; }
.met_portfolio_item_details_2_title_cats{
width: 68.421052631579%;
float: left;
padding: 20px; }
.met_portfolio_item_details_2_title_cats .met_portfolio_item_title{
font-size: 24px;
line-height: 27px;
color: #393939;
display: block; }
.met_portfolio_item_links{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 45px;
text-align: center; }
.met_portfolio_item_links a{
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 18px;
color: #FFFFFF;
position: relative;
text-align: center;
visibility: hidden;
opacity: 0;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: all ease .4s;
transition: all ease .4s;
-webkit-transition-duration: 0;
transition-duration: 0; }
.met_portfolio_item_links a:hover{text-decoration: none;}
.met_portfolio_item_links a i{
position: relative;
display: inline-block;
z-index: 1; }
.met_portfolio_item div:not(.met_portfolio_item_details_2) .met_portfolio_item_links a:nth-child(2n):after{
position: absolute;
display: block;
content: '';
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.11); }
.met_portfolio_item div:not(.met_portfolio_item_details_2) .met_portfolio_item_links a{
-webkit-transform: translateY(0) translateZ(0);
-ms-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0); }
.met_portfolio_item:hover div:not(.met_portfolio_item_details_2) .met_portfolio_item_links a{
visibility: visible;
opacity: 1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transition-delay: .4s;
transition-delay: .4s;
-webkit-transition-duration: .4s;
transition-duration: .4s;
-webkit-transform: translateY(-100%) translateZ(0);
-ms-transform: translateY(-100%) translateZ(0);
transform: translateY(-100%) translateZ(0); }
.met_portfolio_item:hover div:not(.met_portfolio_item_details_2) .met_portfolio_item_links a:nth-child(2n){
-webkit-transition-delay: .6s;
transition-delay: .6s; }
.met_portfolio_item_details_2 .met_portfolio_item_links{
width: 31.578947368421%;
position: absolute;
right: 0;
top: 0;
left: auto;
height: 100%; }
.met_portfolio_item_details_2 .met_portfolio_item_links a{
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
display: -moz-box;
-moz-box-pack: center;
-moz-box-align: center;
display: -ms-box;
-ms-box-pack: center;
-ms-box-align: center;
display: -ms-flexbox;
-ms-flex-pack: center;
-ms-flex-align: center;
display: flex;
justify-content: center;
align-items: center;
display: box;
box-pack: center;
box-align: center;
float: right;
width: 50%;
height: 100%;
line-height: normal;
color: #373B3D;
visibility: inherit;
opacity: 1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transition: all ease .4s;
transition: all ease .4s;
-webkit-transition-delay: 0 !important;
transition-delay: 0 !important; }
.met_portfolio_item_details_2 .met_portfolio_item_links a:hover{ text-decoration: none }
.met_portfolio_item_details_2 .met_portfolio_item_links a.first_icon_link{ background-color: rgba(0, 0, 0, 0.05) }
.met_portfolio_item_lightbox_content{ display: none; }
.isotope-item{ z-index: 1; }
.isotope-item.isotope-hidden{
z-index: 0;
opacity: 0 !important;
display: none; }
/**
* 33.2 Portfolio 5
*/
.met_portfolio_item_layout_5_details{ background-color: #EFEEE9; }
.met_portfolio_item_layout_5_details header{
padding: 20px 30px;
background-color: rgba(0, 0, 0, 0.03); }
.met_portfolio_item_layout_5_details header div a{
font-size: 12px;
line-height: 16px; }
.met_portfolio_item_layout_5_details article{ padding: 30px; }
.met_portfolio_item_layout_5_details footer{
border-top: 1px solid rgba(0, 0, 0, 0.05);
background-color: rgba(0, 0, 0, 0.03); }
.met_portfolio_item_layout_5_details footer section{
border-right: 1px solid rgba(0, 0, 0, 0.05);
float: left;
padding: 0 28px;
line-height: 50px; }
.met_portfolio_item_layout_5_details footer section:last-child{ border-right: none !important; }
.met_pf_item_socials a{
font-size: 18px;
padding: 0 3px; }
.met_pf_item_readmore a{ font-size: 11px; }
.content_grid_4_col_8,
.content_grid_4_col_4{ float: left; }
.content_grid_4_col_8{
width: 67.948717948718%;
padding-right: 30px; }
.content_grid_4_col_4{ width: 32.051282051282%; }
.content_grid_4_col_12{ width: 100%; }
.content_grid_4_col_paddings{ padding: 30px }
.met_content_grid_4_title h3{ margin: 0 0 15px; }
.met_content_grid_4_miscs{ margin-bottom: 25px }
.met_content_grid_4_miscs > *{
display: inline-block;
font-size: 12px;
margin-left: 1.5px; }
.met_content_grid_4_miscs span{ color: #ACA7A5; }
.met_content_grid_4_socials{ float: left; }
.met_content_grid_4_socials a{
float: left;
margin-right: 10px;
font-size: 20px; }
.met_content_grid_4_socials a:last-child{ margin-right: 0 }
.met_content_grid_4_readmore{ float: right; }
.met_content_grid_4_summary{ margin-bottom: 25px }
/**
* 33.3 Portfolio 6
*/
.met_portfolio_item_details_6{
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
z-index: 2;
-webkit-transition: opacity .3s;
transition: opacity .3s; }
.met_portfolio_item:hover .met_portfolio_item_details_6{ opacity: 1; }
.met_portfolio_item_details_6 .met_portfolio_item_links{ position: relative; }
.met_portfolio_item_details_6 .met_portfolio_item_links a,
.met_portfolio_item_6 .met_portfolio_item_preview img{
-webkit-transform: translateY(0) !important;
-ms-transform: translateY(0) !important;
transform: translateY(0) !important; }
.met_portfolio_item_details_6_title_links{
text-align: center;
display: block;
top: 50%;
position: relative;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.met_portfolio_item_details_6_title_links .met_portfolio_item_links a{
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 5px;
margin: 0 2.5px;
display: inline-block; }
.met_portfolio_item_details_6 .met_portfolio_item_title h3{
font-size: 24px;
line-height: 27px;
font-weight: 600;
color: #FFFFFF; }
.met_portfolio_item_6 .met_portfolio_item_preview{
position: relative;
z-index: 1; }
.met_portfolio_item_6 .met_portfolio_item_title + .met_portfolio_item_links{ margin-top: 15px; }
.met_portfolio_item_details_6_cats{
font-size: 12px;
font-weight: 600;
position: absolute;
color: #FFFFFF;
right: 20px;
bottom: 20px; }
.met_portfolio_item_details_6_cats a{
font-size: 12px;
font-weight: 600;
color: #FFFFFF; }
.met_portfolio_item_6 .met_portfolio_item_preview img{
-webkit-filter: sepia(0) !important;
-moz-filter: sepia(0) !important;
-ms-filter: sepia(0) !important;
-o-filter: sepia(0) !important; }
.met_portfolio_item_6_inner_wrap{ position: relative }
/**
* 33.4 Overlay
*/
.met_pf_overlay{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
visibility: hidden;
opacity: 0;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: all ease .4s;
transition: all ease .4s; }
.met_portfolio_item:hover .met_pf_overlay{
visibility: visible;
opacity: 1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.met_pf_overlay_items{ text-align: center; }
.met_pf_overlay_items a{
display: inline-block;
width: 55px;
height: 55px;
line-height: 55px;
font-size: 20px;
color: #393939;
position: relative;
text-align: center;
background-color: #F8F7F5;
margin: 0 15px;
-webkit-transform: translateY(-150%) translateZ(0);
-ms-transform: translateY(-150%) translateZ(0);
transform: translateY(-150%) translateZ(0); }
.met_pf_overlay_items a:nth-child(2){
-webkit-transform: translateY(150%) translateZ(0);
-ms-transform: translateY(150%) translateZ(0);
transform: translateY(150%) translateZ(0); }
.met_portfolio_item:hover .met_pf_overlay_items a{
-webkit-transform: translateY(0) translateZ(0);
-ms-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0); }
.met_pf_overlay_items a:hover{ color: #FFFFFF; text-decoration: none; }
/**
* 33.5 Page Info Bar Filters
*/
.met_portfolio_filters_wrap{
float: left;
margin-left: -20px;
margin-right: 20px;
padding-left: 25px;
padding-right: 25px;
position: relative;
z-index: 2; }
.met_portfolio_filters_wrap:after{
display: block;
position: absolute;
right: -8px;
top: 22px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: transparent transparent transparent #FFCA07; }
.met_portfolio_filters_wrap span{
color: #000000;
font-size: 19px;
line-height: 60px;
float: left;
display: block; }
.met_portfolio_filters_wrap span:hover{ cursor: pointer; }
.met_portfolio_filters_wrap i{
color: #373B3E;
font-size: 19px;
line-height: 60px;
float: right;
display: block;
margin-left: 10px; }
.met_portfolio_filters_wrap ul{
min-width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transition: width ease .4s;
transition: width ease .4s; }
.met_portfolio_filters_wrap li a{
font-size: 12px;
color: #373B3D;
line-height: 38px;
height: 38px;
border-top: 1px solid rgba(0, 0, 0, 0.03);
display: block;
padding-left: 25px;
padding-right: 25px;
white-space: nowrap;
-webkit-transition: all ease .4s;
transition: all ease .4s; }
.met_portfolio_filters_wrap li a:hover{
background-color: rgba(0, 0, 0, 0.03);
text-decoration: none; }
/**
* 33.6 Classic Filters
*/
.met_filters{
list-style: none;
padding: 0;
margin: 0 0 30px; }
.met_filters li{
float: left;
list-style: none; }
.met_filters li a{
display: inline-block;
padding: 5px 15px;
font-size: 15px;
text-decoration: none;
color: #000000;
font-weight: 400;
position: relative;
-webkit-transition: all .3s;
transition: all .3s; }
.met_filters li a.activePortfolio{
color: #000000;
background-color: #FFCA07; }
/**
* ----------------------------------------------------------------------------------------
* 34.0 - Gray Box
* ----------------------------------------------------------------------------------------
*/
.met_gray_box{
padding: 30px;
background-color: #F5F5F5; }
.met_gray_box_line h4{ margin-bottom: 0; }
.met_gray_box_line span,
.met_gray_box_line a{
font-size: 12px;
line-height: 15px; }
.met_gray_box_line{
padding-bottom: 3px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.met_gray_box_line:last-child{
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none; }
/**
* ----------------------------------------------------------------------------------------
* 35.0 - Recent Portfolio Carousel
* ----------------------------------------------------------------------------------------
*/
.met_recent_portfolio > div{ float: left; }
.met_recent_portfolio_nav{
background-color: #F8F7F5;
line-height: 50px;
margin-bottom: 20px; }
.met_recent_portfolio_nav span{
color: #000000;
font-size: 16px;
margin-left: 20px; }
.met_recent_portfolio_nav a{
float: right;
display: block;
width: 50px;
height: 50px;
text-align: center;
font-size: 21px; }
.met_recent_portfolio_nav a:last-child{ border-right: 1px solid #D5D3CF; }
/**
* ----------------------------------------------------------------------------------------
* 36.0 - Google Map
* ----------------------------------------------------------------------------------------
*/
.map{
width: 100%;
height: 452px; }
.map_wrapper{
width: 100%;
height: 452px;
position: relative; }
#mapControls{
position: absolute;
left: 4%;
top: 11%;
z-index: 9;
width: 84px;
height: 143px; }
#mapControls #zoomin,
#mapControls #zoomout{
position: absolute;
cursor: pointer;
background-color: #373B3E;
height: 25px;
width: 30px;
font-weight: 700;
font-size: 25px;
line-height: 25px;
text-align: center;
color: #FFFFFF;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
#mapControls #zoomin{
left: 27px;
top: 93px; }
#mapControls #zoomout{
left: 27px;
top: 118px; }
#pancontrols{
position: absolute;
left: 7px;
top: 8px;
width: 70px;
height: 70px;
background-color: #373B3E; }
#pancontrols .pan-arrow{
position: absolute;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
#pancontrols .pan-arrow.pan-up{
background-image: url('../img/pan-arrow-up.png');
left: 23px;
top: -8px; }
#pancontrols .pan-arrow.pan-bottom{
background-image: url('../img/pan-arrow-bottom.png');
left: 23px;
bottom: -8px; }
#pancontrols .pan-arrow.pan-right{
background-image: url('../img/pan-arrow-right.png');
top: 23px;
right: -8px; }
#pancontrols .pan-arrow.pan-left{
background-image: url('../img/pan-arrow-left.png');
top: 23px;
left: -8px; }
#pancontrols .pan-arrow.pan-center{
background-image: url('../img/pan-arrow-center.png');
width: 26px;
height: 25px;
left: 22px;
top: 22px; }
#pancontrols .pan-arrow.pan-up,
#pancontrols .pan-arrow.pan-bottom{
width: 24px;
height: 18px; }
#pancontrols .pan-arrow.pan-right,
#pancontrols .pan-arrow.pan-left{
width: 18px;
height: 24px; }
/**
* ----------------------------------------------------------------------------------------
* 37.0 - General Overlay
* ----------------------------------------------------------------------------------------
*/
.met_overlay{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
opacity: 0;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: all ease .3s;
transition: all ease .3s; }
.met_overlay > div{
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%) translateZ(0);
-ms-transform: translateY(-50%) translateZ(0);
transform: translateY(-50%) translateZ(0); }
.met_overlay a{
background-color: #EFEEE9;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 100%;
text-align: center;
color: #888381;
margin-right: 10px;
font-size: 20px;
visibility: hidden;
opacity: 0;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transform: scale(0) translateZ(0);
-ms-transform: scale(0) translateZ(0);
transform: scale(0) translateZ(0);
-webkit-transition: opacity ease .3s;
transition: opacity ease .3s;
-webkit-transition-delay: 0;
transition-delay: 0; }
.met_overlay a:last-child{ margin: 0 }
.met_overlay_wrapper:hover .met_overlay{
opacity: 1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.met_overlay_wrapper:hover .met_overlay a{
-webkit-backface-visibility: hidden;
visibility: visible;
opacity: 1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transform: scale(1) translateZ(0);
-ms-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0);
-webkit-transition: all cubic-bezier(0.05, -0.05, 0.05, 1.5) .3s;
transition: all cubic-bezier(0.05, -0.05, 0.05, 1.5) .3s; }
.met_overlay_wrapper:hover .met_overlay a:nth-child(1){
-webkit-transition-delay: .1s;
transition-delay: .1s; }
.met_overlay_wrapper:hover .met_overlay a:nth-child(2){
-webkit-transition-delay: .2s;
transition-delay: .2s; }
.met_overlay_wrapper:hover .met_overlay a:nth-child(3){
-webkit-transition-delay: .3s;
transition-delay: .3s; }
#dslc-content .met_overlay_wrapper .met_overlay a i{ font-style: normal; }
.met_overlay_wrapper .met_overlay a:hover i{
-webkit-animation: toBottomFromTop 0.3s forwards;
-ms-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards;
text-decoration: none; }
/**
* ----------------------------------------------------------------------------------------
* 38.0 - Pricing Tables
* ----------------------------------------------------------------------------------------
*/
.met_pricing_list a{
display: block;
line-height: 25px;
padding: 17.5px 0; }
.met_pricing_list li:first-child a{ padding-top: 0; }
.met_pricing_list li:last-child a{ padding-bottom: 0; }
.met_pricing_list li{ border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.met_pricing_list li:last-child{ border-bottom: none; }
.met_pricing_list_pricetag{
display: block;
font-size: 24px;
line-height: 33px;
padding: 13.5px 0;
text-align: center;
color: #FFFFFF;
text-decoration: none;
-webkit-transition: all ease .3s;
transition: all ease .3s; }
.met_pricing_list_pricetag:hover{
text-decoration: none;
background-color: rgba(0, 0, 0, 0.02); }
/**
* 38.1 One
*/
.met_pricing_table_1 header{ display: block; }
.met_pricing_table_1.chosen header{ margin-top: -20px; }
.met_pricing_table_1 .price_box .cents{ vertical-align: top; }
.met_pricing_table_1 .price_box .period{ margin-left: -28px; }
.met_pricing_table_1 .pricing_properties ul{ list-style: none; }
.met_pricing_table_1 .pricing_properties ul li{
display: block;
float: left;
width: 100%; }
.met_pricing_table_1 .pricing_properties ul li:last-child{ border-bottom: none !important; }
.met_pricing_table_1 .pricing_properties ul li span{ float: left; }
.met_pricing_table_1 .pricing_properties ul li strong{ float: right; }
.met_pricing_table_1 .details{
display: block;
-webkit-transition: padding .3s;
transition: padding .3s; }
.met_pricing_table_1 .details:hover{ text-decoration: none }
.met_pricing_table_1:hover .details{
padding-top: 20px;
padding-bottom: 20px; }
/**
* 38.2 Two
*/
.met_pricing_table_2{ overflow: hidden; }
.met_pricing_table_2 .price_box .prices{ padding: 25px 0; }
.met_pricing_table_2 .price_box .cents{ vertical-align: top; }
.met_pricing_table_2 .details{
display: block;
position: relative; }
.met_pricing_table_2 .details:hover{ text-decoration: none }
.met_pricing_table_2 .details:after{
position: absolute;
content: '';
display: block;
left: 50%;
top: -13px;
-webkit-transform: translateX(-50%) rotate(134deg) translateZ(0);
-ms-transform: translateX(-50%) rotate(134deg) translateZ(0);
transform: translateX(-50%) rotate(134deg) translateZ(0);
width: 0px;
height: 0px;
background-color: inherit;
width: 26px;
height: 26px; }
/**
* 38.3 Three
*/
.met_pricing_table_3{ overflow: hidden; }
.met_pricing_table_3 .price_box .prices{ padding: 25px 0 31px; }
.met_pricing_table_3 .price_box .cents{ vertical-align: top; }
.met_pricing_table_3 .pricing_properties{ text-align: left; }
.met_pricing_table_3 .pricing_properties ul{
list-style: none;
padding: 0; }
.met_pricing_table_3 .pricing_properties ul li span{
display: inline-block;
position: relative;
padding-left: 30px; }
.met_pricing_table_3 .pricing_properties ul li span:before{
position: absolute;
left: 0;
content: '\f00c';
display: block;
font-family: 'DSLCFontAwesome'; }
.met_pricing_table_3 .details{ display: inline-block; }
.met_pricing_table_3.chosen .details,
.met_pricing_table_3 .details:hover{ text-decoration: none; }
/**
* 38.4 Four
*/
.met_pricing_table_4 .package{
display: block;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.met_pricing_table_4 .pricing_properties ul{ list-style: none; }
.met_pricing_table_4 .pricing_properties ul li span{
display: block;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.met_pricing_table_4 .pricing_properties ul li:last-child span{ border-bottom: none; }
.met_pricing_table_4 .pricing_properties ul li span:before{
position: absolute;
left: 0;
content: '\f058';
display: block;
font-family: 'DSLCFontAwesome'; }
.met_pricing_table_4 .price_box{
padding: 30px 0 15;
text-align: center; }
.met_pricing_table_4 .price_box .period{ vertical-align: middle; }
.met_pricing_table_4 .details{
padding: 13px 43px;
background-color: rgba(0, 0, 0, 0.03);
display: block;
margin-top: 30px;
-webkit-transition: all .3s;
transition: all .3s; }
.met_pricing_table_4 .details:hover{
text-decoration: none;
background-color: rgba(0, 0, 0, 0.09); }
/**
* ----------------------------------------------------------------------------------------
* 39.0 - Iconic Info Box
* ----------------------------------------------------------------------------------------
*/
.met_icon_info{ position: relative; }
.met_icon_info_icon{
width: 80px;
height: 70px;
text-align: center;
font-size: 40px;
border: 1px solid rgba(0, 0, 0, 0.11);
border-radius: 3px;
position: absolute;
top: 0; }
.met_icon_info_icon i{
color: #393939;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.met_icon_info.align_right .met_icon_info_icon{ right: 0; }
.met_icon_info.align_right .met_icon_info_info{ margin-right: 105px; text-align: right; }
.met_icon_info.align_left .met_icon_info_icon{ left: 0; }
.met_icon_info.align_left .met_icon_info_info{ margin-left: 105px; text-align: left; }
/**
* ----------------------------------------------------------------------------------------
* 40.0 - Content List with Date
* ----------------------------------------------------------------------------------------
*/
.met_blog_item a,
.met_blog_item p{
display: block;
margin-left: 80px; }
.met_blog_item a *{ margin-bottom: 5px; }
.met_blog_item{ margin: 15px 0 30px; }
.met_blog_item:last-of-type{ margin-bottom: 0; }
.met_blog_item_date_day_month{
height: 62px;
color: #908E85;
font-size: 30px;
line-height: 21px;
font-weight: 700;
text-align: center; }
.met_blog_item_date_day_month span{
display: block;
font-size: 14px; }
.met_blog_item_date_year{
height: 30px;
line-height: 30px;
color: #908E85;
font-size: 14px;
border-top: 1px solid #D4D3CC;
text-align: center;
font-weight: 700; }
.met_blog_item_date{
float: left;
width: 70px;
background-color: #F8F7F5;
border-radius: 2px;
border: 1px solid #D4D3CC; }
/**
* ----------------------------------------------------------------------------------------
* 41.0 - FAQ
* ----------------------------------------------------------------------------------------
*/
.met_faq_link{
display: block;
padding: 15px 0;
position: relative;
border-bottom: 1px solid #EDEFEF;
overflow: hidden; }
.met_faq_link:hover{ text-decoration: none; }
.met_faq_link:last-of-type{ border-bottom: none; }
.met_faq_link div span,
.met_faq_link div i{
color: #373B3D;
font-size: 30px;
line-height: 30px;
display: inline-block; }
.met_faq_link div i{
color: #E1E1E1;
font-style: normal; }
.met_faq_link div b{
font-size: 16px;
line-height: 33px;
font-weight: normal;
vertical-align: top; }
.met_faq_link div{
-webkit-transition: all ease .2s;
transition: all ease .2s; }
.met_faq_link_a{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transform: translateY(-50%) translateZ(0);
-ms-transform: translateY(-50%) translateZ(0);
transform: translateY(-50%) translateZ(0); }
.met_faq_link:hover .met_faq_link_a{
visibility: visible;
opacity: 1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transform: translateY(15px) translateZ(0);
-ms-transform: translateY(15px) translateZ(0);
transform: translateY(15px) translateZ(0); }
.met_faq_link:hover .met_faq_link_q{
-webkit-transform: translateY(50%) translateZ(0);
-ms-transform: translateY(50%) translateZ(0);
transform: translateY(50%) translateZ(0);
visibility: hidden;
opacity: 0;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); }
/**
* ----------------------------------------------------------------------------------------
* 42.0 - Title Carousel
* ----------------------------------------------------------------------------------------
*/
.met_title_rotator > span,
.met_title_rotator > a{
background-color: rgba(0, 0, 0, 0.11);
color: #FFFFFF;
padding: 0 20px;
float: left;
height: 100%; }
.met_title_rotator > span > span{ display: block; }
.met_title_rotator{
height: 50px;
overflow: hidden; }
.met_title_rotator_el_wrap{
width: auto !important;
margin-right: 20px;
overflow: hidden; }
.met_title_rotator > div a{
line-height: 50px;
display: block;
float: left;
color: #FFFFFF; }
/**
* ----------------------------------------------------------------------------------------
* 43.0 - Text Box
* ----------------------------------------------------------------------------------------
*/
.met_text_box{ background-color: #EBEBED; }
.met_text_box.with_padding{ padding: 30px; }
.met_text_box .met_text_box_inside.with_padding{ padding: 30px; position: relative }
.met_text_box .met_text_box_preview:first-child{ float: left; }
.met_text_box .met_text_box_inside:first-child{ float: left; padding-right: 30px; width: 60.78431372549%; }
.met_text_box.big_picture .met_text_box_inside:first-child{ width: 50.877192982456%; }
.met_text_box .met_text_box_inside:last-child{ padding-right: 0; width: auto; }
.met_text_box .met_text_box_preview{ width: 39.21568627451%; }
.met_text_box.big_picture .met_text_box_preview{ width: 49.122807017544%; }
.met_text_box .met_text_box_preview img{ width: 100% }
.met_text_box .met_text_box_preview + .met_text_box_inside{
margin-left: 39.21568627451%;
padding-left: 30px; }
.met_text_box.big_picture .met_text_box_preview + .met_text_box_inside{ margin-left: 49.122807017544%; }
.met_text_box .met_text_box_inside + .met_text_box_preview{ margin-left: 60.78431372549%; }
.met_text_box.big_picture .met_text_box_inside + .met_text_box_preview{ margin-left: 50.877192982456%; }
.met_text_box_inside h1{
font-weight: 700;
font-size: 36px;
line-height: 40px;
letter-spacing: -0.6px; }
.met_text_box_inside h2{
font-weight: 400;
font-size: 28px;
line-height: 32px;
letter-spacing: -0.6px;
color: #FFFFFF; }
.met_text_box_inside h3{
font-weight: 700;
font-size: 18px;
line-height: 22px;
letter-spacing: -0.6px; }
.met_text_box.met_bgcolor *{
color: #FFFFFF;
text-shadow: none; }
.met_text_box.met_bgcolor{
background-image: url('../img/textBoxBg.png');
background-repeat: no-repeat;
background-size: 100%; }
.met_text_box_button{
width: 27px;
height: 50px;
line-height: 50px;
font-size: 11px;
text-align: center;
position: absolute;
right: 0;
top: 0;
background-color: #363133;
color: #FFFFFF; }
/**
* ----------------------------------------------------------------------------------------
* 44.0 - Contents Carousel 3
* ----------------------------------------------------------------------------------------
*/
.met_box_carousel article{
width: 100% !important;
padding: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
.met_box_carousel article > a,
.met_box_carousel article > a img{ display: block; }
.met_box_carousel article > a img{ width: 100% }
.met_box_carousel.vertical article > a{ width: 29.411764705882%; }
.met_box_carousel.testimonials article > a{ width: 40.588235294118%; }
.met_box_carousel article > a:first-child{ float: left; }
.met_box_carousel.vertical article > a + div{
margin-left: 33.333333333333%;
width: auto; }
.met_box_carousel.testimonials article > a + div{
margin-left: 46.470588235294%;
width: auto; }
.met_box_carousel.vertical article > div:first-child{
float: left;
width: 66.666666666667%; }
.met_box_carousel.testimonials article > div:first-child{
float: left;
width: 53.529411764706%; }
.met_box_carousel.vertical article > div + a{ margin-left: 70.588235294118%; }
.met_box_carousel.testimonials article > div + a{ margin-left: 59.411764705882%; }
.met_box_carousel.vertical article > div.only,
.met_box_carousel.testimonials article > div.only{ width: auto }
.met_box_carousel article > div h4{ margin-bottom: 0; }
.met_box_carousel.testimonials article > div h4{
font-size: 36px;
font-weight: 700; }
.met_box_carousel.testimonials article > div > a.met_color,
.met_box_carousel.testimonials article > div > span.met_color{
font-size: 14px;
font-weight: 700;
margin-bottom: 20px;
display: block; }
.met_box_carousel_title{ display: block; }
/**
* ----------------------------------------------------------------------------------------
* 45.0 - WP Calendar
* ----------------------------------------------------------------------------------------
*/
#wp-calendar{ width: 100%; }
#wp-calendar th,
#wp-calendar td{ text-align: center; }
#wp-calendar caption{
min-height: 55px;
vertical-align: middle;
font-size: 19px;
color: #000000;
padding: 16.5px 26px;
background-color: #FFCA07; }
#wp-calendar thead,
#wp-calendar tfoot,
#wp-calendar tbody{ background-color: #F7F6F4; }
#wp-calendar th,
#wp-calendar td{
color: #797F83;
padding: 8px 0; }
#wp-calendar td#today{
color: #434953;
font-weight: bold; }
#wp-calendar thead th{ padding-top: 23px; }
#wp-calendar tfoot td{ padding-bottom: 23px; }
/**
* ----------------------------------------------------------------------------------------
* 46.0 - Form
* ----------------------------------------------------------------------------------------
*/
input{
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.05);
font-size: 12px;
line-height: 16px;
padding: 11px 17px; }
input::-webkit-input-placeholder{ color: #7B7B7B; }
input:-moz-placeholder{ color: #7B7B7B; }
input::-moz-placeholder{ color: #7B7B7B; }
input:-ms-input-placeholder{ color: #7B7B7B; }
#searchform input[type="search"]{ width: 100% }
/**
* ----------------------------------------------------------------------------------------
* 47.0 Post Grid List
* ----------------------------------------------------------------------------------------
*/
.met_posts_grid_list > h4{
margin: 0;
color: #373B3E;
font-weight: 600; }
.met_posts_grid_list > h5{
margin: 0;
font-weight: 600; }
.met_posts_grid{ margin-bottom: -30px; }
.met_posts_grid_item_title{
font-size: 20px;
color: #373B3E;
font-weight: 600;
display: block; }
.met_posts_grid_item_sub_title{
font-size: 18px;
font-weight: 600;
text-shadow: none; }
.met_posts_grid_item_preview{
margin-bottom: 20px;
display: block; }
.met_posts_grid_item_preview img{ width: 100%; }
/**
* ----------------------------------------------------------------------------------------
* 48.0 - Infobox Icons
* ----------------------------------------------------------------------------------------
*/
/**
* 48.1 Small
*/
.met_info_box_icon_small{
padding: 20px;
display: block; }
.met_info_box_icon_small:hover{ text-decoration: none }
.met_info_box_icon_small_icon{
float: left;
color: #FFFFFF;
display: block;
margin-right: 15px; }
.met_info_box_icon_small_title{
font-size: 24px;
color: #FFFFFF; }
.met_info_box_icon_small_sub_title{ color: #191E26; }
.met_info_box_icon_small div span{ display: block; }
.met_info_box_icon_small.center span,
.met_info_box_icon_small.lef span,
.met_info_box_icon_small.right span{
display: inline-block;
float: none;
margin: 0; }
/**
* 48.2 Two
*/
.met_info_box_icon_2 figcaption{
display: block;
margin-bottom: -20px;
-webkit-transform: translateY(-50%) translateZ(0);
-ms-transform: translateY(-50%) translateZ(0);
transform: translateY(-50%) translateZ(0); }
.met_info_box_icon_2 figcaption span{
display: inline-block;
text-align: center; }
.met_info_box_icon_2 article a{ text-decoration: none }
.met_info_box_icon_2:hover figcaption span i.toBottomFromTop{
-webkit-animation: toBottomFromTop 0.3s forwards;
-ms-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards; }
.met_info_box_icon_2:hover figcaption span i.toRightFromLeft{
-webkit-animation: toRightFromLeft 0.3s forwards;
-ms-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards; }
.met_info_box_icon_2:hover figcaption span i.toLeftFromRight{
-webkit-animation: toLeftFromRight 0.3s forwards;
-ms-animation: toLeftFromRight 0.3s forwards;
animation: toLeftFromRight 0.3s forwards; }
.met_info_box_icon_2:hover figcaption span i.toTopFromBottom{
-webkit-animation: toTopFromBottom 0.3s forwards;
-ms-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards; }
.met_info_box_icon_2:hover figcaption span i.spinAround{
-webkit-animation: spinAround 3s linear infinite;
-ms-animation: spinAround 3s linear infinite;
animation: spinAround 3s linear infinite; }
/**
* 48.3 Three
*/
.met_info_box_icon_3{ position: relative; }
.met_info_box_icon_3 figcaption{
float: left;
overflow: hidden;
-webkit-transform: translateZ(0); }
.met_info_box_icon_3 figcaption.right{
position: absolute;
right: 0;
top: 0; }
.met_info_box_icon_3 article > a{ text-decoration: none; }
.met_info_box_icon_3 article h4{ margin-bottom: 10px; }
.met_info_box_icon_3:hover figcaption i.toBottomFromTop{
-webkit-animation: toBottomFromTop 0.3s forwards;
-ms-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards; }
.met_info_box_icon_3:hover figcaption i.toRightFromLeft{
-webkit-animation: toRightFromLeft 0.3s forwards;
-ms-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards; }
.met_info_box_icon_3:hover figcaption i.toLeftFromRight{
-webkit-animation: toLeftFromRight 0.3s forwards;
-ms-animation: toLeftFromRight 0.3s forwards;
animation: toLeftFromRight 0.3s forwards; }
.met_info_box_icon_3:hover figcaption i.toTopFromBottom{
-webkit-animation: toTopFromBottom 0.3s forwards;
-ms-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards; }
.met_info_box_icon_3:hover figcaption i.spinAround{
-webkit-animation: spinAround 3s linear infinite;
-ms-animation: spinAround 3s linear infinite;
animation: spinAround 3s linear infinite; }
/**
* 48.4 Four
*/
.met_info_box_icon_4{
position: relative;
text-align: center;
display: block;
background-color: #EEEDE8;
padding: 50px 30px;
-webkit-transition: all .3s;
transition: all .3s; }
.met_info_box_icon_4 > i{
font-size: 34px;
color: #373B3D;
line-height: 30px;
margin-right: 15px;
-webkit-transition: all .3s;
transition: all .3s; }
.met_info_box_icon_4 > span{
font-size: 36px;
color: #373B3D;
line-height: 40px;
-webkit-transition: all .3s;
transition: all .3s; }
.met_info_box_icon_4 > .met_p{
font-size: 14px;
color: #373B3D;
line-height: 20px;
display: block;
text-shadow: none;
-webkit-transition: all .3s;
transition: all .3s; }
.met_info_box_icon_4:hover{
text-decoration: none;
background-color: #FFCA07; }
.met_info_box_icon_4:hover > i,
.met_info_box_icon_4:hover > .met_p,
.met_info_box_icon_4:hover > span{ color: #FFFFFF }
/**
* ----------------------------------------------------------------------------------------
* 49.0 - Live Composer
* ----------------------------------------------------------------------------------------
*/
.dslca-editable-content:empty{
position: relative;
outline: 1px dashed rgba(0, 0, 0, 0.3) !important;
display: block; }
.dslca-editable-content:empty:after{
position: static;
left: 0;
top: 0;
display: block;
content: 'Click to Edit';
color: rgba(0, 0, 0, 0.3); }
.dslc-1-col .dslca-change-width-modules-area-options span[data-size="1"],
.dslc-2-col .dslca-change-width-modules-area-options span[data-size="2"],
.dslc-3-col .dslca-change-width-modules-area-options span[data-size="3"],
.dslc-4-col .dslca-change-width-modules-area-options span[data-size="4"],
.dslc-5-col .dslca-change-width-modules-area-options span[data-size="5"],
.dslc-6-col .dslca-change-width-modules-area-options span[data-size="6"],
.dslc-7-col .dslca-change-width-modules-area-options span[data-size="7"],
.dslc-8-col .dslca-change-width-modules-area-options span[data-size="8"],
.dslc-9-col .dslca-change-width-modules-area-options span[data-size="9"],
.dslc-10-col .dslca-change-width-modules-area-options span[data-size="10"],
.dslc-11-col .dslca-change-width-modules-area-options span[data-size="11"],
.dslc-12-col .dslca-change-width-modules-area-options span[data-size="12"]{background: #1C539E;}
.dslca-change-width-modules-area-options span,
.dslca-change-width-module-options span{
width: 38px !important;
}
#dslc-content i{ font-style: normal }
.dslc-notification .dslca-refresh-module-hook,
.dslc-notification .dslc-icon{ top: 5px; right: 5px; }
.dslca-section-title-filter-options{ min-width: 160px; }
.dslca-container{ z-index: 50 }
.switch-html,
.switch-tmce{ box-sizing: content-box }
.dslc-text-module-content p:first-child:empty,
.dslc-text-module-content p:last-child:empty{ display: none }
.dslc-tp-content{ margin-bottom: 30px }
#dslc-content .dslc-tp-meta ul{ padding-left: 0; }
#dslc-content .dslc-tp-meta ul .dslc-tp-meta-avatar{ display: none; }
.dslca-module.dslca-origin-met.single{ display: none !important; }
body.single .dslca-module.dslca-origin-met.single{ display: block !important; }
.dslc-module-MET_Single_PostPreview > a > img,
.dslc-module-MET_Single_PostPreview > .wp-video,
.dslc-module-MET_Single_PostPreview > .wp-audio{margin: 0 auto;}
.dslc-image > a{
display: block;
position: relative;}
.dslc-image > a:before {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.3);
-ms-transform: translate3d(-50%, -50%, 0) scale(0.3);
transform: translate3d(-50%, -50%, 0) scale(0.3);
font-family: 'DSLCFontAwesome';
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #EFEEE9;
color: #888381;
opacity: 0;
content: '\f0c1';
font-size: 20px;
-webkit-transition: all .3s;
transition: all .3s;}
.dslc-image > a.dslc-lightbox-image:before{content: '\f083';}
.dslc-image:hover > a:before{
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
-ms-transform: translate3d(-50%, -50%, 0) scale(1);
transform: translate3d(-50%, -50%, 0) scale(1);}
[class^="dslc-icon-"], [class*=" dslc-icon-"]{display: inline-block}
.dslca-enabled #met_scroll_up{display: none;}
.dslc-module-MET_Single_PostPreview .oembed-custom-conteiner{text-align: center}
.dslc-module-MET_Single_PostPreview .oembed-custom-conteiner embed,
.dslc-module-MET_Single_PostPreview .oembed-custom-conteiner iframe,
.dslc-module-MET_Single_PostPreview .oembed-custom-conteiner object{display: inline-block}
/**
* ----------------------------------------------------------------------------------------
* 51.0 - Event Box
* ----------------------------------------------------------------------------------------
*/
.met_event_box{
position: relative;
border: 10px solid rgba(0, 0, 0, 0.19); }
.met_event_box img{
display: block;
width: 100%; }
.met_event_box_overlay{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.met_event_box_title_1,
.met_event_box_title_2{
display: block;
background-color: #FFFFFF;
font-size: 36px;
line-height: 60px;
padding-left: 30px;
padding-right: 25px;
font-weight: 600;
color: #000000;
position: absolute;
left: 0;
top: 0; }
.met_event_box_title_2{ top: 25%; }
.met_event_box_title_1:after,
.met_event_box_title_2:after{
display: none;
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 25px;
background-color: inherit;
-webkit-transform: translateX(50%) skew(-22.5deg) translateZ(0);
-ms-transform: translateX(50%) skew(-22.5deg) translateZ(0);
transform: translateX(50%) skew(-22.5deg) translateZ(0); }
.met_event_box_overlay .btn{
position: absolute;
left: 7%;
top: 72%; }
.met_event_box_remaining{
position: absolute;
left: 0;
bottom: 0; }
.met_content_box_contents_text .met_event_box_remaining{
position: static;
margin-top: 3px; }
.met_event_box_remaining figure{
float: left;
height: 70px;
background-color: rgba(0, 0, 0, 0.75);
border-radius: 5px;
text-align: center;
margin-right: 10px;
padding: 0 12px; }
.met_content_box_contents_text .met_event_box_remaining figure{
height: 57px;
margin-right: 6px;
background-color: #FFCA07;
padding: 0 8px; }
.met_event_box_remaining figure:last-child{ margin-right: 0 }
.met_event_box_remaining figcaption > span{
display: block;
text-align: center; }
.met_event_box_remaining figcaption > span:first-child{
font-size: 36px;
font-weight: 600;
color: #FFFFFF;
line-height: 1; }
.met_event_box_remaining figcaption > span:last-child{
font-weight: 600;
line-height: 1;
color: #FFFFFF; }
.met_content_box_contents_text .met_event_box_remaining figcaption > span:last-child{ text-transform: uppercase; }
/**
* ----------------------------------------------------------------------------------------
* 52.0 - Notification Boxes
* ----------------------------------------------------------------------------------------
*/
/**
* 52.1 Iconic
*/
.met_alert{
border: none;
position: relative;
border-radius: 0;
padding: 23px 20px 24px 130px; }
.met_alert_icon_box{
position: absolute;
left: 0;
top: 0;
width: 100px;
height: 100%;
display: block;
font-size: 36px;
color: #FFFFFF;
font-family: 'DSLCFontAwesome';
font-style: normal; }
.met_alert_icon_box i{
display: inline-block;
font-style: normal;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%) translateZ(0);
-ms-transform: translateY(-50%) translateX(-50%) translateZ(0);
transform: translateY(-50%) translateX(-50%) translateZ(0); }
.alert-danger .met_alert_icon_box{
content: '\f024';
background-color: #AE2B1F; }
.alert-warning .met_alert_icon_box{
content: '\f071';
background-color: #FFC907; }
.alert-success .met_alert_icon_box{
content: '\f00c';
background-color: #A3D43D; }
.alert-info .met_alert_icon_box{
content: '\f05a';
background-color: #00BEF2; }
.met_alert .met_alert_title{
font-size: 24px;
line-height: 1.3; }
.met_alert.alert-danger .met_alert_title{ color: #661912; }
.met_alert.alert-warning .met_alert_title{ color: #8C7521; }
.met_alert.alert-success .met_alert_title{ color: #4E6422; }
.met_alert.alert-info .met_alert_title{ color: #255765; }
.met_alert.alert-danger .met_alert_content{ color: #8C413A; }
.met_alert.alert-warning .met_alert_content{ color: #9F872C; }
.met_alert.alert-success .met_alert_content{ color: #687F39; }
.met_alert.alert-info .met_alert_content{ color: #368DA5; }
/**
* 52.2 Line
*/
.met_alert_2{ position: relative; }
.met_alert_2.alert-success{ background-color: #A4D53E; color: #465B19; }
.met_alert_2.alert-info{ background-color: #FFCA07; color: #35393D; }
.met_alert_2.alert-warning{ background-color: #363A3D; color: #FFFFFF; }
.met_alert_2.alert-danger{ background-color: #A04641; color: #FFFFFF; }
.met_alert_2:after{
display: block;
width: 100%;
left: 0;
bottom: 0;
content: '';
position: absolute; }
.met_alert_2.alert-success:after{ background-color: #92BE37; }
.met_alert_2.alert-info:after{ background-color: #E3B406; }
.met_alert_2.alert-warning:after{ background-color: #303436; }
.met_alert_2.alert-danger:after{ background-color: #8E3E3A; }
.met_alert_2:before{
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 18px 18px 0;
border-color: transparent #E3B406 transparent transparent;
display: block;
content: '';
position: absolute;
bottom: 0;
-webkit-transform: translateY(100%) translateZ(0);
-ms-transform: translateY(100%) translateZ(0);
transform: translateY(100%) translateZ(0); }
.met_alert_2.alert-success:before{ border-right-color: #92BE37; }
.met_alert_2.alert-info:before{ border-right-color: #E3B406; }
.met_alert_2.alert-warning:before{ border-right-color: #303436; }
.met_alert_2.alert-danger:before{ border-right-color: #8E3E3A; }
/**
* ----------------------------------------------------------------------------------------
* 53.0 - Simple Title
* ----------------------------------------------------------------------------------------
*/
.met_simple_title{
width: 100%;
padding: 30px;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
position: relative; }
.met_simple_title h2{
font-size: 22px;
margin: 0; }
.met_simple_title h3{
font-size: 18px;
margin: 0; }
.met_simple_title.custom_border:after{
display: block;
content: '';
position: absolute;
height: 3px;
width: 50%;
bottom: 0;
left: 0;
background-color: #000000; }
.met_simple_title.custom_border.stick_top:after{ top: 0; bottom: auto; }
.met_simple_title.custom_border.stick_bottom:after{ bottom: 0; }
.met_simple_title.custom_border.stick_left:after{ left: 0; }
.met_simple_title.custom_border.stick_right:after{ right: 0; left: auto; }
.met_simple_title.custom_border.stick_center:after{
left: 50%;
-webkit-transform: translateX(-50%) translateZ(0);
-ms-transform: translateX(-50%) translateZ(0);
transform: translateX(-50%) translateZ(0); }
.met_simple_title .third_title{ text-align: center; }
.met_simple_title .third_title h4{
display: inline-block;
margin: 0;
position: relative;
padding: 0 40px; }
.met_simple_title .third_title h4:after,
.met_simple_title .third_title h4:before{
display: block;
width: 40px;
height: 1px;
position: absolute;
left: 0;
top: 49%;
background-color: #000000;
content: ''; }
.met_simple_title .third_title h4:after{
left: auto;
right: 0; }
.met_simple_title .third_title h4 span{
padding: 0 10px;
position: relative;
z-index: 2; }
/**
* ----------------------------------------------------------------------------------------
* 54.0 - Custom Clean Menu
* ----------------------------------------------------------------------------------------
*/
.met_custom_clean_menu{ background-color: #FFFFFF; }
.met_custom_clean_menu ul{ width: 100%; }
.met_custom_clean_menu li{
border: none;
padding: 14px 0;
border-bottom: 1px solid #F0F0F0;
border-right: 1px solid #F0F0F0; }
.met_custom_clean_menu li.current_page_item{ border-right: 3px solid #FFCA07; }
.met_custom_clean_menu > ul > li{
padding-left: 0;
padding-right: 0; }
.met_custom_clean_menu li a{display: block; }
.met_custom_clean_menu li a{
-webkit-transition: color .3s;
transition: color .3s; }
.met_custom_clean_menu li a:hover{ text-decoration: none; }
/**
* ----------------------------------------------------------------------------------------
* 55.0 - Posts Carousel
* ----------------------------------------------------------------------------------------
*/
.met_posts_carousel .met_content_grid_4_miscs{
font-size: 12px;
line-height: 50px;
margin-bottom: 15px;
border-bottom: 1px solid #E6E6E6; }
.met_posts_carousel_wrapper.cols_3{
margin: 0 -15px;
padding: 30px; }
.met_posts_carousel_wrapper.cols_3 figure{
width: 33.3333333333%;
padding: 0 15px;
float: left; }
.met_posts_carousel_wrapper .met_contents_carousel_2_preview img{
width: 100%;
border: none; }
.met_posts_carousel{
float: left;
width: 100%; }
/**
* ----------------------------------------------------------------------------------------
* 56.0 - Twitter Feed
* ----------------------------------------------------------------------------------------
*/
.met_twitter_feed_title{ margin: 0; }
.met_twitter_feed_nav{
text-align: center;
display: block;
margin-top: 15px; }
.met_twitter_feed_nav a{
width: 30px;
height: 30px;
line-height: 30px;
color: #000000;
display: inline-block;
margin: 0 2.5px; }
/**
* ----------------------------------------------------------------------------------------
* 57.0 - Infobox Priced
* ----------------------------------------------------------------------------------------
*/
a.met_infobox_priced,
.met_infobox_priced .price_header,
.met_infobox_priced .price{ display: block; }
.met_infobox_priced img{ width: 100%; display: block; }
.met_infobox_priced section{ padding: 15px; }
/**
* ----------------------------------------------------------------------------------------
* 58.0 - Staff
* ----------------------------------------------------------------------------------------
*/
.met_staff_members{ margin-bottom: -30px; }
.met_staff_member_preview{ position: relative; }
.met_staff_member_preview img{ width: 100%; }
.met_staff_member.black_white img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all .3s;
transition: all .3s; }
.met_staff_member:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%); }
.met_staff_member_preview_bg{ z-index: 1; }
.met_staff_member_socials_wrap{ z-index: 2 }
.met_staff_member_socials_wrap,
.met_staff_member_preview_bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all .4s;
transition: all .4s; }
.met_staff_member_preview_bg{ height: 0; top: auto; bottom: 0 }
.met_staff_member_socials{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
-webkit-transform: translateY(100%) translateZ(0);
-ms-transform: translateY(100%) translateZ(0);
transform: translateY(100%) translateZ(0);
-webkit-transition: all .4s;
transition: all .4s; }
.met_staff_member_socials a{
display: inline-block;
margin: 0 8px;
color: #FFFFFF;
font-size: 17px;
line-height: 2.7; }
.met_staff_member section{ padding: 20px 10px; }
.met_staff_member section a.title{
font-size: 18px;
line-height: 20px;
color: #FFFFFF;
display: block;
text-align: center;
font-weight: 600;
-webkit-transition: all .3s;
transition: all .3s; }
.met_staff_member section a.title:hover{ text-decoration: none; }
.met_staff_member section span.position{
font-size: 14px;
line-height: 16px;
color: #FFFFFF;
display: block;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s; }
.met_staff_member:hover .met_staff_member_socials_wrap{ opacity: 1; }
.met_staff_member:hover .met_staff_member_preview_bg{
opacity: 0.5;
height: 100%; }
.met_staff_member:hover .met_staff_member_socials{
-webkit-transform: translateY(0) translateZ(0);
-ms-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0); }
.met_staff_member .met_staff_member_socials a{
-webkit-transition: all .3s;
transition: all .3s; }
.met_staff_member .met_staff_member_socials a:hover{ text-decoration: none; }
/**
* ----------------------------------------------------------------------------------------
* 59.0 - Banner
* ----------------------------------------------------------------------------------------
*/
.met_banner_part_1{
padding: 110px 0 !important;
position: relative; }
/* Inner Border //Start\\ */
.met_banner_part_1_borders{
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
left: 0;
top: 0;
padding: 10px;
margin-top: 0 !important; }
.met_banner_part_1_border{
height: 100%;
position: relative;
border: 4px solid #FFFFFF; }
/* Inner Border End */
/* Inner Border //Start\\ */
.met_banner_image.fit_vertically{ background-size: auto 100%; }
.met_banner_image.fit_horizontally{ background-size: 100% auto; }
.met_banner_image.fit{ background-size: 100%; }
.met_banner_image.center{ background-position: center; }
.met_banner_image.top{ background-position-y: top; }
.met_banner_image.bottom{ background-position-y: bottom; }
.met_banner_image.left{ background-position-x: left; }
.met_banner_image.right{ background-position-x: right; }
/* Inner Border End */
/* Titles //Start\\ */
.met_banner_title_1,
.met_banner_title_2,
.met_banner_title_3{
font-weight: 600;
line-height: 1.1;
position: relative;
z-index: 2; }
.met_banner_part_1.single_line .met_banner_title_1,
.met_banner_part_1.single_line .met_banner_title_2,
.met_banner_part_1.single_line .met_banner_title_3{ float: left; }
.met_banner_title_1{
font-size: 24px;
color: #FFFFFF; }
.met_banner_title_2{
font-size: 48px;
color: #373B3D; }
.met_banner_title_3{
font-size: 14px;
color: #FFFFFF;
text-align: center; }
/* Titles End */
/* Button //Start\\ */
.met_banner_part_1_button{
display: block;
position: absolute;
z-index: 3; }
.met_banner_part_1_button.left{ left: 20px; }
.met_banner_part_1_button.right{ right: 20px; }
.met_banner_part_1_button.top{ top: 20px; }
.met_banner_part_1_button.bottom{ bottom: 20px; }
.met_banner_part_1_button.center.top,
.met_banner_part_1_button.center.bottom{
left: 50%;
-webkit-transform: translateX(-50%) translateZ(0);
-ms-transform: translateX(-50%) translateZ(0);
transform: translateX(-50%) translateZ(0); }
.met_banner_part_1_button.center.left,
.met_banner_part_1_button.center.right{
top: 50%;
-webkit-transform: translateY(-50%) translateZ(0);
-ms-transform: translateY(-50%) translateZ(0);
transform: translateY(-50%) translateZ(0); }
.met_banner_part_1_button.middle{
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%) translateZ(0);
-ms-transform: translateY(-50%) translateX(-50%) translateZ(0);
transform: translateY(-50%) translateX(-50%) translateZ(0); }
/* Button End */
.met_banner_part_2{
padding: 15px 0;
background-color: #EFEFEF; }
/* Part2 On Side //Start\\ */
.part_2_on_side .met_banner_part_1{
padding: 37px 0;
position: relative; }
.part_2_on_side{
position: relative;
float: left;
width: 100%; }
.part_2_on_side .met_banner_part_2{
position: absolute;
height: 100%;
width: 25%;
top: 0; }
.part_2_on_side .met_banner_part_1{ width: 75%; }
.part_2_on_side.left .met_banner_part_1{ float: right; }
.part_2_on_side.right .met_banner_part_2{ right: 0; }
.part_2_on_side.left .met_banner_part_2{ left: 0; }
.met_banner_part_2 img{ max-width: 100%; }
/**
* ----------------------------------------------------------------------------------------
* 60.0 - Pie Chart
* ----------------------------------------------------------------------------------------
*/
.met_pie_chart{ text-align: center; }
.met_pie_chart canvas{
position: absolute;
left: 0;
top: 0; }
.met_pie_chart .met_pie_chart_counter,
.met_pie_chart .met_pie_chart_text{
display: block;
float: left;
width: 100%; }
.met_pie_chart .met_pie_chart_counter{
margin-top: 65px;
margin-bottom: -65px; }
.met_pie_chart .met_pie_chart_text{ margin-top: 65px; }
/**
* ----------------------------------------------------------------------------------------
* 61.0 - Box Counter
* ----------------------------------------------------------------------------------------
*/
.met_box_counter{ display: table; }
.met_box_counter_row{ display: table-row; }
.met_box_counter_digit{
display: table-cell;
vertical-align: middle; }
.met_box_counter_text{
display: inline;
display: table-cell;
vertical-align: middle; }
/**
* ----------------------------------------------------------------------------------------
* 62.0 Countdowns
* ----------------------------------------------------------------------------------------
*/
/**
* 62.1 One
*/
.met_countdown_wrap{ text-align: center }
.met_countdown{ display: inline-block; }
.met_countdown > div{
float: left;
margin: 0 5px; }
/**
* 62.2 Two
*/
.met_countdown2{ display: inline-block; }
.met_countdown2 > div{ float: left; }
.met_countdown2 > div:first-child{ border-left: none !important; }
.met_countdown2 > div > span:first-child{ display: block; }
.met_countdown2 > div > span:last-child{ display: block; }
/**
* ----------------------------------------------------------------------------------------
* 63.0 - Progress Bars
* ----------------------------------------------------------------------------------------
*/
/**
* 63.1 Horizontal 1
*/
.met_progress_bar_1_wrap:not(.counted) .met_progress_bar_1_progress{ width: 0 !important; }
.met_progress_bar_1_progress{
position: relative;
width: 0;
-webkit-transition: width ease-in-out 3s;
transition: width ease-in-out 3s; }
.met_progress_bar_1_progress label{
position: absolute;
padding: 5px 15px;
display: inline-block;
-webkit-transform: translate3d(46%, -142%, 0);
-ms-transform: translate3d(46%, -142%, 0);
transform: translate3d(46%, -142%, 0);
top: 0;
right: 0; }
.met_progress_bar_1_progress label:after{
content: '';
position: absolute;
display: block;
bottom: -4px;
left: 43%;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: #7D7D7D transparent transparent transparent; }
/**
* 63.2 Horizontal 2
*/
.met_progress_bar_2_wrap{ position: relative; }
.met_progress_bar_2_wrap span{
position: relative;
z-index: 2;
background-color: rgba(0, 0, 0, 0.07);
display: inline-block; }
.met_progress_bar_2_progress{
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
-webkit-transition: width ease-in-out 3s;
-moz-transition: width ease-in-out 3s;
-ms-transition: width ease-in-out 3s;
-o-transition: width ease-in-out 3s; }
.met_progress_bar_2_wrap:not(.animated) .met_progress_bar_2_progress{ width: 0 !important; }
/**
* 63.3 Vertical
*/
.met_progress_bar_3_wrap{ position: relative; }
.met_progress_bar_3_counts{
position: absolute;
z-index: 2;
text-align: center;
left: 0;
bottom: 0;
width: 100%; }
.met_progress_bar_3_wrap .met_progress_bar_3_title{
background-color: rgba(0, 0, 0, 0.07);
display: block; }
.met_progress_bar_3_progress{
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
width: 100%;
-webkit-transition: height ease-in-out 3s;
-moz-transition: height ease-in-out 3s;
-ms-transition: height ease-in-out 3s;
-o-transition: height ease-in-out 3s; }
.met_progress_bar_3_wrap:not(.counted) .met_progress_bar_3_progress{ height: 0 !important; }
/**
* ----------------------------------------------------------------------------------------
* 64.0 - Steps
* ----------------------------------------------------------------------------------------
*/
/**
* 64.1 Circle
*/
.met_circle_steps.cols_4 .met_circle_step_col{ width: 25%; }
.met_circle_steps.cols_3 .met_circle_step_col{ width: 33.33333333333333%; }
.met_circle_step_col{
float: left;
position: relative;
text-align: center; }
.met_circle_step_col:before{
position: absolute;
display: block;
width: 100%;
content: '';
left: 0;
z-index: 1; }
.met_circle_step_col:first-child{ text-align: left; }
.met_circle_step_col:last-child{ text-align: right; }
.met_circle_step_col:only-child{ text-align: center; }
.met_circle_step{
display: inline-block;
position: relative;
z-index: 2; }
.met_circle_step_button{
display: inline-block;
-webkit-transition: all .2s;
transition: all .2s; }
.met_circle_step_texts{ margin-top: 20px; }
.met_circle_step_texts h4{ margin-bottom: 0; }
.met_circle_step_texts h5{ margin-bottom: 0; }
.met_circle_step_button:hover{
text-decoration: none;
-webkit-transform: scale(1.1) translateZ(0);
-ms-transform: scale(1.1) translateZ(0);
transform: scale(1.1) translateZ(0); }
/**
* 64.2 Boxed
*/
.met_boxed_steps.cols_4 .met_boxed_step{ width: 25%; }
.met_boxed_steps.cols_3 .met_boxed_step{ width: 33.33333333333333%; }
.met_boxed_step{
float: left;
position: relative;
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s; }
.met_boxed_step:last-child{ border-right: none; }
.met_boxed_step:hover{ text-decoration: none; }
.met_boxed_step_icon{
position: absolute;
display: block;
content: '\f0da';
top: 50%;
right: 5px;
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
-webkit-transform: translateY(-50%) translateZ(0);
-ms-transform: translateY(-50%) translateZ(0);
transform: translateY(-50%) translateZ(0); }
.met_boxed_step:last-child .met_boxed_step_icon{ display: none; }
.met_boxed_step h4{
margin-bottom: 0;
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s; }
.met_boxed_step h5{
margin-bottom: 0;
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s; }
/**
* 64.3 Image
*/
.met_image_steps.cols_4 .met_image_step{ width: 25%; }
.met_image_steps.cols_3 .met_image_step{ width: 33.33333333333333%; }
.met_image_steps{
margin: 0 -25px;
padding-left: 25px; }
.met_image_step{
float: left;
padding-right: 25px; }
.met_image_step:hover{ text-decoration: none; }
.met_image_step_box{ position: relative; }
.met_image_step_box:after{
position: absolute;
display: block;
content: '';
top: 50%;
right: -25px;
width: 25px;
height: 2px;
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s; }
.met_image_step:last-child .met_image_step_box:after{ display: none; }
.met_image_step_box img{
display: block;
width: 100%;
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s; }
.met_image_step_bottom{ margin-top: 30px; }
.met_image_step_order{
display: inline-block;
position: relative;
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s; }
.met_image_step_order:after{
position: absolute;
display: block;
content: '';
bottom: 100%;
left: 50%;
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s; }
.met_image_step_title{
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s; }
/**
* ----------------------------------------------------------------------------------------
* 65.0 - Image Posts
* ----------------------------------------------------------------------------------------
*/
/**
* 65.1 One
*/
.met_image_post{
position: relative;
display: block;
overflow: hidden; }
.met_image_post img{
display: block;
width: 100%;
position: relative;
z-index: 1; }
.met_image_post_caption{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 100%;
z-index: 2;
-webkit-transition: all ease-in-out .5s;
transition: all ease-in-out .5s; }
.met_image_post_titles{
-webkit-transform: translateY(-100%) translateZ(0);
-ms-transform: translateY(-100%) translateZ(0);
transform: translateY(-100%) translateZ(0);
-webkit-transition: all ease-in-out .5s;
transition: all ease-in-out .5s; }
.met_image_post_titles h4{ margin-bottom: 0; }
.met_image_post_titles h5{ margin-bottom: 0; }
.met_image_post:hover{ text-decoration: none; }
.met_image_post_caption .met_p{ text-shadow: none; }
.met_image_post:hover .met_image_post_caption{ top: 0; }
.met_image_post:hover .met_image_post_titles{
-webkit-transform: translateY(0) translateZ(0);
-ms-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0); }
/**
* 65.2 Two
*/
.met_image_post_2{
position: relative;
display: block;
overflow: hidden; }
.met_image_post_2 > a{
display: block;
width: 100%;
position: relative;
z-index: 1; }
.met_image_post_2 img{
display: block;
width: 100%; }
.met_image_post_2_caption{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
padding: 30px;
background-color: rgba(255, 202, 7, 0.8);
visibility: hidden;
opacity: 0;
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0); }
.met_image_post_2:hover .met_image_post_2_caption{
visibility: visible;
opacity: 1; }
.met_image_post_2_caption > a{
font-size: 24px;
line-height: 33px;
color: #373B3D;
font-weight: 600;
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s; }
.met_image_post_2_caption > a:hover{
text-decoration: none;
color: #FFFFFF; }
.met_image_post_2_categories a{
font-size: 14px;
line-height: 22px;
color: #FFFFFF; }
/**
* ----------------------------------------------------------------------------------------
* 66.0 - Vertical Posts
* ----------------------------------------------------------------------------------------
*/
.met_vertical_posts_highlighted{ position: relative; }
.met_vertical_posts_highlighted_cat_date{
position: absolute;
left: 0;
top: 0; }
.met_vertical_posts_highlighted_cat_date a{
display: block;
float: left; }
.met_vertical_posts_highlighted_cat{
-webkit-transition: all .3s;
transition: all .3s; }
.met_vertical_posts_highlighted_cat:hover{
background-color: rgba(0, 0, 0, 0.1);
text-decoration: none; }
.met_vertical_posts_highlighted_date{
background-color: rgba(0, 0, 0, 0.1);
-webkit-transition: all .3s;
transition: all .3s; }
.met_vertical_posts_highlighted_date:hover{
background-color: transparent;
text-decoration: none; }
.met_vertical_posts_highlighted_image,
.met_vertical_posts_highlighted_image img{
display: block;
width: 100%; }
.met_vertical_posts_highlighted_title{
display: block;
background-color: rgba(0, 0, 0, 0.07); }
.met_vertical_post:not(.met_bgcolor):nth-child(2n){ background-color: rgba(0, 0, 0, 0.04); }
.met_vertical_post{ display: block; }
.met_vertical_post:hover{ text-decoration: none; }
.met_vertical_post_image{
width: 145px;
float: left;
display: block; }
.met_vertical_post_details_date{ display: block; }
.met_vertical_post_details_title{
display: block;
-webkit-transition: all .3s;
transition: all .3s; }
.met_vertical_post_details_summary.met_p{ margin-top: 5px; }
.met_vertical_post_box .met_blog_block_title{ width: 100%; }
.met_vertical_post_box .met_blog_block_preview + .met_blog_block_details{ padding-left: 30px; }
.met_vertical_post_box .met_blog_block_text{ margin-bottom: 10px; }
.met_blog_block_readmore_text{
display: block;
float: left;
width: 100%; }
/**
* ----------------------------------------------------------------------------------------
* 67.0 - Tabbed Vertical Posts
* ----------------------------------------------------------------------------------------
*/
.met_tabbed_posts .nav-tabs{ border: none; }
.met_tabbed_posts .nav-tabs > li{
margin-bottom: 0;
width: auto;
-webkit-transition: background-color ease .4s;
transition: background-color ease .4s; }
.met_tabbed_posts .nav-tabs > li.active > a,
.met_tabbed_posts .nav-tabs > li > a:hover,
.met_tabbed_posts .nav-tabs > li > a:focus{
cursor: default;
border: none;
background-color: inherit !important; }
.met_tabbed_posts .nav-tabs > li.active > a:hover{ background-color: inherit; }
.met_tabbed_posts .nav-tabs > li > a{
margin-right: 0;
line-height: inherit;
border: none;
border-radius: 0;
background-color: transparent;
-webkit-transition: background-color ease .4s;
transition: background-color ease .4s; }
.met_tabbed_posts .nav > li > a{
position: relative;
display: block;
text-align: center; }
/**
* ----------------------------------------------------------------------------------------
* 68.0 - Simple Post Box
* ----------------------------------------------------------------------------------------
*/
.met_simple_post_box_image,
.met_simple_post_box_image img{
display: block;
width: 100%; }
.met_simple_post_box_image{ margin-bottom: 15px; }
.met_simple_post_box_misc{ margin-right: 5px; }
.met_simple_post_box_title{
display: block;
margin-top: 10px; }
.met_simple_post_box a,
.met_vertical_post.met_post_title_only a{
-webkit-transition: color .3s;
transition: color .3s; }
.met_simple_post_box a:hover,
.met_vertical_post.met_post_title_only a:hover{ text-decoration: none; }
.met_vertical_post_image_caption,
.met_vertical_post_image_caption img{ width: 90px; }
.met_post_title_only a + .met_vertical_post_details{ margin-left: 100px; }
.met_vertical_post .met_vertical_post_details:first-child{margin-left: 0 !important;}
.met_vertical_post.met_post_title_only .met_simple_post_box_title{ font-size: 14px; }
.met_vertical_post.met_post_title_only .met_simple_post_box_title{ margin-top: 3px }
.met_vertical_post.met_post_title_only{ border-top: 1px solid rgba(0, 0, 0, 0.09); }
.met_vertical_post.met_post_title_only:last-child{ padding-bottom: 30px }
/**
* ----------------------------------------------------------------------------------------
* 69.0 - Post List
* ----------------------------------------------------------------------------------------
*/
.met_post_list{ position: relative; }
.met_post_list_part{
width: 50%;
float: left;
position: relative;
z-index: 2; }
.met_post_list_part .met_vertical_post,
.met_post_list_part .met_vertical_post.met_post_title_only{ background-color: transparent; }
.met_post_list:before{
width: 50%;
height: 100%;
position: absolute;
right: 0;
top: 0;
content: '';
display: block;
background-color: rgba(0, 0, 0, 0.09);
z-index: 1; }
/**
* ----------------------------------------------------------------------------------------
* 70.0 - Gallery Grid
* ----------------------------------------------------------------------------------------
*/
.met_gallery_grid_row > article{
float: left;
position: absolute;
height: 100%;
padding: 25px;
overflow: hidden; }
.met_gallery_grid.cols_5 article{ width: 20%; }
.met_gallery_grid.cols_4 article{ width: 25%; }
.met_gallery_grid.cols_3 article{ width: 33.33333333333333%; }
.met_gallery_grid_row{ position: relative; }
.met_gallery_grid_row > article nav{
position: absolute;
left: 0;
bottom: 0;
display: block; }
.met_gallery_grid_row > article .prev,
.met_gallery_grid_row > article .next{
text-align: center;
display: block;
float: left;
-webkit-transition: background-color .3s;
transition: background-color .3s; }
.met_gallery_grid_row > article .next{ background-color: rgba(0, 0, 0, 0.07); }
.met_gallery_grid_row > article nav a:hover{ background-color: rgba(0, 0, 0, 0.15); text-decoration: none; }
.met_gallery_grid.cols_5 .met_gallery_grid_first_row_wrap{ margin-left: 20%; }
.met_gallery_grid.cols_4 .met_gallery_grid_first_row_wrap{ margin-left: 25%; }
.met_gallery_grid.cols_3 .met_gallery_grid_first_row_wrap{ margin-left: 33.33333333333333%; }
.met_gallery_grid_item{
display: block;
float: left;
overflow: hidden; }
.met_gallery_grid.cols_5 .met_gallery_grid_first_row_wrap .met_gallery_grid_item{ width: 25%; }
.met_gallery_grid.cols_4 .met_gallery_grid_first_row_wrap .met_gallery_grid_item{ width: 33.33333333333333%; }
.met_gallery_grid.cols_3 .met_gallery_grid_first_row_wrap .met_gallery_grid_item{ width: 50%; }
.met_gallery_grid.cols_5 > .met_gallery_grid_row > div:not(.met_gallery_grid_first_row_wrap) > div:not(.met_gallery_grid_first_row) > .met_gallery_grid_item{ width: 20%; }
.met_gallery_grid.cols_4 > .met_gallery_grid_row > div:not(.met_gallery_grid_first_row_wrap) > div:not(.met_gallery_grid_first_row) > .met_gallery_grid_item{ width: 25%; }
.met_gallery_grid.cols_3 > .met_gallery_grid_row > div:not(.met_gallery_grid_first_row_wrap) > div:not(.met_gallery_grid_first_row) > .met_gallery_grid_item{ width: 33.33333333333333%; }
.met_gallery_grid_item{ position: relative; }
.met_gallery_grid_item img{
position: relative;
z-index: 1;
width: 100%; }
.met_gallery_grid_item span{
position: absolute;
z-index: 2;
right: 0;
bottom: 0;
display: block;
font-size: 17px;
color: #FFFFFF;
padding: 5px 7px;
opacity: 0;
-webkit-transform: translateX(100%) translateY(100%) translateZ(0);
-ms-transform: translateX(100%) translateY(100%) translateZ(0);
transform: translateX(100%) translateY(100%) translateZ(0);
-webkit-transition: all .25s;
transition: all .25s; }
.met_gallery_grid_item:hover span{
opacity: 0.6;
-webkit-transform: translateX(0) translateY(0) translateZ(0);
-ms-transform: translateX(0) translateY(0) translateZ(0);
transform: translateX(0) translateY(0) translateZ(0); }
/**
* ----------------------------------------------------------------------------------------
* 71.0 - Gallery Carousel 2
* ----------------------------------------------------------------------------------------
*/
.met_gallery_carousel_2_wrap{ position: relative; }
.met_gallery_carousel_2_wrap .prev,
.met_gallery_carousel_2_wrap .next{
text-align: center;
width: 40px;
height: 100%;
position: absolute;
top: 0;
background-color: rgba(255, 255, 255, 0.5);
z-index: 2;
-webkit-transition: all .25s;
transition: all .25s; }
.met_gallery_carousel_2_wrap .prev:hover,
.met_gallery_carousel_2_wrap .next:hover{
text-decoration: none;
color: #FFFFFF;
background-color: #FFCA07; }
.met_gallery_carousel_2_wrap .prev{ left: 0; }
.met_gallery_carousel_2_wrap .next{ right: 0; }
.met_gallery_carousel_2_item{
float: left;
display: block; }
.met_gallery_carousel_2_item img{
display: block;
width: 100%; }
/**
* ----------------------------------------------------------------------------------------
* 72.0 - Flex Slider
* ----------------------------------------------------------------------------------------
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{ outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav{ margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles
*********************************/
.flexslider{ margin: 0; padding: 0; }
.flexslider .slides > li{ display: none; -webkit-backface-visibility: hidden; }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{ width: 100%; display: block; }
.flex-pauseplay span{ text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after{ content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides{ display: block; }
* html .slides{ height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child{ display: block; }
/* Direction Nav */
.flex-direction-nav{ display: none }
.flex-direction-nav a{ width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next{ background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev{ left: -36px; }
.flexslider:hover .flex-next{ opacity: 0.8; right: 5px; }
.flexslider:hover .flex-prev{ opacity: 0.8; left: 5px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{ opacity: 1; }
.flex-direction-nav .disabled{ opacity: .3 !important; filter: alpha(opacity=30); cursor: default; }
/**
* ----------------------------------------------------------------------------------------
* 73.0 - Gallery Slider
* ----------------------------------------------------------------------------------------
*/
.met_gallery_slider .theSlider,
.met_gallery_slider .theCarousel li{
padding: 3px;
border: 1px solid #F0F0F0; }
.met_gallery_slider .theCarousel li{
border-top: none;
border-right: none;
opacity: 0.7;
cursor: pointer;
-webkit-transition: all .2s;
transition: all .2s; }
.met_gallery_slider .theCarousel li:last-child{ border-right: 1px solid #F0F0F0; }
.met_gallery_slider .theCarousel li:hover,
.met_gallery_slider .theCarousel li.flex-active-slide{ opacity: 1; }
/**
* ----------------------------------------------------------------------------------------
* 74.0 - Gallery Thumb Grid
* ----------------------------------------------------------------------------------------
*/
.met_gallery_thumb_grid{
list-style: none;
display: block;
padding: 0; }
.met_gallery_thumb_grid li{
float: left;
padding: 3px;
border: 1px solid #F0F0F0;
cursor: pointer;
width: 20%;
position: relative; }
.met_gallery_thumb_grid.cols_10 li{ width: 10%; }
.met_gallery_thumb_grid.cols_9 li{ width: 11.11111111111111%; }
.met_gallery_thumb_grid.cols_8 li{ width: 12.5%; }
.met_gallery_thumb_grid.cols_7 li{ width: 14.28571428571429%; }
.met_gallery_thumb_grid.cols_6 li{ width: 16.66666666666667%; }
.met_gallery_thumb_grid.cols_5 li{ width: 20%; }
.met_gallery_thumb_grid.cols_4 li{ width: 25%; }
.met_gallery_thumb_grid.cols_3 li{ width: 33.33333333333333%; }
.met_gallery_thumb_grid.cols_2 li{ width: 50%; }
.met_gallery_thumb_grid li a{
position: relative;
display: block; }
.met_gallery_thumb_grid li img{
display: block;
position: relative;
width: 100%;
z-index: 1; }
.met_gallery_thumb_grid li a:after{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
content: '';
display: block;
background-color: rgba(0, 0, 0, 0.07);
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s; }
.met_gallery_thumb_grid.met_gallery_thumb_grid_lightbox_enabled li a:before{
position: absolute;
left: 50%;
top: -100%;
color: #FFFFFF;
z-index: 3;
content: '\f002';
font-family: 'DSLCFontAwesome';
font-size: 15px;
display: block;
opacity: 0;
-webkit-transform: translateY(-50%) translateX(-50%) translateZ(0);
-ms-transform: translateY(-50%) translateX(-50%) translateZ(0);
transform: translateY(-50%) translateX(-50%) translateZ(0);
-webkit-transition: all .3s;
transition: all .3s; }
.met_gallery_thumb_grid li a:hover:after,
.met_gallery_thumb_grid li a:hover:before{ opacity: 1; }
.met_gallery_thumb_grid li a:hover:before{ top: 50%; }
/**
* ----------------------------------------------------------------------------------------
* 75.0 - Gallery Thumb Grid 2
* ----------------------------------------------------------------------------------------
*/
.met_gallery_thumb_grid_2 ul{
width: 50%;
float: left;
list-style: none;
display: block;
padding: 0; }
.met_gallery_thumb_grid_2 .big_caption li a,
.met_gallery_thumb_grid_2 .big_caption li img,
.met_gallery_thumb_grid_2 .big_caption li{
width: 100%;
display: block; }
.met_gallery_thumb_grid_2 .big_caption li{ display: none }
.met_gallery_thumb_grid_2 .big_caption li:first-child{ display: block }
.met_gallery_thumb_grid_2 .big_caption{
border: 1px solid #F0F0F0;
float: left;
padding: 3px; }
.met_gallery_thumb_grid_2 .big_caption a,
.met_gallery_thumb_grid_2 .big_caption img{
display: block;
width: 100%; }
.met_gallery_thumb_grid_2 .met_gallery_thumb_grid li{
-webkit-transition: all .3s;
transition: all .3s; }
.met_gallery_thumb_grid_2 .met_gallery_thumb_grid li:hover,
.met_gallery_thumb_grid_2 .met_gallery_thumb_grid .activeItem{ border-color: #FFCA07; }
/**
* ----------------------------------------------------------------------------------------
* 76.0 - Quote Testimonials Rotator
* ----------------------------------------------------------------------------------------
*/
.met_quote_testimonials_wrapper{ position: static; }
.met_quote_testimonials_item:nth-child(n+1){display: none;}
.met_quote_testimonials_wrapper_nav{
background-color: rgba(0, 0, 0, 0.1);
width: 50px;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
color: #FFFFFF;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s; }
.met_quote_testimonials_wrapper_nav:hover{ background-color: rgba(0, 0, 0, 0.3); text-decoration: none; }
.met_quote_testimonials_wrapper_nav.next{ left: auto; right: 0; }
.met_quote_testimonials_wrapper_nav i{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%) translateZ(0);
-ms-transform: translateY(-50%) translateZ(0);
transform: translateY(-50%) translateZ(0);
-webkit-transition: all .3s;
transition: all .3s; }
/**
* ----------------------------------------------------------------------------------------
* 77.0 - Parallax Contact Form
* ----------------------------------------------------------------------------------------
*/
.met_parallax_contact_form_wrapper{
padding: 40px 30px;
background-color: rgba(53, 57, 61, 0.55);
border-radius: 3px; }
.met_parallax_contact_form_row{
border: 1px solid #FFFFFF;
margin-bottom: 20px;
-webkit-transition: all .3s;
transition: all .3s; }
.met_parallax_contact_form_row:hover{ border-color: #FFCA07; }
.met_parallax_contact_form_input_box{
padding: 18px 20px;
position: relative; }
.met_parallax_contact_form_input_box.half:after{
position: absolute;
content: '';
display: block;
width: 1px;
background-color: #FFFFFF;
right: 0;
top: 20%;
height: 60%;
-webkit-transition: all .3s;
transition: all .3s; }
.met_parallax_contact_form_row:hover .met_parallax_contact_form_input_box.half:after{ background-color: #FFCA07; }
.met_parallax_contact_form_input_box.half.last:after{ display: none; }
.met_parallax_contact_form_row .wpcf7-text,
.met_parallax_contact_form_row .wpcf7-textarea{
padding: 0;
color: #FFFFFF;
font-size: 18px;
line-height: 24px;
background-color: transparent;
width: 100%;
border: none;
-webkit-transition: all .3s;
transition: all .3s; }
.met_parallax_contact_form_row .wpcf7-textarea{ height: 91px; }
.met_parallax_contact_form_row .wpcf7-text:focus,
.met_parallax_contact_form_row .wpcf7-textarea:focus{ color: #FFCA07; }
.met_parallax_contact_form_input_box.half{
width: 50%;
display: inline-block;
float: left; }
.met_parallax_contact_form_row .wpcf7-text::-webkit-input-placeholder{
color: #FFFFFF;
-webkit-transition: all .3s;
transition: all .3s; }
.met_parallax_contact_form_row .wpcf7-textarea::-webkit-input-placeholder{
color: #FFFFFF;
-webkit-transition: all .3s;
transition: all .3s; }
.met_parallax_contact_form_row .wpcf7-text:focus::-webkit-input-placeholder{ color: #FFCA07; }
.met_parallax_contact_form_row .wpcf7-textarea:focus::-webkit-input-placeholder{ color: #FFCA07; }
.met_parallax_contact_form_row .wpcf7-text:-moz-placeholder{
color: #FFFFFF;
-webkit-transition: all .3s;
transition: all .3s; }
.met_parallax_contact_form_row .wpcf7-textarea:-moz-placeholder{
color: #FFFFFF;
-webkit-transition: all .3s;
transition: all .3s; }
.met_parallax_contact_form_row .wpcf7-text:focus:-moz-placeholder{ color: #FFCA07; }
.met_parallax_contact_form_row .wpcf7-textarea:focus:-moz-placeholder{ color: #FFCA07; }
.met_parallax_contact_form_row .wpcf7-text::-moz-placeholder{
color: #FFFFFF;
-webkit-transition: all .3s;
transition: all .3s; }
.met_parallax_contact_form_row .wpcf7-textarea::-moz-placeholder{
color: #FFFFFF;
-webkit-transition: all .3s;
transition: all .3s; }
.met_parallax_contact_form_row .wpcf7-text:focus::-moz-placeholder{ color: #FFCA07; }
.met_parallax_contact_form_row .wpcf7-textarea:focus::-moz-placeholder{ color: #FFCA07; }
.met_parallax_contact_form_row .wpcf7-text::-ms-input-placeholder{
color: #FFFFFF;
-webkit-transition: all .3s;
transition: all .3s; }
.met_parallax_contact_form_row .wpcf7-textarea::-ms-input-placeholder{
color: #FFFFFF;
-webkit-transition: all .3s;
transition: all .3s; }
.met_parallax_contact_form_row .wpcf7-text:focus::-ms-input-placeholder{ color: #FFCA07; }
.met_parallax_contact_form_row .wpcf7-textarea:focus::-ms-input-placeholder{ color: #FFCA07; }
.met_parallax_contact_form_wrapper .wpcf7-form-control-wrap span.wpcf7-not-valid-tip{
overflow: hidden;
position: absolute;
width: 0;
height: 0;
top: 0;
right: 0;
padding: 12px;
line-height: 41px; }
.met_parallax_contact_form_wrapper .wpcf7-form-control-wrap span.wpcf7-not-valid-tip:after{
display: block;
position: absolute;
width: 15px;
height: 24px;
top: 0;
right: 0;
color: #9F4641;
content: 'X';
font-size: 24px;
line-height: 26px; }
.met_parallax_contact_form_submit_row .wpcf7-form-control.wpcf7-submit{
font-size: 18px;
line-height: 50px;
font-weight: 600;
padding: 0 50px;
color: #FFFFFF;
background-color: #363A3D;
border-radius: 4px;
-webkit-transition: all .3s;
transition: all .3s; }
.met_parallax_contact_form_submit_row .wpcf7-form-control.wpcf7-submit:hover{
color: #FFFFFF;
background-color: #FFCA07; }
.met_parallax_contact_form_wrapper + div.wpcf7-validation-errors{
display: block;
width: auto;
text-align: center;
color: #FFFFFF;
border-color: rgba(255, 202, 7, 0.7);
margin: 0; }
/**
* ----------------------------------------------------------------------------------------
* 78.0 - Contact Information
* ----------------------------------------------------------------------------------------
*/
.met_contact_information .met_icon_text a{
display: block;
margin-left: 27px; }
.met_contact_information .met_icon_text a:hover{ text-decoration: none; }
.met_contact_information .met_thin_line_split{ background-color: rgba(221, 221, 221, 0.1); }
.met_contact_information h4,
.met_contact_information .met_icon_text,
.met_contact_information .met_thin_line_split{ margin-bottom: 20px }
/**
* ----------------------------------------------------------------------------------------
* 79.0 - Toggle Google Map
* ----------------------------------------------------------------------------------------
*/
.met_toggle_google_map_toggler{
background-color: #35393D;
color: #FFFFFF;
font-size: 15px;
line-height: 17px;
font-weight: 600;
text-align: center;
padding: 50px 0;
display: block; }
.met_toggle_google_map_toggler i{ margin-left: 10px; }
/**
* ----------------------------------------------------------------------------------------
* 80.0 - Contact Form
* ----------------------------------------------------------------------------------------
*/
.met_form_textarea,
.met_form_textarea textarea{ width: 100%; }
.met_form_textarea textarea{ height: 140px; }
.met_input{ margin-bottom: 10px; display: inline-block; padding: 0 15px; }
.met_half_size_input{ width: 50%; display: inline-block; float: left; }
.met_contact_wrapper{ margin: 0 -15px }
/**
* ----------------------------------------------------------------------------------------
* 81.0 - Timed Post Box
* ----------------------------------------------------------------------------------------
*/
.met_timed_post_box_preview,
.met_timed_post_box_preview img{
display: block;
width: 100%;
position: relative;
z-index: 1; }
.met_timed_post_box_preview{ overflow: hidden; }
.met_timed_post_box_title:hover{ text-decoration: none; }
.met_timed_post_box_details span{ margin-right: 7px; }
.met_timed_post_box_details span:last-child{ margin-right: 0; }
.met_timed_post_box_preview_overlay{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
z-index: 2;
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s; }
.met_timed_post_box:hover .met_timed_post_box_preview_overlay{
opacity: 1;
height: 100%; }
/**
* 81.1 Clock
*/
.met_clock{
position: absolute;
right: 20px;
bottom: 20px;
margin: 0;
border-style: solid;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%; }
.met_clock:after{
content: '';
position: absolute;
bottom: -7px;
width: 60px;
left: 0;
height: 0px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.8);
z-index: -1; }
.met_clock:before{
content: '';
position: absolute;
z-index: 2;
width: 8px;
height: 8px;
background: #333333;
left: 50%;
top: 50%;
margin: -4px 0 0 -4px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%; }
/* Hands */
.met_clock span.hand{
background: #555555;
position: absolute;
left: 50%;
-webkit-animation: rotate 60s infinite linear;
-webkit-transform-origin: left bottom;
-moz-animation: rotate 60s infinite linear;
-moz-transform-origin: left bottom;
-ms-animation: rotate 60s infinite linear;
-ms-transform-origin: left bottom;
-o-animation: rotate 60s infinite linear;
-o-transform-origin: left bottom;
animation: rotate 60s infinite linear;
transform-origin: left bottom; }
.met_clock span.hand.second{
height: 27px;
width: 2px;
margin-left: 0px;
top: 3px; }
@-webkit-keyframes rotate{
0%{ -webkit-transform: rotate(0deg); }
100%{ -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate{
0%{ -moz-transform: rotate(0deg); }
100%{ -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotate{
0%{ -ms-transform: rotate(0deg); }
100%{ -ms-transform: rotate(360deg); }
}
@-o-keyframes rotate{
0%{ -o-transform: rotate(0deg); }
100%{ -o-transform: rotate(360deg); }
}
@keyframes rotate{
0%{ transform: rotate(0deg); }
100%{ transform: rotate(360deg); }
}
/**
* ----------------------------------------------------------------------------------------
* 82.0 - Box Carousel Testimonials
* ----------------------------------------------------------------------------------------
*/
.met_content_box_slider .met_content_box_contents_text{
float: none;
margin-left: 230px; }
.met_content_box_slider .met_overlay_wrapper{ width: 200px; }
.met_content_box_slider .met_overlay_wrapper img{ width: 100% }
.met_content_box_slider .met_p{
display: block;
margin-top: 15px; }
.met_content_box_slider_2 .met_overlay_wrapper{ width: 80px; }
.met_content_box_slider_2 .met_content_box_contents_text{
margin-left: 100px;
padding: 21px 0 0; }
.met_content_box_slider_2 .met_p{
padding: 30px 30px 0;
border-top: 1px solid rgba(0, 0, 0, 0.03);
margin: 20px -30px 0; }
.met_content_box_slider_2 h4{
font-size: 18px;
line-height: 22px;
font-weight: 400; }
.met_content_box_slider_2 h5{
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #898381; }
/**
* ----------------------------------------------------------------------------------------
* 83.0 - Products List
* ----------------------------------------------------------------------------------------
*/
.met_products_list_item_preview{
float: left;
display: block;
position: relative; }
.met_products_list_item_preview img{
position: relative;
z-index: 1;
display: block;
width: 100%; }
.met_products_list_item_preview_overlay{
position: absolute;
right: 0;
bottom: 0;
z-index: 2; }
.met_products_list_item_details{ padding: 25px 20px 0 20px; }
.met_products_list_item_details .met_p{ text-shadow: none; }
.met_products_list_item:nth-child(2n){ background-color: rgba(0, 0, 0, 0.03); }
.met_products_list_item_title{
margin-bottom: 5px;
display: block; }
/**
* ----------------------------------------------------------------------------------------
* 84.0 - Side Navbar
* ----------------------------------------------------------------------------------------
*/
.met_side_navbar_left{ padding-left: 270px; }
.met_side_navbar_right{ padding-right: 270px; }
.met_side_navbar_wrap{
position: absolute;
top: 0;
width: 270px;
height: 100%;
background-color: white;
z-index: 30; }
.met_side_navbar{
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0); }
.met_side_navbar_left .met_side_navbar_wrap{ left: 0; }
.met_side_navbar_right .met_side_navbar_wrap{ right: 0; }
.met_side_navbar_linkstop{ border-bottom: 1px solid #EEEFF0; }
/**
* 84.1 Language
*/
.met_side_navbar .met_header_language,
.met_side_navbar .met_header_language .met_active_language{
width: auto;
min-width: 40px; }
.met_side_navbar .met_header_language{ padding-right: 10px; }
.met_side_navbar .met_header_language .met_active_language:hover{ text-decoration: none }
.met_side_navbar .met_header_language .met_active_language img,
.met_side_navbar .met_header_language .met_active_language i{
display: inline-block;
float: none; }
.met_side_navbar .met_header_language .met_active_language i{
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px); }
.met_side_navbar .met_header_links,
.met_side_navbar .met_header_language{
line-height: 40px;
height: 40px; }
/**
* 84.2 Search
*/
.met_sidenav_search{
background-color: #FAFAFA;
border-top: 1px solid #EDEFEF;
border-bottom: 1px solid #EDEFEF;
height: 40px;
line-height: 40px; }
.met_sidenav_search input{
height: inherit;
line-height: inherit;
padding: 0 10px;
width: 85%;
border: none;
display: inline-block;
background: none;
margin: 0;
box-shadow: none;
float: left; }
.met_sidenav_search button{
background: none;
border: none;
line-height: 38px;
width: 15%;
padding: 0;
-webkit-transition: all .3s;
transition: all .3s; }
.met_sidenav_search button:hover{ background: rgba(0, 0, 0, 0.03); }
.met_header_socials.met_sidenav_socials{
text-align: center;
margin-top: 20px;
margin-bottom: 20px; }
/**
* 84.3 Logo
*/
.met_side_navbar .met_logo{
text-align: center;
border: none;
padding-right: 0;
display: block;
float: none; }
.met_side_navbar .met_logo div{
float: none;
display: inline-block;
max-width: 100%; }
/**
* 84.4 Primary Nav
*/
.met_side_navbar nav{ margin-bottom: 150px }
.met_side_navbar .met_primary_nav{
padding-left: 0 !important;
position: static }
.met_side_navbar .met_primary_nav > li ul{
left: 100%;
top: 0;
/*overflow: hidden;*/
-webkit-backface-visibility: hidden; }
.met_side_navbar_right .met_side_navbar .met_primary_nav > li ul{
left: auto;
right: 100%; }
.met_primary_nav > li.menu-item > ul{ display: none; }
.met_side_navbar .met_primary_nav > li > ul a.menu-link{ text-align: left; }
.met_side_navbar_right .met_side_navbar .met_primary_nav > li > ul a.menu-link{ text-align: right; }
.met_side_navbar .met_primary_nav > li{
display: block;
float: left;
width: 100%; }
.met_side_navbar .met_primary_nav > li > a{
display: block;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.06);
float: left;
padding: 0 20px; }
/*.met_side_navbar .met_primary_nav li a.menu-link span{ display: block; }*/
.met_side_navbar .met_primary_nav li.menu-item.met_primary_nav_mega,
.met_side_navbar .met_primary_nav li.menu-item.met_primary_nav_posts,
.met_side_navbar .met_primary_nav li.menu-item.met_primary_nav_mega_posts{position: relative;}
/**
* ----------------------------------------------------------------------------------------
* 85.0 - Twitter Box Feed
* ----------------------------------------------------------------------------------------
*/
.met_twitter_box_feed_wrap{ background-color: #50C5F6; }
.met_twitter_box_feed_wrap header{
background-color: rgba(0, 0, 0, 0.07);
padding: 25px;
color: #FFFFFF; }
.met_twitter_box_feed_wrap header > i{
font-size: 45px;
float: left; }
.met_twitter_box_feed_wrap header nav{ float: right; }
.met_twitter_box_feed_wrap header nav a{
width: 40px;
height: 40px;
line-height: 40px;
color: #FFFFFF;
text-align: center;
display: inline-block; }
.met_twitter_box_feed_wrap header span{
line-height: 45px;
font-size: 25px;
float: left;
margin-left: 10px; }
.met_twitter_box_feed_item{
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
padding: 30px;
height: 100px;
overflow: hidden; }
.met_twitter_box_feed_item i{
color: #FFFFFF;
font-size: 30px;
float: left; }
.met_twitter_box_feed_item_content{
padding-left: 40px;
color: #FFFFFF; }
/**
* ----------------------------------------------------------------------------------------
* 86.0 - Contact Form 7
* ----------------------------------------------------------------------------------------
*/
.wpcf7-form{ position: relative; }
.wpcf7-text,
.wpcf7-textarea{
border: 1px solid #E1E1E1;
font-size: 12px;
line-height: 17px;
color: #373B3D; }
.wpcf7-form-control-wrap{ display: block !important; }
.wpcf7-form-control{
display: block;
width: 100%; }
.wpcf7-textarea{ padding: 15px; }
.wpcf7-form-control.wpcf7-submit{
width: auto;
color: #000000;
font-size: 14px;
padding: 11px 32px;
display: inline-block;
border: none; }
.wpcf7-form p{ line-height: 40px; }
.wpcf7-form .ajax-loader{ margin-left: 20px; }
/**
* ----------------------------------------------------------------------------------------
* 87.0 - Header Title Carousel
* ----------------------------------------------------------------------------------------
*/
.met_header_title_carousel{
float: right;
width: 70%; }
.met_title_rotator > .met_title_rotator_title{
padding: 0;
float: left;
height: 100%; }
.met_header_title_carousel .met_title_rotator > div a{ color: #7F7B6F; }
/**
* ----------------------------------------------------------------------------------------
* 88.0 - Posts Carousel 2
* ----------------------------------------------------------------------------------------
*/
.met_portfolio_carousel .met_portfolio_item{
float: left;
-webkit-backface-visibility: hidden; }
.met_portfolio_carousel_wrapper{
padding: 0 60px;
position: relative; }
.met_portfolio_carousel_nav{
width: 30px;
height: 100%;
position: absolute;
top: 0;
color: #373B3E;
border: 1px solid transparent;
-webkit-transition: all .3s;
transition: all .3s; }
.met_portfolio_carousel_nav:hover{
border-color: #EFEEE9;
background-color: transparent;
text-decoration: none; }
.met_portfolio_carousel_nav.prev{ left: 0; }
.met_portfolio_carousel_nav.next{ right: 0; }
/**
* ----------------------------------------------------------------------------------------
* 89.0 - Hotel Availability Check Form
* ----------------------------------------------------------------------------------------
*/
.met_hotel_availability_wrap{
padding: 30px 25px;
background-color: #3F464D; }
.met_hotel_availability_wrap.met_hotel_reservation_box{
background-color: #251B1C;
background-image: url('../img/hotel_reservation_bg.png');
background-repeat: repeat-y;
background-position: center;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
overflow: hidden; }
.met_hotel_availability_title{
font-size: 24px;
line-height: 42px;
font-weight: 600;
width: 14.5%; }
.met_hotel_availability_wrap br{ display: none; }
.met_hotel_availability_wrap > span{
float: left;
margin-right: 10px; }
.met_hotel_availability_wrap input[type=date]{
padding: 0 10px;
height: 42px; }
.met_hotel_availability_wrap input[type=submit]{
height: 42px;
}
.met_hotel_availability_wrap input[type=email]{
padding: 9.5px 10px;
height: 42px; }
.met_hotel_availability_wrap select{
background-color: #FFFFFF;
border: none;
color: #787773;
padding: 9px 10px; }
.met_hotel_availability_wrap .wpcf7-form-control-wrap.min-date,
.met_hotel_availability_wrap .wpcf7-form-control-wrap.your-email,
.met_hotel_availability_wrap .wpcf7-form-control-wrap.your-location{ width: 16%; }
.met_hotel_availability_wrap .wpcf7-form-control-wrap.your-adults,
.met_hotel_availability_wrap .wpcf7-form-control-wrap.your-children{ width: 10%; }
.met_hotel_availability_wrap .wpcf7-not-valid-tip{
color: #9F4641;
font-size: 11px;
margin-top: 12px;
line-height: 14px; }
.met_hotel_availability_wrap + .wpcf7-validation-errors{
display: block;
border-width: 1px;
position: absolute;
left: 0;
bottom: 0;
margin: 0;
color: #FFCA07;
border-color: rgba(255, 255, 255, 0.4);
font-size: 11px;
width: 100%;
text-align: center; }
/**
* ----------------------------------------------------------------------------------------
* 90.0 - Dropcaps
* ----------------------------------------------------------------------------------------
*/
.met_dropcap{
font-size: 48px;
margin-right: 6px;
padding-top: 11px;
text-transform: uppercase;
float: left;
position: relative;
padding-bottom: 11px;
top: 0;
font-weight: 700; }
.met_dropcap.cubic{
width: 40px;
height: 40px;
line-height: 16px;
font-size: 30px;
background-color: #EFEFEF;
text-align: center;
top: 4px; }
.met_dropcap.cubic.circle{ border-radius: 50%; }
/**
* ----------------------------------------------------------------------------------------
* 91.0 - Page Information Bar Navigation
* ----------------------------------------------------------------------------------------
*/
.pib_nav{ float: right; padding-right: 20px }
.pib_nav a{
width: 60px;
height: 60px;
line-height: 60px;
font-size: 20px;
color: #393939;
display: inline-block;
text-align: center;
border-left: 1px solid #E6E7E8; }
/**
* ----------------------------------------------------------------------------------------
* 92.0 - Blog List Module
* ----------------------------------------------------------------------------------------
*/
.met_blog_module .entry-title{
font-size: 40px;
line-height: 55px;
padding: 0 100px 0 0;
display: block; }
.met_blog_module_item{ margin-bottom: 50px }
.met_blog_module_item:last-child{ margin-bottom: 0 }
.met_blog_module_preview:empty{ display: none; }
.met_blog_module_preview{ position: relative; }
.met_blog_module_preview > a > img{margin: 0 auto;}
.met_blog_module_preview_caption{
position: relative;
bottom: 0;
left: 0;
width: 100%;
padding: 30px;
background-color: rgba(0, 0, 0, 0.5); }
.met_blog_module_preview img + .met_blog_module_preview_caption{ position: absolute; }
.met_blog_module_contents{
float: left;
width: 100%;
max-width: 595px; }
.met_blog_module_item_helpers{
float: left;
width: 80px;
text-align: right; }
.met_blog_module_item_helper{
display: inline-block;
position: relative;
margin-bottom: 10px;
cursor: pointer; }
.met_blog_module_item_helper:last-child{ margin-bottom: 0 }
.met_blog_module_item_helper:hover .met_blog_module_item_helper_details{ display: block; }
.met_blog_module_item_helper_details{
display: none;
background-color: #393939;
padding: 10px 15px;
text-align: left;
width: 250px;
position: absolute;
left: 90px;
top: 0; }
.met_blog_module_item_helper:before{ display: block; width: 20px; height: 70px; left: 70px; top: 0; content: ''; position: absolute; }
.met_blog_module_item_helper_icon{
width: 70px;
height: 70px;
padding: 6px;
font-size: 12px;
text-align: center;
border-radius: 4px;
border: 1px solid #FFCA07;
-webkit-transition: all .2s;
transition: all .2s; }
.met_blog_module_item_helper_icon_contents{
-webkit-transform: scale(1);
-ns-transform: scale(1);
transform: scale(1);
-webkit-transition: all .2s;
transition: all .2s; }
.met_blog_module_item_helper:hover .met_blog_module_item_helper_icon{
background-color: #393939;
border-color: #393939; }
.met_blog_module_item_helper:hover .met_blog_module_item_helper_icon_contents{
color: #FFFFFF;
-webkit-transform: scale(0.9);
-ns-transform: scale(0.9);
transform: scale(0.9); }
.met_blog_module_item_helper_icon i{ font-size: 30px; }
.met_blog_module_item_helper_icon_title{
line-height: 15px;
font-size: 10px;
text-transform: uppercase; }
.met_blog_module_item_helper_title{
color: #FFFFFF;
display: block;
margin-bottom: 5px; }
.met_blog_module_item_helper_share + .met_blog_module_item_helper_details .met_blog_module_item_helper_title{ text-align: center; }
.met_blog_module_item_helper_details .met_hard_line_split, .met_blog_module_item_helper_details .met_about_author img{ display: none; }
.met_blog_module_item_helper_details .met_about_author div{ margin-left: 0 }
.met_blog_module_item_helper_details .met_about_author h4,
.met_blog_module_item_helper_link{
color: #9F4641;
font-size: 13px;
margin-bottom: 0; }
.met_blog_module_item_helper_link{ font-size: 12px; }
.met_blog_module_item_helper_details .met_about_author p{
color: #FFFFFF;
font-size: 12px; }
.met_blog_module_item_helper_social{
font-size: 20px;
margin-right: 10px;
color: #FFFFFF; }
.met_blog_module_item_helper_social:last-child{ margin-right: 0 }
.met_blog_module_item_helper_socials{ text-align: center }
.met_blog_module_item_helper_details:before{
display: block;
position: absolute;
width: 15px;
height: 15px;
background-color: inherit;
content: '';
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
left: -7.5px;
top: 27.5px; }
.met_blog_module_details:empty{ display: none; }
.met_blog_module_details{
margin: 30px 0 20px;
font-size: 20px;
line-height: 1.5;
color: #393939; }
.met_blog_module_details img{ max-width: 100%; }
.met_blog_module_preview:empty + .met_blog_module_details{ margin-top: 0 }
.met_special_post_detail{
padding: 20px 30px;
background-color: #FFCA07; }
.met_special_post_detail.met_special_post_detail_on_image{
background-color: rgba(255, 202, 7, 0.5);
}
.format-quote .met_special_post_detail.met_special_post_detail_on_image{ background-color: rgba(159, 70, 65, 0.5); }
.format-quote .met_special_post_detail{ background-color: rgb(159, 70, 65); }
.met_special_post_detail.met_special_post_detail_on_image{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-height: 100%; }
.met_special_post_detail > p{
display: inline-block;
margin: 0; }
.met_special_post_detail a,
.met_special_post_detail blockquote,
.met_special_post_detail blockquote cite,
.met_special_post_detail q,
.met_special_post_detail q cite{
color: #FFFFFF;
font-size: 35px;
line-height: 1.1;
padding: 0;
border: none;
margin: 0; }
.met_special_post_detail blockquote a {font-size: inherit;}
.met_special_post_detail:not(.met_special_post_detail_on_image) blockquote:before,
.met_special_post_detail:not(.met_special_post_detail_on_image) blockquote:after{
font-size: inherit;
font-family: 'FontAwesome';
color: inherit;
opacity: 0.7;
}
.met_special_post_detail:not(.met_special_post_detail_on_image) blockquote:before{
content: "\f10d";
margin-right: 10px;
}
.met_special_post_detail:not(.met_special_post_detail_on_image) blockquote:after{
content: "\f10e";
margin-left: 10px;
float: right;
}
.met_special_post_detail blockquote cite,
.met_special_post_detail q cite{
font-style: italic;
font-size: 30px;
text-align: right;
display: block; }
.met_special_post_detail blockquote,
.met_special_post_detail q{ font-size: 20px; }
.met_special_post_detail blockquote cite,
.met_special_post_detail q cite{ font-size: 19px; }
.format-quote .met_special_post_detail.met_special_post_detail_on_image{
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%); }
.format-link .met_special_post_detail a:before {
color: #FFFFFF;
font-size: 25px;
line-height: 43px;
vertical-align: top;
margin-right: 10px;
position: static;
display: inline-block;
font-family: 'DSLCFontAwesome';
content: '\f0c1'; }
/**
* ----------------------------------------------------------------------------------------
* 93.0 - Keyframe Effects
* ----------------------------------------------------------------------------------------
*/
/**
* 93.1 to Bottom from Top
*/
@-webkit-keyframes toTopFromBottom{
49%{ -webkit-transform: translateY(100%) translateZ(0); }
50%{ opacity: 0; -webkit-transform: translateY(-100%) translateZ(0); }
51%{ opacity: 1; }
}
@-ms-keyframes toTopFromBottom{
49%{ -ms-transform: translateY(100%) translateZ(0); }
50%{ opacity: 0; -ms-transform: translateY(-100%) translateZ(0); }
51%{ opacity: 1; }
}
@keyframes toTopFromBottom{
49%{ transform: translateY(100%) translateZ(0); }
50%{ opacity: 0; transform: translateY(-100%) translateZ(0); }
51%{ opacity: 1; }
}
/**
* 93.2 to Right from Left
*/
@-webkit-keyframes toRightFromLeft{
49%{ -webkit-transform: translate(100%) translateZ(0); }
50%{ opacity: 0; -webkit-transform: translate(-100%) translateZ(0); }
51%{ opacity: 1; }
}
@-ms-keyframes toRightFromLeft{
49%{ -ms-transform: translate(100%) translateZ(0); }
50%{ opacity: 0; -ms-transform: translate(-100%) translateZ(0); }
51%{ opacity: 1; }
}
@keyframes toRightFromLeft{
49%{ transform: translate(100%) translateZ(0); }
50%{ opacity: 0; transform: translate(-100%) translateZ(0); }
51%{ opacity: 1; }
}
/**
* 93.3 to Left from Right
*/
@-webkit-keyframes toLeftFromRight{
49%{ -webkit-transform: translate(-100%) translateZ(0); }
50%{ opacity: 0; -webkit-transform: translate(100%) translateZ(0); }
51%{ opacity: 1; }
}
@-ms-keyframes toLeftFromRight{
49%{ -ms-transform: translate(-100%) translateZ(0); }
50%{ opacity: 0; -ms-transform: translate(100%) translateZ(0); }
51%{ opacity: 1; }
}
@keyframes toLeftFromRight{
49%{ transform: translate(-100%) translateZ(0); }
50%{ opacity: 0; transform: translate(100%) translateZ(0); }
51%{ opacity: 1; }
}
/**
* 93.4 to Top from Bottom
*/
@-webkit-keyframes toBottomFromTop{
49%{ -webkit-transform: translateY(-100%) translateZ(0); }
50%{ opacity: 0; -webkit-transform: translateY(100%) translateZ(0); }
51%{ opacity: 1; }
}
@-ms-keyframes toBottomFromTop{
49%{ -ms-transform: translateY(-100%) translateZ(0); }
50%{ opacity: 0; -ms-transform: translateY(100%) translateZ(0); }
51%{ opacity: 1; }
}
@keyframes toBottomFromTop{
49%{ transform: translateY(-100%) translateZ(0); }
50%{ opacity: 0; transform: translateY(100%) translateZ(0); }
51%{ opacity: 1; }
}
/**
* 94.5 Spin Around
*/
@-webkit-keyframes spinAround{
from{ -webkit-transform: rotate(0deg) translateZ(0); }
to{ -webkit-transform: rotate(360deg) translateZ(0); }
}
@-ms-keyframes spinAround{
from{ -ms-transform: rotate(0deg) translateZ(0); }
to{ -ms-transform: rotate(360deg) translateZ(0); }
}
@keyframes spinAround{
from{ transform: rotate(0deg) translateZ(0); }
to{ transform: rotate(360deg) translateZ(0); }
}
/**
* ----------------------------------------------------------------------------------------
* 94.0 - Magnific Popup Effect
* ----------------------------------------------------------------------------------------
*/
/* at start */
.mfp-3d.mfp-wrap .mfp-content {
opacity: 0;
max-width: 100%;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) translateZ(0) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) translateZ(0) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) translateZ(0) perspective( 600px ) rotateX( 10deg );}
/* animate in */
.mfp-3d.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: translateY(0) translateZ(0) perspective( 600px ) rotateX( 0 );
-ms-transform: translateY(0) translateZ(0) perspective( 600px ) rotateX( 0 );
transform: translateY(0) translateZ(0) perspective( 600px ) rotateX( 0 );}
/* animate out */
.mfp-3d.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
-webkit-transform: translateY(-10px) translateZ(0) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-10px) translateZ(0) perspective( 600px ) rotateX( 10deg );
transform: translateY(-10px) translateZ(0) perspective( 600px ) rotateX( 10deg );}
/* Dark overlay, start state */
.mfp-3d.mfp-bg {
opacity: 0.01;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;}
/* animate in */
.mfp-3d.mfp-ready.mfp-bg {opacity: 0.8;}
/* animate out */
.mfp-3d.mfp-removing.mfp-bg {opacity: 0;}
/* DEMO SHOWCASE */
.demo-showcase-box {
width:auto;
height:auto;
background:#FFF;
margin:40px auto;
padding:20px;
box-sizing: initial;
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.demo-showcase-box:before, .demo-showcase-box:after{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:10px;
bottom:10px;
left:0;
right:0;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;}
.demo-showcase-box:after{
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);}
.mfp-zoom-in .mfp-figure {
opacity: 0;
transition: all 0.3s ease-out;
transform: scale(0.9);
}
.mfp-zoom-in.mfp-bg,
.mfp-zoom-in .mfp-preloader {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-image-loaded .mfp-figure {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-figure {
transform: scale(0.9);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg,
.mfp-zoom-in.mfp-removing .mfp-preloader {
opacity: 0;
}
/* CSS-based preloader */
.mfp-preloader {
width: 30px;
height: 30px;
background-color: #FFF;
opacity: 0.65;
margin: 0 auto;
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
-moz-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
}
@-moz-keyframes rotateplane {
0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
}
@keyframes rotateplane {
0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
}
.mfp-force-scrollbars.mfp-wrap {
overflow-y: auto !important;
overflow-x: auto !important;
}
.mfp-force-scrollbars .mfp-img {
max-width: none;
max-height: none !important;
}
.mfp-force-scrollbars .mfp-close {
position: fixed;
}
.mfp-img {
cursor: pointer;
-webkit-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
}
.mfp-image-loaded .mfp-img {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-image-loaded .mfp-img.mfp-natural {
cursor: e-resize;
}
.mfp-nothing-to-do-here.mfp-img,
.mfp-force-scrollbars .mfp-img {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
/**
* ----------------------------------------------------------------------------------------
* 95.0 - Item Showcase
* ----------------------------------------------------------------------------------------
*/
.met_item_showcase_mockup_wrapper{
text-align: center;
margin-bottom: 90px; }
.met_item_showcase_mockup{
position: relative;
margin-bottom: 20px;
display: inline-block;
border: 5px solid #F5F5F5;
box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); }
.met_item_showcase_image{
width: 100%;
display: block; }
.met_item_showcase_mockup_wrapper .btn{display: inline-block;}
.met_item_showcase_btn_wrap{text-align: center;}
/**
* ----------------------------------------------------------------------------------------
* 96.0 - Thumbnail Grid
* ----------------------------------------------------------------------------------------
*/
.og-grid {
list-style: none;
padding: 0;
margin: 0 -15px;
text-align: center;
width: auto;
font-size: 0;
}
.og-grid li {padding: 0 15px;}
.og-grid.no_gap li {padding: 0;}
.og-grid.no_gap li {margin-bottom: 0;}
.og-grid.columns_6 li {width: 16.666%;}
.og-grid.columns_4 li {width: 25%;}
.og-grid.columns_3 li {width: 33.33333333%;}
.og-grid.columns_2 li {width: 50%;}
.og-grid li {
display: inline-block;
margin: 0 0 30px 0;
vertical-align: top;
-webkit-backface-visibility: hidden;
}
.og-grid li .og-grid-link,
.og-grid li .og-grid-link img {
border: none;
outline: none;
display: block;
position: relative;
width: 100%;
}
.og-grid li.og-expanded figure::after {
top: auto;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #ddd;
border-width: 15px;
left: 50%;
margin: -20px 0 0 -15px;
z-index: 1;
}
.og-expander {
position: absolute;
background: #ddd;
top: auto;
left: 0;
width: 100%;
margin-top: 10px;
text-align: left;
height: 0;
overflow: hidden;
}
.og-expander-inner {
padding: 50px 30px;
height: 100%;
}
.og-close {
position: absolute;
width: 40px;
height: 40px;
top: 20px;
right: 20px;
cursor: pointer;
}
.og-close::before,
.og-close::after {
content: '';
position: absolute;
width: 100%;
top: 50%;
height: 1px;
left: 0;
background: #888;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.og-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.og-close:hover::before,
.og-close:hover::after {
background: #333;
}
.og-fullimg{width: 50%;}
.og-fullimg,
.og-details {
float: left;
height: 100%;
overflow: hidden;
position: relative;
}
.og-details{width: 100%;}
.og-fullimg + .og-details{ width: 50%; }
.og-details {
padding: 0 40px 0 20px;
}
.og-fullimg {
text-align: center;
}
.og-fullimg img {
display: inline-block;
max-height: 100%;
max-width: 100%;
}
.og-details h3 {
font-weight: 300;
font-size: 52px;
padding: 40px 0 10px;
margin-bottom: 10px;
}
.og-details p {
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #999;
}
.og-details a {
font-weight: 700;
font-size: 16px;
color: #333;
text-transform: uppercase;
letter-spacing: 2px;
padding: 10px 20px;
border: 3px solid #333;
display: inline-block;
margin: 30px 0 0;
outline: none;
}
.og-details a::before {
content: '\2192';
display: inline-block;
margin-right: 10px;
}
.og-details a:hover {
border-color: #999;
color: #999;
}
.og-loading {
width: 20px;
height: 20px;
border-radius: 50%;
background: #ddd;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
-webkit-animation: loader 0.5s infinite ease-in-out both;
-moz-animation: loader 0.5s infinite ease-in-out both;
animation: loader 0.5s infinite ease-in-out both;
}
@-webkit-keyframes loader {
0% { background: #ddd; }
33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}
@-moz-keyframes loader {
0% { background: #ddd; }
33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}
@keyframes loader {
0% { background: #ddd; }
33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}
@media screen and (max-width: 830px) {
.og-expander h3 { font-size: 32px; }
.og-expander p { font-size: 13px; }
.og-expander a { font-size: 12px; }
}
@media screen and (max-width: 650px) {
.og-fullimg { display: none; }
.og-details { float: none; width: 100%; }
}
/**
* ----------------------------------------------------------------------------------------
* 97.0 - Hover Effects
* ----------------------------------------------------------------------------------------
*/
/* Common style */
.met_hover_effect {
position: relative;
z-index: 1;
display: block;
text-align: center;
cursor: pointer;
background: #3085a3;
overflow: hidden;
}
.met_hover_effect .og-grid-link {
position: relative;
display: block;
min-height: 100%;
opacity: 0.35;
}
.met_hover_effect_preview_caption{
position: relative;
overflow: hidden;
}
.met_hover_effect figcaption {
padding: 8%;
color: #fff;
text-transform: uppercase;
font-size: 20px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.met_hover_effect figcaption h2{color: #fff;}
.met_hover_effect figcaption::before,
.met_hover_effect figcaption::after {
pointer-events: none;
}
.met_hover_effect figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.met_hover_effect .met_hover_effect_preview_caption {
z-index: 1;
}
.met_hover_effect h2 {
word-spacing: -2.4px;
font-weight: 300;
}
.met_hover_effect h2 span {
font-weight: 800;
}
.met_hover_effect h2,
.met_hover_effect p {
margin: 0;
}
.met_hover_effect p {
letter-spacing: 1px;
font-size: 14px;
}
/* Individual effects */
/*---------------*/
/***** Lily *****/
/*---------------*/
.met_hover_effect.effect-lily a {
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.2) translate3d(-40px,0, 0);
transform: scale(1.2) translate3d(-40px,0, 0);
}
.met_hover_effect.effect-lily figcaption {
top: auto;
bottom: 0;
height: 50%;
text-align: left;
}
.met_hover_effect.effect-lily h2,
.met_hover_effect.effect-lily p {
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
.met_hover_effect.effect-lily h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.met_hover_effect.effect-lily p {
color: rgba(255,255,255,0.6);
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
.met_hover_effect.effect-lily:hover a,
.met_hover_effect.effect-lily:hover p {
opacity: 1;
}
.met_hover_effect.effect-lily:hover a,
.met_hover_effect.effect-lily:hover h2,
.met_hover_effect.effect-lily:hover p {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.met_hover_effect.effect-lily:hover p {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}
/*---------------*/
/***** Sadie *****/
/*---------------*/
.met_hover_effect.effect-sadie figcaption:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
}
.met_hover_effect.effect-sadie h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #484c61;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
.met_hover_effect.effect-sadie figcaption:before,
.met_hover_effect.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.met_hover_effect.effect-sadie p {
position: absolute;
bottom: 0;
left: 0;
padding: 32px;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
.met_hover_effect.effect-sadie:hover h2 {
color: #fff;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
.met_hover_effect.effect-sadie:hover figcaption:before ,
.met_hover_effect.effect-sadie:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*---------------*/
/***** Roxy *****/
/*---------------*/
.met_hover_effect.effect-roxy {
background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}
.met_hover_effect.effect-roxy a {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.3) translate3d(-50px,0,0);
transform: scale(1.3) translate3d(-50px,0,0);
}
.met_hover_effect.effect-roxy figcaption:before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0);
}
.met_hover_effect.effect-roxy figcaption {
padding: 48px;
text-align: left;
}
.met_hover_effect.effect-roxy h2 {
padding: 30% 0 10px 0;
}
.met_hover_effect.effect-roxy p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
}
.met_hover_effect.effect-roxy:hover a {
opacity: 0.7;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.met_hover_effect.effect-roxy:hover figcaption:before,
.met_hover_effect.effect-roxy:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*---------------*/
/***** Bubba *****/
/*---------------*/
.met_hover_effect.effect-bubba {
background: #9e5406;
}
.met_hover_effect.effect-bubba a {
opacity: 0.7;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.met_hover_effect.effect-bubba:hover a {
opacity: 0.4;
}
.met_hover_effect.effect-bubba figcaption:before,
.met_hover_effect.effect-bubba figcaption:after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.met_hover_effect.effect-bubba figcaption:before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.met_hover_effect.effect-bubba figcaption:after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
.met_hover_effect.effect-bubba h2 {
padding-top: 30%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}
.met_hover_effect.effect-bubba p {
padding: 20px 40px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
.met_hover_effect.effect-bubba:hover figcaption:before,
.met_hover_effect.effect-bubba:hover figcaption:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.met_hover_effect.effect-bubba:hover h2,
.met_hover_effect.effect-bubba:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*---------------*/
/***** Romeo *****/
/*---------------*/
.met_hover_effect.effect-romeo {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.met_hover_effect.effect-romeo a {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,0,300px);
transform: translate3d(0,0,300px);
}
.met_hover_effect.effect-romeo:hover a {
opacity: 0.6;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.met_hover_effect.effect-romeo figcaption:before,
.met_hover_effect.effect-romeo figcaption:after {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: currentColor;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.met_hover_effect.effect-romeo:hover figcaption:before {
opacity: 0.5;
-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
transform: translate3d(-50%,-50%,0) rotate(45deg);
}
.met_hover_effect.effect-romeo:hover figcaption:after {
opacity: 0.5;
-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
transform: translate3d(-50%,-50%,0) rotate(-45deg);
}
.met_hover_effect.effect-romeo h2,
.met_hover_effect.effect-romeo p {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.met_hover_effect.effect-romeo h2 {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}
.met_hover_effect.effect-romeo p {
padding: 4px 32px;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}
.met_hover_effect.effect-romeo:hover h2 {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}
.met_hover_effect.effect-romeo:hover p {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}
/*---------------*/
/***** Layla *****/
/*---------------*/
.met_hover_effect.effect-layla {
background: rgb(55, 59, 61);
}
.met_hover_effect.effect-layla a {
min-width: 100%;
}
.met_hover_effect.effect-layla figcaption {
padding: 48px 0;
}
.met_hover_effect.effect-layla figcaption:before,
.met_hover_effect.effect-layla figcaption:after {
position: absolute;
content: '';
opacity: 0;
}
.met_hover_effect.effect-layla figcaption:before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.met_hover_effect.effect-layla figcaption:after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.met_hover_effect.effect-layla h2 {
margin-top: 26%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.met_hover_effect.effect-layla p {
text-transform: none;
opacity: 0;
margin-top: 5px;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
}
.met_hover_effect.effect-layla h2,
.met_hover_effect.effect-layla p{
position: relative;
padding: 0 50px;
text-shadow: 2px 2px 0px rgba(0,0,0,0.4);
}
.met_hover_effect.effect-layla h2:before,
.met_hover_effect.effect-layla p:before{
display: block;
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
opacity: 0;
content: '';
z-index: -1;
background-color: rgba(55, 59, 61, 0.65);
-webkit-transition: opacity 0.25s, width 0.75s;
transition: opacity 0.25s, width 0.75s;
}
.met_hover_effect.effect-layla p:before{left: auto; right: 0;}
.met_hover_effect.effect-layla a{
-webkit-transform: scale(1.05) translate3d(0,-30px,0);
transform: scale(1.05) translate3d(0,-30px,0);
}
.met_hover_effect.effect-layla h2 {
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
.met_hover_effect.effect-layla a,
.met_hover_effect.effect-layla p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.met_hover_effect.effect-layla figcaption:before,
.met_hover_effect.effect-layla figcaption:after{
-webkit-transition: opacity 0.65s, -webkit-transform 0.85s;
transition: opacity 0.65s, transform 0.85s;}
.met_hover_effect.effect-layla:hover a {
opacity: 1;
-webkit-transform: scale(1) translate3d(0,0,0);
transform: scale(1) translate3d(0,0,0);
}
.met_hover_effect.effect-layla:hover figcaption:before,
.met_hover_effect.effect-layla:hover figcaption:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.met_hover_effect.effect-layla:hover h2,
.met_hover_effect.effect-layla:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.met_hover_effect.effect-layla:hover h2:before,
.met_hover_effect.effect-layla:hover p:before{
opacity: 1;
width: 100%;
}
.met_hover_effect.effect-layla:hover figcaption:after,
.met_hover_effect.effect-layla:hover h2,
.met_hover_effect.effect-layla:hover p,
.met_hover_effect.effect-layla:hover a {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
/*---------------*/
/***** Honey *****/
/*---------------*/
.met_hover_effect.effect-honey {
background: #4a3753;
}
.met_hover_effect.effect-honey a {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.met_hover_effect.effect-honey:hover a {
opacity: 0.5;
}
.met_hover_effect.effect-honey figcaption:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
background: currentColor;
content: '';
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
.met_hover_effect.effect-honey h2 {
position: absolute;
bottom: 0;
left: 0;
padding: 16px 24px;
width: 100%;
text-align: left;
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
.met_hover_effect.effect-honey p,
.met_hover_effect.effect-honey h2 i {
font-style: normal;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
.met_hover_effect.effect-honey figcaption:before,
.met_hover_effect.effect-honey h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.met_hover_effect.effect-honey:hover figcaption:before,
.met_hover_effect.effect-honey:hover p,
.met_hover_effect.effect-honey:hover h2,
.met_hover_effect.effect-honey:hover h2 i {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*---------------*/
/***** Oscar *****/
/*---------------*/
.met_hover_effect.effect-oscar {
background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}
.met_hover_effect.effect-oscar a {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.met_hover_effect.effect-oscar figcaption {
padding: 48px;
background-color: rgba(58,52,42,0.7);
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}
.met_hover_effect.effect-oscar figcaption:before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
}
.met_hover_effect.effect-oscar h2 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
.met_hover_effect.effect-oscar figcaption:before,
.met_hover_effect.effect-oscar p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}
.met_hover_effect.effect-oscar:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.met_hover_effect.effect-oscar:hover figcaption:before,
.met_hover_effect.effect-oscar:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.met_hover_effect.effect-oscar:hover figcaption {
background-color: rgba(58,52,42,0);
}
.met_hover_effect.effect-oscar:hover a {
opacity: 0.4;
}
/*---------------*/
/***** Marley *****/
/*---------------*/
.met_hover_effect.effect-marley figcaption {
text-align: right;
}
.met_hover_effect.effect-marley h2,
.met_hover_effect.effect-marley p {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
}
.met_hover_effect.effect-marley p {
bottom: 30px;
line-height: 1.5;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
.met_hover_effect.effect-marley h2 {
top: 30px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
.met_hover_effect.effect-marley:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.met_hover_effect.effect-marley h2:after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: currentColor;
content: '';
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
.met_hover_effect.effect-marley h2:after,
.met_hover_effect.effect-marley p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.met_hover_effect.effect-marley:hover h2:after,
.met_hover_effect.effect-marley:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*---------------*/
/***** Ruby *****/
/*---------------*/
.met_hover_effect.effect-ruby {
background-color: #17819c;
}
.met_hover_effect.effect-ruby a {
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.met_hover_effect.effect-ruby:hover a {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
.met_hover_effect.effect-ruby h2 {
margin-top: 20%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
.met_hover_effect.effect-ruby p {
margin: 16px 0 0;
padding: 48px;
border: 1px solid #fff;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0) scale(1.1);
transform: translate3d(0,20px,0) scale(1.1);
}
.met_hover_effect.effect-ruby:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.met_hover_effect.effect-ruby:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}
/*---------------*/
/***** Milo *****/
/*---------------*/
.met_hover_effect.effect-milo {
background: #2e5d5a;
}
.met_hover_effect.effect-milo a {
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-30px,0,0) scale(1.3);
transform: translate3d(-30px,0,0) scale(1.3);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.met_hover_effect.effect-milo:hover a {
opacity: 0.5;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}
.met_hover_effect.effect-milo h2 {
position: absolute;
right: 0;
bottom: 0;
padding: 16px 19.2px;
}
.met_hover_effect.effect-milo p {
padding: 0 10px 0 0;
width: 50%;
border-right: 1px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
}
.met_hover_effect.effect-milo:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*---------------*/
/***** Dexter *****/
/*---------------*/
.met_hover_effect.effect-dexter {
background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%);
}
.met_hover_effect.effect-dexter a {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.met_hover_effect.effect-dexter:hover a {
opacity: 0.4;
}
.met_hover_effect.effect-dexter figcaption:after {
position: absolute;
right: 30px;
bottom: 30px;
left: 30px;
height: -webkit-calc(50% - 30px);
height: calc(50% - 30px);
border: 7px solid #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
.met_hover_effect.effect-dexter:hover figcaption:after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.met_hover_effect.effect-dexter figcaption {
padding: 48px;
text-align: left;
}
.met_hover_effect.effect-dexter p {
position: absolute;
right: 60px;
bottom: 60px;
left: 60px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-100px,0);
}
.met_hover_effect.effect-dexter:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*---------------*/
/***** Sarah *****/
/*---------------*/
.met_hover_effect.effect-sarah {
background: #42b078;
}
.met_hover_effect.effect-sarah a {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0) scale(1.2);
transform: translate3d(-10px,0,0) scale(1.2);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.met_hover_effect.effect-sarah:hover a {
opacity: 0.4;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.met_hover_effect.effect-sarah figcaption {
text-align: left;
}
.met_hover_effect.effect-sarah h2 {
position: relative;
overflow: hidden;
padding: 8px 0;
}
.met_hover_effect.effect-sarah h2:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: currentColor;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
.met_hover_effect.effect-sarah:hover h2:after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.met_hover_effect.effect-sarah p {
padding: 16px 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
.met_hover_effect.effect-sarah:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*---------------*/
/***** Zoe *****/
/*---------------*/
.met_hover_effect.effect-zoe figcaption {
top: auto;
bottom: 0;
padding: 16px 0;
height: 60px;
color: #3c4a50;
-webkit-transition: -webkit-transform ease-in-out 0.35s;
transition: transform ease-in-out 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
.met_hover_effect.effect-zoe .og-grid-link{
opacity: 1;
}
.met_hover_effect.effect-zoe h2 {
float: left;
color: #393939;
}
.met_hover_effect .met_hover_effect_icon{
float : right;
padding: 0 10px;
speak: none;
color: #393939;
}
.met_hover_effect .met_hover_effect_icon:hover{text-decoration: none;}
.met_hover_effect.effect-zoe p {
position: absolute;
bottom: 128px;
padding: 32px;
color: #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
-webkit-backface-visibility: hidden;
}
.met_hover_effect.effect-zoe h2,
.met_hover_effect.effect-zoe .met_hover_effect_icon{
-webkit-transition: color ease-in-out 0.35s, -webkit-transform ease-in-out 0.35s;
transition: color ease-in-out 0.35s, transform ease-in-out 0.35s;
-webkit-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);
}
.met_hover_effect.effect-zoe h2,
.met_hover_effect.effect-zoe .met_hover_effect_icon{
display: inline-block;
}
.met_hover_effect.effect-zoe:hover p {
opacity: 1;
}
.met_hover_effect.effect-zoe:hover figcaption,
.met_hover_effect.effect-zoe:hover h2,
.met_hover_effect.effect-zoe:hover .met_hover_effect_icon {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.met_hover_effect.effect-zoe h2 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.met_hover_effect.effect-zoe .met_hover_effect_icon {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.met_hover_effect.effect-zoe .met_hover_effect_icon:nth-child(3) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.met_hover_effect_icon:hover {
transition-delay: 0;
}
/*---------------*/
/***** Chico *****/
/*---------------*/
.met_hover_effect.effect-chico a {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
.met_hover_effect.effect-chico:hover a {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
.met_hover_effect.effect-chico figcaption {
padding: 48px;
}
.met_hover_effect.effect-chico figcaption:before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.met_hover_effect.effect-chico figcaption:before,
.met_hover_effect.effect-chico p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.met_hover_effect.effect-chico h2 {
padding: 20% 0 20px 0;
}
.met_hover_effect.effect-chico p {
margin: 0 auto;
max-width: 200px;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.met_hover_effect.effect-chico:hover figcaption:before,
.met_hover_effect.effect-chico:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/**
* ----------------------------------------------------------------------------------------
* xx.x - Parallax
* ----------------------------------------------------------------------------------------
*/
.met_parallax_line_bg{ position: absolute; left: 0; top: 0; z-index: 0; }
div.met_parallax_line_bg{
min-width: 100%;
height: 100%;
background-repeat: repeat;
}
.met_parallax_line {overflow: hidden; position: relative;}
.met_parallax_line .dslc-modules-area{position: relative; z-index: 1;}
.met-parallax-overlay:after{
display: block;
position: absolute;
z-index: 0;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: currentColor;
}
/*[data-stellar-element]{position: relative;} */
.dslc-module-front[data-stellar-element]{position: absolute;}
.met_parallax_layer_item img{max-width: 100%;}
/**
* ----------------------------------------------------------------------------------------
* xx.x - Misc
* ----------------------------------------------------------------------------------------
*/
#wpadminbar{-webkit-transform: translateZ(0)}
.entry-attachment img{max-width: 100%;}
.entry-meta{margin: 30px 0;}
.mejs-container:not(.mejs-audio) {
width: 100% !important;
height: auto !important;
}
.mejs-container.mejs-video {
padding-top: 57%;
}
.mejs-overlay, .mejs-poster {
width: 100% !important;
height: 100% !important;
}
.mejs-mediaelement video {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
width: 100% !important;
height: 100% !important;
}
.wp-video{width: auto !important;height: auto !important;}
/**
* ----------------------------------------------------------------------------------------
* xx.x - Non-Repsonsive Layout Codes
* ----------------------------------------------------------------------------------------
*/
.met_responsive_disabled .met_wrapper {
overflow: visible !important;
}
.met_responsive_disabled.met_boxed_layout .met_page_wrapper,
.met_responsive_disabled.met_boxed_layout .met_page_wrapper + .footer_wrap{
max-width: none !important;
}
.met_responsive_disabled .met_content {
max-width: none !important;
}
.met_responsive_disabled .col-md-1, .met_responsive_disabled .col-md-2, .met_responsive_disabled .col-md-3, .met_responsive_disabled .col-md-4, .met_responsive_disabled .col-md-5, .met_responsive_disabled .col-md-6, .met_responsive_disabled .col-md-7, .met_responsive_disabled .col-md-8, .met_responsive_disabled .col-md-9, .met_responsive_disabled .col-md-10, .met_responsive_disabled .col-md-11, .met_responsive_disabled .col-md-12{float:left}.met_responsive_disabled .col-md-12{width:100%}.met_responsive_disabled .col-md-11{width:91.66666667%}.met_responsive_disabled .col-md-10{width:83.33333333%}.met_responsive_disabled .col-md-9{width:75%}.met_responsive_disabled .col-md-8{width:66.66666667%}.met_responsive_disabled .col-md-7{width:58.33333333%}.met_responsive_disabled .col-md-6{width:50%}.met_responsive_disabled .col-md-5{width:41.66666667%}.met_responsive_disabled .col-md-4{width:33.33333333%}.met_responsive_disabled .col-md-3{width:25%}.met_responsive_disabled .col-md-2{width:16.66666667%}.met_responsive_disabled .col-md-1{width:8.33333333%}.met_responsive_disabled .col-md-pull-12{right:100%}.met_responsive_disabled .col-md-pull-11{right:91.66666667%}.met_responsive_disabled .col-md-pull-10{right:83.33333333%}.met_responsive_disabled .col-md-pull-9{right:75%}.met_responsive_disabled .col-md-pull-8{right:66.66666667%}.met_responsive_disabled .col-md-pull-7{right:58.33333333%}.met_responsive_disabled .col-md-pull-6{right:50%}.met_responsive_disabled .col-md-pull-5{right:41.66666667%}.met_responsive_disabled .col-md-pull-4{right:33.33333333%}.met_responsive_disabled .col-md-pull-3{right:25%}.met_responsive_disabled .col-md-pull-2{right:16.66666667%}.met_responsive_disabled .col-md-pull-1{right:8.33333333%}.met_responsive_disabled .col-md-pull-0{right:auto}.met_responsive_disabled .col-md-push-12{left:100%}.met_responsive_disabled .col-md-push-11{left:91.66666667%}.met_responsive_disabled .col-md-push-10{left:83.33333333%}.met_responsive_disabled .col-md-push-9{left:75%}.met_responsive_disabled .col-md-push-8{left:66.66666667%}.met_responsive_disabled .col-md-push-7{left:58.33333333%}.met_responsive_disabled .col-md-push-6{left:50%}.met_responsive_disabled .col-md-push-5{left:41.66666667%}.met_responsive_disabled .col-md-push-4{left:33.33333333%}.met_responsive_disabled .col-md-push-3{left:25%}.met_responsive_disabled .col-md-push-2{left:16.66666667%}.met_responsive_disabled .col-md-push-1{left:8.33333333%}.met_responsive_disabled .col-md-push-0{left:auto}.met_responsive_disabled .col-md-offset-12{margin-left:100%}.met_responsive_disabled .col-md-offset-11{margin-left:91.66666667%}.met_responsive_disabled .col-md-offset-10{margin-left:83.33333333%}.met_responsive_disabled .col-md-offset-9{margin-left:75%}.met_responsive_disabled .col-md-offset-8{margin-left:66.66666667%}.met_responsive_disabled .col-md-offset-7{margin-left:58.33333333%}.met_responsive_disabled .col-md-offset-6{margin-left:50%}.met_responsive_disabled .col-md-offset-5{margin-left:41.66666667%}.met_responsive_disabled .col-md-offset-4{margin-left:33.33333333%}.met_responsive_disabled .col-md-offset-3{margin-left:25%}.met_responsive_disabled .col-md-offset-2{margin-left:16.66666667%}.met_responsive_disabled .col-md-offset-1{margin-left:8.33333333%}.met_responsive_disabled .col-md-offset-0{margin-left:0}