/*!
   Theme Name: Mentas
   Theme URI: http://mental-wp.azelab.com
   Description: Mental WordPress Theme
   Version: 2.2.4
   Author: Azelab
   Author URI: azelab.com
   License: GPL
   License URI: http://themeforest.net/licenses
*/
/*!

Table of Contents:

I. Mental components
      1. General
      2. Wordpress
      3. Layout
         a. Body & Wrapper
         b. Header
         c. Footer
         d. Sections
         e. Containers
      4. Menu Bar
         a. Menu Bar
         b. Menu Bar Menu
      5. Components
         a. Creative minds block
         b. Social blocks
         c. Some fun facts block
         d. Services block
         e. Progress Bar Block
         f. Pricing tables
         g. Testimonials
         h. Brands
         i. Responsive Google Map
         j. Address, Phone, Email blocks
         k. Single Post Content Section
         l. Related posts
         m. Comments
         n. Single Post Footer
         o. Sidebar & Widgets
         p. Blog list
         q. Footer Load More
         r. Mental LayerSlider Layers & Styles
         s. Top main menu
         t. Onepage
         u. Gallery
         v. Single Work with Description
         x. Video Js Skin
         y. Loading spinners
         z. Page Heading
      6. Helpers
         a. Text helpers
         b. Effects & Animations
         c. Other

*/
/*!==========================================================================
   General
   ========================================================================== */
a { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; outline: none; }

a:focus, button:focus, input:focus { outline: none; }

a:focus, a:active { text-decoration: none; color: #76d898; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #444649; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #76d898; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { text-transform: uppercase; color: #444649; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }

h1, h2 { line-height: 36px; margin: 20px 0 10px; }

h3, h4 { line-height: 30px; margin: 20px 0 10px; }

h5, h6 { line-height: 26px; margin: 20px 0 10px; }

p { color: #8e9095; }

img { max-width: 100%; }

.sp-content img { max-width: 100%; width: auto !important; height: auto !important; }

code { background-color: transparent; }

/*!==========================================================================
   Wordpress
   ========================================================================== */
/* ======================== Wordpress Core ======================== */
.alignnone { margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float: right; margin: 5px 0 20px 20px; }

.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }

a img.alignnone { margin: 5px 20px 20px 0; }

a img.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { max-width: 100%; background: #FFF; border: 1px solid #F0F0F0; padding: 5px 3px 10px; text-align: center; }

.wp-caption.alignnone { margin: 5px 0 20px 0; }

.wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }

.wp-caption .wp-caption-text, .gallery-caption { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

.sticky { width: auto; margin: 0; }

.bypostauthor { width: auto; margin: 0; }

/* ======================== Wordpress Core widgets  ======================== */
.widget select { display: block; width: 100%; height: 42px; padding: 6px 12px; font-size: 14px; line-height: 1.7; color: #444649; background-color: #edeef0; background-image: none; border: 1px solid #edeef0; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; border: 0; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -webkit-appearance: none !important; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; }
.widget select:focus { outline: 0; }
.widget select:focus { border-color: #d5d8dd; box-shadow: none; -webkit-box-shadow: none; background-color: #d5d8dd; }

.widget select::-ms-expand { display: none; }

#wp-calendar { width: 100%; text-align: center; }
#wp-calendar > caption { font-size: 18px; }
#wp-calendar > thead > tr > th { padding: 5px 0; text-align: center; }
#wp-calendar > tbody > tr > td { padding: 3px 0; }

/* ======================== WP playlist fix ======================== */
.blog-audio .wp-playlist { margin: 0; }

.blog-masonry .wp-playlist { border-bottom: 0; }

/* ======================== Facebook Widget Fix  ======================== */
.fb-like-box { width: 100%; }
.fb-like-box > span { width: 100% !important; }
.fb-like-box iframe { width: 100% !important; }

/* ======================== WPML language selector  ======================== */
#mental_lang_sel { position: relative; width: 200px; height: 30px; margin-top: 30px; background-color: #222222; }

#mental_lang_sel, #mental_lang_sel ul { list-style-type: none; padding: 0; }

#mental_lang_sel ul { position: absolute; top: 30px; left: 0; width: 100%; z-index: 999; display: none; background-color: #222222; }

#mental_lang_sel:hover ul { display: block; }

#mental_lang_sel > li > a { position: relative; }
#mental_lang_sel > li > a:after { content: "\f0d7"; position: absolute; right: 10px; top: 8px; color: #444649; font: normal normal normal 14px/1 FontAwesome; }
#mental_lang_sel > li > a:hover { color: #444649; }

#mental_lang_sel a { display: block; line-height: 30px; padding-left: 10px; padding-right: 27px; color: #444649; }
#mental_lang_sel a:hover { color: #76d898; text-decoration: none; }

/* ======================== Contact Form 7  ======================== */
div.wpcf7-validation-errors { display: none !important; }

div.wpcf7-mail-sent-ok { margin-left: 0; margin-right: 0; border-color: #76d898; }

/*!==========================================================================
   Layout
   ========================================================================== */
/* ======================== Body & Wrapper ======================== */
.black-body { background-color: #1a1a1a; }

#wrapper { background-color: black; overflow-x: hidden; }
@media (min-width: 768px) { #wrapper { min-width: 738px; } }
@media (min-width: 992px) { #wrapper { min-width: 990px; } }
@media (min-width: 1200px) { #wrapper { min-width: 1200px; } }

#main { background-color: white; overflow: hidden; }

/* ======================== Header ======================== */
#header { padding: 50px 20px; background-color: #1a1a1a; color: #8e9095; background-size: cover; }
#header:before, #header:after { content: " "; display: table; }
#header:after { clear: both; }
#header h1 { margin: 0; font-size: 30px; color: #555; text-align: center; text-transform: uppercase; }
#header.top-menu { padding: 0; background-color: white; color: #444649; }
#header.top-menu h1 { color: #444649; }
#header.hd-filters { padding: 0; }

#header-mobile { text-align: center; padding: 20px 15px 10px 15px; }
#header-mobile img.logo { margin-top: 2px; margin-bottom: 10px; }
#header-mobile .m-header-body { display: inline-block; text-align: left; }
#header-mobile .m-site-descr { font-size: 12px; }

/* ======================== Footer ======================== */
.footer { padding: 30px 20px; background-color: #1a1a1a; color: #8e9095; }
.footer:before, .footer:after { content: " "; display: table; }
.footer:after { clear: both; }
.footer.are-you-ready-type { padding: 78px 20px; }
.footer.widget-footer { padding: 60px 0 0 0; }
.footer.ft-single-post { padding: 20px 0; }
.footer h2 { margin: 0 0 20px; font-size: 27px; color: #8e9095; text-align: center; text-transform: uppercase; }
.footer .btn { border: 2px solid #8e9095; background-color: #1a1a1a; }
.footer .btn:hover { background-color: #272727; }
.footer .ft-copyright { padding: 35px 0; margin-top: 50px; background-color: #161616; }
.footer .ft-copyright .mb-social { float: right; margin: 0; margin-left: 20px; }
.footer .ft-copyright p { color: #444649; font-size: 12px; margin: 0; margin-top: 5px; }
.footer .ft-copyright p span { color: #8e9095; }
@media (min-width: 1200px) { .parallax-footer { position: relative; z-index: 1; background-color: #ffffff } }
/* ======================== Sections ======================== */
.section { position: relative; margin: 0px 0; padding: 50px 0 50px; }
.section section { position: relative; }
.section.st-no-padding { padding: 0; }
.section.st-padding-xs { padding-top: 10px; padding-bottom: 10px; }
.section.st-padding-sm { padding-top: 30px; padding-bottom: 30px; }
.section.st-padding-lg { padding-top: 80px; padding-bottom: 80px; }
.section.st-padding-xl { padding-top: 120px; padding-bottom: 120px; }
.section.st-padding-top-lg { padding-top: 80px; }
.section.st-invert { background-color: #1a1a1a; color: #8e9095; }
.section.st-invert .section-title { color: #8e9095; }
.section.st-invert h1, .section.st-invert h2, .section.st-invert h3, .section.st-invert h4, .section.st-invert h5, .section.st-invert h6 { color: #8e9095; }
.section.st-full-height { height: 100%; }
.section.st-full-height section { height: 100%; }
.section.st-full-height section .container { height: 100%; }
.section.st-bg-grey-lighter { background-color: #edeef0; }
.section.st-black { background-color: black; }
.section .container { position: relative; z-index: 1; }

.section-title { text-align: center; margin-bottom: 40px; }
.section-title h1, .section-title h2, .section-title h3 { margin-top: 0; }

.section-descr { max-width: 800px; margin-left: auto; margin-right: auto; }

.sections-group { position: relative; }

.st-video-background { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.1; overflow: hidden; }
.st-video-background video { width: auto; height: auto; min-width: 100%; min-height: 100%; }

.text-dark p { color: #1a1a1a; }
.text-light .services-item{border:none;}
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5{color:#b69853 !important;} 
.text-light p{color:#ccc;}
.text-light .services-item{padding:0 30px 0 0;}
.text-light .section-title{margin-bottom:80px;margin-top:40px;}

/* ======================== Containers ======================== */
.container { margin-left: auto; margin-right: auto; }

.cont-960 .container { max-width: 960px; }

.container-800 { max-width: 800px; margin-left: auto; margin-right: auto; }

/*!==========================================================================
   Menu Bar
   ========================================================================== */
/* ======================== Menu Bar ======================== */
#main { margin-left: 30px; -webkit-transition: margin 500ms cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: margin 500ms cubic-bezier(0.25, 0.1, 0.25, 1); transition: margin 500ms cubic-bezier(0.25, 0.1, 0.25, 1); }

.no-menubar #main { margin-left: 0 !important; margin-right: 0 !important; }

#menu-bar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 50; margin-left: -300px; padding-left: 30px; width: 330px; height: 100%; background-color: #1a1a1a; color: #545659; -webkit-transition: margin 500ms cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: margin 500ms cubic-bezier(0.25, 0.1, 0.25, 1); transition: margin 500ms cubic-bezier(0.25, 0.1, 0.25, 1); }
#menu-bar:before, #menu-bar:after { content: " "; display: table; }
#menu-bar:after { clear: both; }
#menu-bar aside { height: 100%; }
#menu-bar .mb-header { padding-top: 40px; }
#menu-bar .mb-header .logo img { max-height: 100px; margin-top: 2px; margin-bottom: 10px; }
#menu-bar .mb-body { float: left; width: 270px; height: 100%; padding: 0 15px 0 40px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
#menu-bar h3.mb-site-title { margin: 0 0 5px 0; color: #8e9095; font-size: 22px; text-transform: uppercase; }
#menu-bar h3.mb-site-title img { margin-top: -4px; }
#menu-bar h3.mb-site-title span { display: inline-block; margin-left: 15px; }
#menu-bar h4 { margin: 0; padding: 0 0 10px; color: #8e9095; font-size: 15px; text-transform: uppercase; }
#menu-bar .mb-site-descr { font-size: 12px; }
#menu-bar .mb-footer { font-size: 14px; line-height: 22px; }
#menu-bar .mb-footer p { color: #444649; }
#menu-bar .mb-copyright { font-size: 12px; line-height: 14px; margin-bottom: 40px; }
#menu-bar a.mb-toggler { display: block; float: left; width: 30px; height: 100%; padding: 18px 9px 0 9px; background-color: black; color: #76d898; }

.menu-bar-opened #menu-bar { margin-left: -30px; }
.menu-bar-opened #main { margin-left: 300px; }
.menu-bar-opened.menu-bar-ontop #main { margin-left: 30px; }
.menu-bar-opened.menu-bar-push #main { margin-right: -270px; }

.menu-bar-right #main { margin-left: 0; margin-right: 30px; }
.menu-bar-right #menu-bar { left: auto; right: 0; margin-left: 0; margin-right: -300px; padding-left: 0; padding-right: 30px; }
.menu-bar-right #menu-bar .mb-body { float: right; padding: 0 20px 0 30px; }
.menu-bar-right #menu-bar a.mb-toggler { float: right; }
.menu-bar-right.menu-bar-opened #menu-bar { margin-left: 0; margin-right: -30px; }
.menu-bar-right.menu-bar-opened #main { margin-left: 0; margin-right: 300px; }
.menu-bar-right.menu-bar-opened.menu-bar-ontop #main { margin-right: 30px; }
.menu-bar-right.menu-bar-opened.menu-bar-push #main { margin-left: -270px; }

@media (min-width: 1300px) {
   .menu-bar-opened-big.menu-bar-handler-hide #menu-bar{width:300px;}
   .menu-bar-opened-big.menu-bar-handler-hide.menu-bar-opened #menu-bar { margin-left: -20px }
   .menu-bar-opened-big.menu-bar-handler-hide.menu-bar-opened #main { margin-left: 280px; }
   .menu-bar-opened-big.menu-bar-handler-hide .mb-toggler { display: none !important }

   .menu-bar-right.menu-bar-opened-big.menu-bar-handler-hide.menu-bar-opened #menu-bar { margin-left: 0; margin-right: -20px }
   .menu-bar-right.menu-bar-opened-big.menu-bar-handler-hide.menu-bar-opened #main { margin-left: 0; margin-right: 280px; }
   .menu-bar-right .menu-bar-opened-big.menu-bar-handler-hide .mb-toggler { display: none !important }
}



.admin-bar #menu-bar { margin-top: 32px; padding-bottom: 32px; }

.mb-social { margin: 23px 0 47px; }
.mb-social:before, .mb-social:after { content: " "; display: table; }
.mb-social:after { clear: both; }
.mb-social > a { display: block; float: left; width: 32px; height: 32px; margin-right: 3px; margin-bottom: 3px; background-color: #292929; color: #6d6d6d; font-size: 16px; line-height: 32px; text-align: center; }
.mb-social > a:hover { color: #76d898; text-decoration: none; }
.mb-social > a:last-child { margin-right: 0; }
.mb-social > a i { vertical-align: middle; }
.mb-social h6 { float: left; margin: 0 10px 0 0; line-height: 30px; }

/* ======================== Menu bar menu ======================== */
ul#mb-main-menu, nav#mb-main-menu > ul, nav#mb-main-menu > div > ul, .widget ul.menu { list-style-type: none; padding: 0; margin: 40px 0; font-size: 14px; text-transform: uppercase; }
ul#mb-main-menu li.menu-item-has-children, ul#mb-main-menu li.page_item_has_children, ul#mb-main-menu li.menu-item-language, nav#mb-main-menu > ul li.menu-item-has-children, nav#mb-main-menu > ul li.page_item_has_children, nav#mb-main-menu > ul li.menu-item-language, nav#mb-main-menu > div > ul li.menu-item-has-children, nav#mb-main-menu > div > ul li.page_item_has_children, nav#mb-main-menu > div > ul li.menu-item-language, .widget ul.menu li.menu-item-has-children, .widget ul.menu li.page_item_has_children, .widget ul.menu li.menu-item-language { position: relative; }
ul#mb-main-menu li.menu-item-has-children > a, ul#mb-main-menu li.page_item_has_children > a, ul#mb-main-menu li.menu-item-language > a, nav#mb-main-menu > ul li.menu-item-has-children > a, nav#mb-main-menu > ul li.page_item_has_children > a, nav#mb-main-menu > ul li.menu-item-language > a, nav#mb-main-menu > div > ul li.menu-item-has-children > a, nav#mb-main-menu > div > ul li.page_item_has_children > a, nav#mb-main-menu > div > ul li.menu-item-language > a, .widget ul.menu li.menu-item-has-children > a, .widget ul.menu li.page_item_has_children > a, .widget ul.menu li.menu-item-language > a { padding-right: 43px; }
ul#mb-main-menu li a, nav#mb-main-menu > ul li a, nav#mb-main-menu > div > ul li a, .widget ul.menu li a { display: block; position: relative; padding: 10px 25px 10px 0; color: #444649; }
ul#mb-main-menu li a:hover, ul#mb-main-menu li.active > a, ul#mb-main-menu li.current_page_item > a, nav#mb-main-menu > ul li a:hover, nav#mb-main-menu > ul li.active > a, nav#mb-main-menu > ul li.current_page_item > a, nav#mb-main-menu > div > ul li a:hover, nav#mb-main-menu > div > ul li.active > a, nav#mb-main-menu > div > ul li.current_page_item > a, .widget ul.menu li a:hover, .widget ul.menu li.active > a, .widget ul.menu li.current_page_item > a { color: #76d898; text-decoration: none; }
ul#mb-main-menu li a.submenu-toggler, nav#mb-main-menu > ul li a.submenu-toggler, nav#mb-main-menu > div > ul li a.submenu-toggler, .widget ul.menu li a.submenu-toggler { position: absolute; right: 0; top: 0; z-index: 10; float: right; display: block; width: 43px; height: 43px; padding-left: 0; padding-right: 0; text-align: center; }
ul#mb-main-menu li ul, nav#mb-main-menu > ul li ul, nav#mb-main-menu > div > ul li ul, .widget ul.menu li ul { display: none; list-style-type: none; padding-left: 10px; }
ul#mb-main-menu li ul li a, nav#mb-main-menu > ul li ul li a, nav#mb-main-menu > div > ul li ul li a, .widget ul.menu li ul li a { padding: 5px 0 5px 0; font-size: 12px; }
ul#mb-main-menu li ul li.menu-item-has-children > a:after, ul#mb-main-menu li ul li.page_item_has_children > a:after, nav#mb-main-menu > ul li ul li.menu-item-has-children > a:after, nav#mb-main-menu > ul li ul li.page_item_has_children > a:after, nav#mb-main-menu > div > ul li ul li.menu-item-has-children > a:after, nav#mb-main-menu > div > ul li ul li.page_item_has_children > a:after, .widget ul.menu li ul li.menu-item-has-children > a:after, .widget ul.menu li ul li.page_item_has_children > a:after { top: 8px; }

.widget ul.menu { margin-top: 0; margin-bottom: 0; }

html[dir="rtl"] ul#mb-main-menu li ul, html[dir="rtl"] nav#mb-main-menu > ul li ul, html[dir="rtl"] nav#mb-main-menu > div > ul li ul, html[dir="rtl"] .widget ul.menu li ul { padding-left: 0; }

/*!==========================================================================
   Components
   ========================================================================== */
/* ======================== Creative minds block ======================== */
.creative-minds { margin-top: 20px; }

.creative-minds figure { position: relative; width: 100%; padding-top: 67%; overflow: hidden; cursor: pointer; }
.creative-minds img { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; }
.creative-minds figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.creative-minds .active figcaption { opacity: 1; }
.creative-minds .cm-title { color: white; }

.row-cm { margin-left: -5px; margin-right: -5px; }
.row-cm:before, .row-cm:after { content: " "; display: table; }
.row-cm:after { clear: both; }
.row-cm .col-cm { margin-bottom: 10px; text-align: center; position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; }

@media (min-width: 768px) {.creative-minds .row-cm .col-cm { float: left; width: 50%; } }
@media (min-width: 992px) {.creative-minds .row-cm .col-cm { float: left; width: 33.33333%; } }
@media (min-width: 1200px) {.creative-minds .row-cm .col-cm { float: left; width: 25%; } }

@media (min-width: 1200px) { .creative-minds.cm-cols-1 .col-cm { float: left; width: 100%; } }
@media (min-width: 1200px) { .creative-minds.cm-cols-2 .col-cm { float: left; width: 50%; } }
@media (min-width: 1200px) { .creative-minds.cm-cols-3 .col-cm { float: left; width: 33.33333%; } }
@media (min-width: 1200px) { .creative-minds.cm-cols-4 .col-cm { float: left; width: 25%; } }
@media (min-width: 1200px) { .creative-minds.cm-cols-5 .col-cm { float: left; width: 20%; } }
@media (min-width: 1200px) { .creative-minds.cm-cols-6 .col-cm { float: left; width: 16.66667%; } }

/* ======================== Social blocks ======================== */
.social-block { display: inline-block; margin: 0; vertical-align: middle; }
.social-block:before, .social-block:after { content: " "; display: table; }
.social-block:after { clear: both; }
.social-block > a { display: block; float: left; width: 32px; height: 32px; margin-right: 3px; color: #76d898; font-size: 16px; line-height: 32px; text-align: center; }
.social-block > a:hover { color: #444649; text-decoration: none; }
.social-block > a:last-child { margin-right: 0; }
.social-block > a i { vertical-align: middle; }

.ls-mental-bottombar .social-block > a, .ls-mental-bottombar2 .social-block > a { background-color: #292929; }

/* ======================== Some fun facts block ======================== */
.some-ff-block { text-align: center; }
.some-ff-block .smm-icon { display: inline-block; height: 60px; margin-top: 25px; margin-bottom: 20px; font-size: 60px; color: #76d898; }
.some-ff-block .smm-icon-sm { font-size: 50px; }
.some-ff-block .smm-descr { text-transform: uppercase; }
.some-ff-block .smm-descr em { font-size: 27px; line-height: 27px; font-style: normal; }
.some-ff-block .smm-descr p { font-size: 15px; }

/* ======================== Services block ======================== */
.services-block { margin-top: 20px; }

.services-item { padding: 30px; margin-bottom: 30px; border: 1px solid #d5d8dd; }
.services-item .sws-icon { display: block; width: 60px; height: 60px; margin: 0 auto 0 auto; font-size: 60px; color: #76d898; text-align: center; }
.services-item .sws-icon-sm { font-size: 55px; }
.services-item h5 { margin-top: 10px; margin-bottom: 20px; font-size: 15px; text-align: center; }

/* ======================== Progress Bar Block ======================== */
.progress-bar-block { margin-bottom: 32px; font-size: 15px; text-transform: uppercase; }
.progress-bar-block .value { float: right; }
.progress-bar-block .progress { margin-top: 5px; }

.progress { height: 12px; box-shadow: none; -webkit-box-shadow: none; }

.progress-bar { -webkit-transition: width 1.5s ease; -o-transition: width 1.5s ease; transition: width 1.5s ease; }

.st-invert .progress { background-color: #444649; }

/* ======================== Pricing tables ======================== */
.price-table { margin-top: 45px; margin-left: auto; margin-right: auto; max-width: 370px; background-color: #edeef0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.price-table:hover, .price-table.active { margin-top: 35px; }
.price-table:hover .price-header, .price-table.active .price-header { /*padding-top: 27px + 5px;
*/ padding-bottom: 27px; background-color: #1a1a1a; }
.price-table:hover .price-header h3, .price-table.active .price-header h3 { color: #76d898; }
.price-table:hover .price-footer, .price-table.active .price-footer { padding-bottom: 50px; }
.price-table:hover .price-footer .btn-default, .price-table.active .price-footer .btn-default { background-color: #1a1a1a; }

.price-header { padding: 27px 15px 17px 15px; text-align: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.price-header h3 { font-size: 40px; }
.price-header p { text-transform: uppercase; font-size: 15px; }

ul.price-descr { list-style-type: none; padding: 0; margin: 0; }
ul.price-descr li { padding: 10px 15px; border-bottom: 1px solid #d9dadc; color: #8e9095; text-align: center; }
ul.price-descr li:last-child { border-bottom: 0; }

.price-footer { padding: 27px 15px 40px 15px; text-align: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.price-footer .btn-default { background-color: #edeef0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.price-footer .btn-default:hover { background-color: #8e9095; }

/* ======================== Testimonials ======================== */
#carousel-testimonials { margin-top: -8px; }

.testimonials { max-width: 960px; margin: 0 auto; }

.testimonial { text-align: center; }
.testimonial .citation { font-size: 18px; line-height: 1.8; color: #444649; margin-bottom: 15px; }
.testimonial .citation-big { font-size: 32px; line-height: 1.8; color: #444649; margin-bottom: 15px; text-transform: none; }
.testimonial .author-big { font-size: 18px; color: #8e9095; }

.carousel-testimonials .carousel-inner { min-height: 180px; }

/* ======================== Brands ======================== */
.brands-section { padding: 70px 0 50px 0; }
.brands-section .col-md-5cols { text-align: center; margin-bottom: 20px; }

/* ======================== Responsive Google Map ======================== */
.gm-style img { max-width: none !important; }

.contact-map { height: 525px; }
.contact-map #map-canvas { height: 525px; }

.contact-map-onepage { height: 400px; }
.contact-map-onepage #map-canvas { height: 400px; }

.contact-map #map-canvas img, .contact-map-onepage #map-canvas img { max-width: none; }

/* ======================== Address, Phone, Email blocks ======================== */
address, .address-block, .phone-block, .email-block { position: relative; padding-left: 40px; padding-bottom: 25px; font-size: 16px; line-height: 1.85; }
address:before, .address-block:before, .phone-block:before, .email-block:before { content: ''; position: absolute; left: 0; top: 3px; font: 18px/20px 'ElegantIcons'; color: #444649; }

address:before, .address-block:before { content: "\e081"; }

.phone-block:before { content: "\e090"; }

.email-block:before { content: "\e076"; }

/* ======================== Single Post Content Section ======================== */
.single-post .sp-title { margin-top: 0; font-size: 28px; margin-bottom: 0; }
.single-post .sp-info { font-size: 12px; }
.single-post .sp-content { margin-top: 20px; }
.single-post .sp-content:before, .single-post .sp-content:after { content: " "; display: table; }
.single-post .sp-content:after { clear: both; }
.single-post .sp-content .carousel { margin-bottom: 10px; }
.single-post .sp-footer { margin-top: 20px; }
.single-post .sp-footer .col { margin-top: 30px; }
.single-post .sp-footer .social-block { margin-top: -5px; }
.single-post .sp-footer .social-block a { font-size: 18px; }
.single-post .sp-tags-title { display: inline-block; margin-right: 20px; font-size: 15px; text-transform: uppercase; }
.single-post .sp-tags { font-size: 13px; }
.single-post .sp-share-title { display: inline-block; margin-top: 0; margin-right: 5px; font-size: 15px; vertical-align: top; }

blockquote { position: relative; margin: 25px 0 35px; padding: 30px; padding-left: 60px; background-color: #edeef0; font-size: 22px; line-height: 1.45; }
blockquote:before { content: '\7b'; display: block; position: absolute; left: 10px; top: 5px; font-family: 'ElegantIcons'; font-size: 46px; color: #8e9095; }
blockquote p { margin-bottom: 3px; color: #444649; }
blockquote footer { font-size: 12px; }
blockquote cite { display: block; margin-top: 20px; font-size: 18px; }
blockquote cite:before { content: '\2014 \00A0'; }

/* ======================== Related posts ======================== */
.related-posts { margin-top: 60px; margin-bottom: 15px; }
.related-posts .rp-title { font-size: 22px; margin-bottom: 20px; margin-top: 0; }
.related-posts .rp-item { display: inline-block; text-align: left; max-width: 243px; margin-bottom: 30px; }
.related-posts .rp-item a { display: block; max-width: 100%; text-align: center; }
.related-posts .rp-item img { max-width: 100%; max-height: 300px; }
.related-posts .rp-item h5 { font-size: 15px; margin-top: 15px; line-height: 1.5; text-align: left; }

/* ======================== Comments ======================== */
.comments .cm-block-title { font-size: 21px; margin-bottom: 0; }
.comments > ul, .comments ul.children { list-style-type: none; padding: 0; }
.comments > ul > li, .comments ul.children > li { border-top: 1px solid #d4d7da; padding: 35px 0 20px; }
.comments > ul > li:first-child, .comments ul.children > li:first-child { border-top: 0; }
.comments > ul > li .cm-item:before, .comments > ul > li .cm-item:after, .comments ul.children > li .cm-item:before, .comments ul.children > li .cm-item:after { content: " "; display: table; }
.comments > ul > li .cm-item:after, .comments ul.children > li .cm-item:after { clear: both; }
.comments > ul > li figure, .comments ul.children > li figure { float: left; width: 70px; padding-top: 5px; padding-bottom: 30px; }
.comments > ul > li .cm-body, .comments ul.children > li .cm-body { float: left; width: 100%; padding-left: 100px; margin-left: -70px; }
.comments > ul > li .cm-content, .comments ul.children > li .cm-content { padding-bottom: 20px; }
.comments > ul > li .cm-title-line, .comments ul.children > li .cm-title-line { margin-bottom: 10px; }
.comments > ul > li .cm-title-line .cm-title, .comments ul.children > li .cm-title-line .cm-title { font-size: 15px; text-transform: uppercase; }
.comments > ul > li .cm-title-line > time, .comments ul.children > li .cm-title-line > time { display: inline-block; margin-left: 20px; font-size: 12px; color: #adafb3; }
.comments > ul > li .cm-title-line > a, .comments ul.children > li .cm-title-line > a { display: inline-block; margin-left: 20px; font-size: 12px; text-transform: uppercase; }
.comments > ul ul.children, .comments ul.children ul.children { margin-left: 100px; }
@media (max-width: 768px) { .comments > ul ul.children, .comments ul.children ul.children { margin-left: 10px; } }
.comments > ul ul.children li:first-child, .comments ul.children ul.children li:first-child { border-top: 1px solid #d4d7da; }

.cm-invert .comments p { color: #444649; }
.cm-invert .comments .cm-title-line time { color: #444649; }
.cm-invert .comments ul > li { border-top-color: #444649; }
.cm-invert .comments ul ul li:first-child { border-top-color: #444649; }

.comment-form { margin-top: 30px; margin-bottom: 30px; }
.comment-form .form-control { background-color: #d5d8dd; border-color: #d5d8dd; }
.comment-form .btn-default { background-color: #edeef0; }
.comment-form .btn-default:hover { background-color: #d5d8dd; }

.st-invert .comment-form .form-control { background-color: #222222; border-color: #222222; color: #8e9095; }
.st-invert .comment-form .form-control::-webkit-input-placeholder { color: #585b5f; }
.st-invert .comment-form .form-control:-moz-placeholder { color: #585b5f; }
.st-invert .comment-form .form-control::-moz-placeholder { color: #585b5f; }
.st-invert .comment-form .form-control:-ms-input-placeholder { color: #585b5f; }
.st-invert .comment-form .btn { background-color: #1a1a1a; border-color: #45484b; }

/* ======================== Single Post Footer ======================== */
.ft-single-post a:hover { color: #76d898; text-decoration: none; }
.ft-single-post .ft-back2blog { color: #8e9095; font-size: 16px; text-transform: uppercase; }
.ft-single-post .ft-back2blog:before { content: "\6c"; display: inline-block; margin-right: 20px; font: 18px/20px 'ElegantIcons'; color: #444649; text-transform: none; }
.ft-single-post .ft-back2gallery { color: #8e9095; font-size: 16px; text-transform: uppercase; }
.ft-single-post .ft-back2gallery:before { content: "\e005"; display: inline-block; margin-right: 20px; font: 18px/20px 'ElegantIcons'; color: #444649; text-transform: none; }
.ft-single-post .ft-prev-post, .ft-single-post .ft-next-post { position: relative; display: inline-block; font-size: 16px; color: #8e9095; text-transform: uppercase; }
.ft-single-post .ft-prev-post:before, .ft-single-post .ft-next-post:before { content: ''; display: block; position: absolute; top: 6px; width: 14px; height: 14px; border: 1px solid #76d898; border-right: 0; border-bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.ft-single-post .ft-prev-post:hover, .ft-single-post .ft-next-post:hover { color: #76d898; }
.ft-single-post .ft-prev-post { padding-left: 30px; }
.ft-single-post .ft-prev-post:before { left: 4px; }
.ft-single-post .ft-next-post { padding-right: 30px; }
.ft-single-post .ft-next-post:before { right: 4px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.ft-single-post .disabled { color: #8e9095; }

/* ======================== Sidebar & Widgets ======================== */
.sidebar { margin-top: 8px; }
@media (max-width: 768px) { .sidebar { max-width: 370px; margin-left: auto; margin-right: auto; } }
@media (max-width: 992px) { .sidebar { margin-top: 60px; } }

.widget { margin-bottom: 50px; }
.widget .wg-title { font-size: 18px; margin-bottom: 10px; }
.widget .wg-info { font-size: 12px; margin: 0; }
.widget .wg-categories, .widget .product-categories, .widget > ul { list-style-type: none; padding: 0; margin: 0; }
.widget .wg-categories > li, .widget .product-categories > li, .widget > ul > li { margin-bottom: 7px; }
.widget .wg-categories > li > a, .widget .product-categories > li > a, .widget > ul > li > a { color: #555555; }
.widget .wg-categories > li a.rsswidget, .widget .product-categories > li a.rsswidget, .widget > ul > li a.rsswidget { color: #76d898; }
.widget .wg-categories > li ul, .widget .product-categories > li ul, .widget > ul > li ul { list-style-type: none; padding-left: 20px; }
.widget .wg-categories > li ul li, .widget .product-categories > li ul li, .widget > ul > li ul li { position: relative; padding-left: 20px; color: #8e9095; }
.widget .wg-categories > li ul li:before, .widget .product-categories > li ul li:before, .widget > ul > li ul li:before { content: "\f105"; position: absolute; left: 5px; top: 5px; font: normal normal normal 14px/1 FontAwesome; }
.widget .wg-categories > li ul li > a, .widget .product-categories > li ul li > a, .widget > ul > li ul li > a { color: #8e9095; }
.widget .wg-popular-posts, .widget .product_list_widget { list-style-type: none; padding: 0; margin: 0; }
.widget .wg-popular-posts li, .widget .product_list_widget li { margin-bottom: 24px; }
.widget .wg-popular-posts li:before, .widget .wg-popular-posts li:after, .widget .product_list_widget li:before, .widget .product_list_widget li:after { content: " "; display: table; }
.widget .wg-popular-posts li:after, .widget .product_list_widget li:after { clear: both; }
.widget .wg-popular-posts li figure, .widget .product_list_widget li figure { position: relative; z-index: 1; float: left; width: 90px; margin-top: 6px; }
.widget .wg-popular-posts li figure > a, .widget .product_list_widget li figure > a { width: 70px; height: 70px; }
.widget .wg-popular-posts li figure img, .widget .product_list_widget li figure img { width: 70px; height: 70px; margin: 0; }
.widget .wg-popular-posts li.has-thumbnail .body, .widget .product_list_widget li.has-thumbnail .body { float: left; width: 100%; margin-left: -90px; padding-left: 90px; }
.widget .wg-popular-posts li .wg-pp-title a, .widget .product_list_widget li .wg-pp-title a { color: #8e9095; font-weight: normal; }
.widget .wg-popular-posts li .wg-pp-title a:hover, .widget .product_list_widget li .wg-pp-title a:hover { color: #76d898; text-decoration: none; }
.widget .wpp-list > li { margin-bottom: 24px; }
.widget .wpp-list > li:before, .widget .wpp-list > li:after { content: " "; display: table; }
.widget .wpp-list > li:after { clear: both; }
.widget .wpp-list > li > a:nth-child(2) { display: block; margin-bottom: 10px; }
.widget .wpp-list .wpp-thumbnail { display: block; margin: 0 20px 0 0; }
.widget .wpp-list .wpp-comments, .widget .wpp-list .wpp-views { font-size: 12px; color: #8e9095; }
.widget .wpp-list .wpp-comments a, .widget .wpp-list .wpp-views a { color: #8e9095; }
.widget .wpp-list .wpp-comments a:hover, .widget .wpp-list .wpp-views a:hover { color: #76d898; text-decoration: none; }
.widget .wg-tags, .widget .tagcloud { margin-top: 24px; margin-right: -8px; }
.widget .wg-flicker { margin-right: -3px; margin-left: -3px; margin-top: 20px; }
.widget .wg-flicker .flickr-image { padding: 3px; }
.widget .wg-flicker .flickr-image a { max-width: 100%; }

.btn-tag, .tagcloud > a { display: inline-block; margin-right: 8px; margin-bottom: 11px; padding: 7px 11px; border: 2px solid #d5d8dd; color: #8e9095; text-transform: none; vertical-align: middle; }
.btn-tag:hover, .tagcloud > a:hover { color: #76d898; text-decoration: none; }

/* Search form */
.search-form .form-control, .search-form .btn { height: 42px; }
.search-form .btn { padding: 7px 10px; background-color: #edeef0; border-color: #edeef0; }
.search-form .glyphicon { color: #444649; font-size: 16px; line-height: 1.4; }

.rss-date, .rssSummary { color: #8e9095; }

.widget-footer { color: #444649; }
.widget-footer .widget .wg-title { font-size: 16px; color: #8e9095; }
.widget-footer .widget .wg-info { font-size: 12px; margin: 0; }
.widget-footer .widget .wg-info a { color: #444649; }
.widget-footer .widget p { color: #444649; }
.widget-footer p.phone-block, .widget-footer p.email-block, .widget-footer p.address-block { color: #8e9095; padding-bottom: 0; margin: 20px 0 0; }
.widget-footer .form-group { margin-bottom: 10px; }
.widget-footer .form-control { background-color: #222222; border-color: #222222; color: #8e9095; }
.widget-footer .form-control::-webkit-input-placeholder { color: #585b5f; }
.widget-footer .form-control:-moz-placeholder { color: #585b5f; }
.widget-footer .form-control::-moz-placeholder { color: #585b5f; }
.widget-footer .form-control:-ms-input-placeholder { color: #585b5f; }
.widget-footer .btn { border-color: #45484b !important; }

/* ======================== Blog list ======================== */
.blog-list .blog-item { margin-bottom: 60px; }
.blog-list .blog-item.big-full { width: 100%; }
.blog-list .blog-image { text-align: center; margin-top: 8px; }
.blog-list .blog-image a { display: block; text-decoration: none; }
.blog-list .blog-image .carousel { margin-bottom: 0; }
.blog-list.blog-vertical .blog-sticky { width: 100%; padding: 0 15px; }
.blog-list.blog-vertical .blog-sticky .blog-image { margin-bottom: 0; padding: 0; }
.blog-list.blog-vertical .blog-sticky .blog-body { margin-bottom: 0; padding: 20px 30px; background-color: #edeef0; }
.blog-list.blog-full .blog-body { margin-bottom: 0; padding: 20px 15px; }
.blog-list .blog-video > a:after { content: "\49"; display: block; position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; font: 60px/60px 'ElegantIcons'; color: white; }
.blog-list .blog-body { background-color: white; }
.blog-list.blog-masonry .blog-sticky .blog-body { position: relative; background-color: #edeef0; }
.blog-list .blog-title { margin-top: 0; font-size: 21px; margin-bottom: 0; }
.blog-list .blog-info { font-size: 12px; color: #a4a6ac; }
.blog-list .blog-excerpt { margin-top: 18px; }
.blog-list .blog-readmore { margin-top: 12px; }
.blog-list .blog-item-quotation blockquote { margin: 0; }
.blog-list .blog-item-quotation .blog-info { margin: 0; padding: 18px; border: 1px solid #d5d8dd; }
.blog-list .blog-item-quotation.big-full { width: 100%; }
@media (max-width: 767px) { .blog-list .blog-item { max-width: 370px; margin-left: auto; margin-right: auto; }
  .blog-list .blog-image { margin-bottom: 20px; } }

.blog-masonry .blog-item { margin-bottom: 30px; }
.blog-masonry .blog-image { margin-top: 0; margin-bottom: 0; }
.blog-masonry .blog-body { padding: 40px 20px; border: 1px solid #d5d8dd; }

/* ======================== Mental LayerSlider Layers & Styles ======================== */
.ls-mental-title { padding: 18px 28px; line-height: 37px; font-size: 31px; font-weight: bold; color: #8e9095; background: #1a1a1a; white-space: nowrap; }
@media (max-width: 767px) { .ls-mental-title { font-size: 18px; } }

.ls-mental-title-onepage { padding: 18px 28px; line-height: 37px; font-size: 31px; font-weight: bold; color: #76d898; background: #1a1a1a; white-space: nowrap; }
@media (max-width: 767px) { .ls-mental-title-onepage { font-size: 18px; } }

.ls-mental-desrc { padding: 8px 35px; line-height: 20px; font-size: 18px; font-weight: bold; color: #1a1a1a; background: white; white-space: nowrap; text-transform: none; }
@media (max-width: 767px) { .ls-mental-desrc { font-size: 14px; } }

.ls-mental-button { background-color: black; padding: 9px 24px; }

.ls-mental-scrollunder { display: block; width: 40px; height: 40px; border: 2px solid white; border-radius: 40px; font: 40px/40px FontAwesome; text-align: center; text-decoration: none; color: white; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.ls-mental-scrollunder:before { content: "\f107"; }
.ls-mental-scrollunder:hover { color: black; text-decoration: none; background-color: white; }

.ls-mental-bottombar { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; height: 60px; line-height: 60px; padding: 0 10px 0 30px; background-color: rgba(0, 0, 0, 0.7); }
.ls-mental-bottombar #lsmb-title { font-size: 18px; text-transform: uppercase; }
.ls-mental-bottombar .mb-social { float: right; margin: 0; }
.ls-mental-bottombar .mb-social span { display: inline-block; margin: 0 20px 0 0; line-height: 2.3; color: #8e9095; font-size: 16px; }

.ls-mental-bottombar2 { position: absolute; bottom: 0; right: 0; z-index: 3; height: 50px; line-height: 50px; padding: 0 9px 0 20px; background-color: rgba(0, 0, 0, 0.7); }
.ls-mental-bottombar2 span { margin: 0 20px 0 0; line-height: 2.3; color: #8e9095; font-size: 16px; }

.ls-mental-back2gallery { position: absolute; top: 0; right: 0; z-index: 3; width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.7); }
.ls-mental-back2gallery a { display: block; color: #76d898; text-align: center; line-height: 40px; font-size: 18px; }
.ls-mental-back2gallery a:hover { text-decoration: none; color: white; }

.ls-mental-nav { position: absolute; top: 80%; left: 0; z-index: 3; width: 100%; }
.ls-mental-nav .ls-mental-nav-container { width: 1170px; margin: 0 auto; }
.ls-mental-nav .ls-mn-counter { display: inline-block; height: 45px; line-height: 45px; background-color: rgba(0, 0, 0, 0.9); padding: 0 30px; margin-right: 2px; color: #444649; font-size: 18px; vertical-align: middle; }
.ls-mental-nav .ls-mn-counter em { font-style: normal; color: #8e9095; }
.ls-mental-nav .ls-mn-prev, .ls-mental-nav .ls-mn-next { display: inline-block; position: relative; width: 45px; height: 45px; background-color: rgba(0, 0, 0, 0.9); margin-right: 2px; vertical-align: middle; }
.ls-mental-nav .ls-mn-prev:after, .ls-mental-nav .ls-mn-next:after { content: ''; display: block; position: absolute; top: 12px; left: 18px; width: 20px; height: 20px; border: 1px solid #8e9095; border-right: 0; border-bottom: 0; -webkit-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; transition: border-color 0.3s ease; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.ls-mental-nav .ls-mn-next:after { left: 8px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.ls-mental-nav .ls-mn-prev:hover:after, .ls-mental-nav .ls-mn-next:hover:after { border-color: #76d898; }

/* ======================== Top main menu ======================== */
@media (min-width: 992px) { .top-menu > header { width: 100%; height: 100px; }
  .top-menu.tm-fixed { min-height: 100px; }
  .top-menu.tm-fixed-hidden { min-height: 100px; }
  .top-menu.tm-fixed > header { position: fixed; z-index: 40; top: 0; left: 0; width: 100%; height: 80px; margin-top: -20px; margin-left: 15px; 
                      background-color: white; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); 
                      -webkit-transition: height 0.3s ease, margin-top 0.3s ease, top 0.3s ease; 
                      -o-transition: height 0.3s ease, margin-top 0.3s ease, top 0.3s ease; 
                      transition: height 0.3s ease, margin-top 0.3s ease, top 0.3s ease; } 
  .top-menu.tm-fixed-hidden > header {
        position: fixed;
        z-index: 40;
        top: -80px;
        left: 0;
        width: 100%;
        height: 80px;
        margin-top: -20px;
        margin-left: 15px;
        background-color: white;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
        -webkit-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
    }
}
.top-menu .tm-logo { height: 62px; padding-top: 25px; }
.top-menu .tm-logo img { max-height: 50px; }
.top-menu .tm-logo.tm-wtagline img { max-height: 28px; }
@media (max-width: 991px) { .top-menu .tm-logo { padding-top: 10px; } }
.top-menu .tm-site-descr { display: none; margin-top: 7px; margin-bottom: 0; font-size: 12px; }
.top-menu .tm-wtagline .tm-site-descr { display: block; }
.top-menu .tm-menu nav:before, .top-menu .tm-menu nav:after { content: " "; display: table; }
.top-menu .tm-menu nav:after { clear: both; }

.admin-bar .top-menu.tm-fixed > header { top: 32px; }

.menu-bar-right .top-menu.tm-fixed > header { margin-left: -15px; }

.no-menubar .top-menu.tm-fixed > header { margin-left: 0; }

.top-main-menu { float: right; margin-top: -62px; }
@media (min-width: 992px) { .top-main-menu { margin-top: 25px; } }
.top-main-menu > li > a { display: block; margin: 10px 20px; }
@media (max-width: 1199px) { .top-main-menu > li > a { margin: 10px 10px; } }
.top-main-menu li > a { color: #666;  letter-spacing: 0.3px;}
.top-main-menu li > a:hover { color: #76d898; }
.top-main-menu li.active > a { color: #76d898; }

.megamenu .form-group { margin-bottom: 10px; }

/* ======================== Onepage ======================== */
div.ls-fullheight { padding: 0; }

div.ls-nobullets .ls-bottom-nav-wrapper { display: none; }

div.ls-nonav a.ls-nav-prev { display: none !important; }
div.ls-nonav a.ls-nav-next { display: none !important; }

.onepage-top-section { overflow: hidden; position: relative; }

/* ======================== Gallery ======================== */
ul.gallery-filters { list-style-type: none; margin: 0; padding: 0; position: relative; background-color: #1a1a1a; }
ul.gallery-filters:before, ul.gallery-filters:after { content: " "; display: table; }
ul.gallery-filters:after { clear: both; }
ul.gallery-filters > li {display:inline-block; float:none;}
ul.gallery-filters > li > a { display: block; padding: 15px 40px 15px; color: #444649; text-transform: uppercase; }
ul.gallery-filters > li > a.active, ul.gallery-filters > li a:hover { color: #76d898; text-decoration: none; }
ul.gallery-filters > li.gf-underline { position: absolute; bottom: 0; left: 0; width: 103px; height: 3px; background-color: #76d898; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.gallery { background-color: #1a1a1a; list-style-type: none; margin: 0; padding: 0; }
.gallery:before, .gallery:after { content: " "; display: table; }
.gallery:after { clear: both; }
.gallery .gl-item { position: relative; width: 100%; padding-left: 0; padding-right: 0; min-height: 1px; }
@media (min-width: 768px) { .gallery .gl-item { float: left; width: 50%; } }
@media (min-width: 992px) { .gallery .gl-item { float: left; width: 33.33333%; } }
@media (min-width: 1200px) { .gallery .gl-item { float: left; width: 25%; } }
.gallery .gl-item.gl-hidden { display: none; }
.gallery .gl-item.gl-loading { min-height: 225px; }
.gallery .gl-item.gl-loading:after { content: '\f110'; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -20px 0 0 -20px; color: #76d898; font: normal normal normal 33px/1 FontAwesome; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.gallery .gl-item a:hover { text-decoration: none; }
.gallery .gl-item figure { position: relative; z-index: 1; width: 100%; overflow: hidden; }
.gallery .gl-item figure img { max-width: 100%; min-width: 100%; vertical-align: middle; backface-visibility: hidden; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; transform-style: preserve-3d; }
.gallery .gl-item figure figcaption { position: absolute; top: 0; left: 0; bottom: -1px; right: 0; opacity: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-color: rgba(0, 0, 0, 0.8); }
.gallery .gl-item figure:hover > img { transform: scale(1.3); -ms-transform: scale(1.3); /* IE 9 */ -moz-transform: scale(1.3); /* Firefox */ -webkit-transform: scale(1.3); /* Safari and Chrome */ -o-transform: scale(1.3); /* Opera */ }
.gallery .gl-item figure:hover > figcaption { opacity: 1; }
.gallery .gl-item.gl-fixed-ratio-item.gl-loading { min-height: 0; }
.gallery .gl-item.gl-fixed-ratio-item > a { display: block; position: relative; width: 100%; padding-top: 67%; }
.gallery .gl-item.gl-fixed-ratio-item.gl-fri-square > a { padding-top: 100%; }
.gallery .gl-item.gl-fixed-ratio-item figure { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.gallery .gl-item.gl-fixed-ratio-item figure img { position: absolute; top: -999px; bottom: -999px; left: -999px; right: -999px; width: auto !important; height: auto !important; min-height: 100%; max-height: 100%; max-width: none; margin: auto; }
.gallery .gl-item.gl-fixed-ratio-item figure img.img-vertical { max-width: 100%; max-height: none; }
.gallery .gl-item .gl-preview { display: none; }
.gallery .gl-item.gl-preview { position: relative; width: 100% !important; background-color: #1a1a1a; }
.gallery .gl-item.gl-preview .glp-arrow { display: block; position: absolute; z-index: 1; top: -59px; left: 12.5%; margin-left: -30px; width: 0; height: 0; border: 30px solid transparent; border-bottom-color: #1a1a1a; }
.gallery .gl-item.gl-preview .glp-close { display: block; position: absolute; z-index: 2; top: 15px; right: 25px; width: 30px; height: 30px; line-height: 30px; font-size: 45px; color: #8e9095; font-family: 'ElegantIcons'; }
.gallery .gl-item.gl-preview .glp-close:before { content: "\4d"; }
.gallery .gl-item.gl-preview .glp-zoom { display: block; position: absolute; z-index: 1; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; background-color: #444649; text-align: center; cursor: pointer; }
.gallery .gl-item.gl-preview .glp-zoom i { display: block; color: #8e9095; font-size: 18px; font-family: 'ElegantIcons'; font-style: normal; }
.gallery .gl-item.gl-preview .glp-zoom i:before { content: "\54"; }
.gallery .gl-item.gl-preview .glp-zoom.loading i { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.gallery .gl-item.gl-preview .glp-zoom.loading i:before { content: "\e02d"; }
@media (max-width: 991px) { .gallery .gl-item.gl-preview .glp-zoom { display: none; } }
.gallery .gl-item.gl-preview .gl-preview-container { max-width: 1200px; margin: 0 auto; padding: 20px 0; }
.gallery .gl-item.gl-preview figure { display: inline-block; width: auto; text-align: center; max-width: 800px; }
.gallery .gl-item.gl-preview figure img { width: auto !important; height: auto !important; max-width: 100%; min-width: 0; max-height: 100%; }
.gallery .gl-item.gl-preview figure img.glp-zoomed { display: block; position: fixed; z-index: 101; top: 0; right: 0; width: 100%; max-width: none; cursor: url(assets/img/zoom-out.gif), zoom-out; }
.gallery .gl-item.gl-preview figure:hover > img { transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; }
.gallery .gl-item.gl-preview .gl-preview-image { text-align: center; }
.gallery .gl-item.gl-preview .gl-preview-descr { padding: 0 30px 0 15px; font-size: 13px; }
.gallery .gl-item.gl-preview .glp-readmore { margin-top: 20px; }
.gallery .gl-item.gl-preview .glp-social { margin: 50px 0 0; white-space: nowrap; }
.gallery .gl-item.gl-preview .glp-social span { display: inline-block; line-height: 2.3; font-size: 16px; vertical-align: middle; }
.gallery .gl-item.gl-preview .glp-video { position: relative; width: 100%; padding-bottom: 56.25%; }
.gallery .gl-item.gl-preview .glp-video iframe, .gallery .gl-item.gl-preview .glp-video object, .gallery .gl-item.gl-preview .glp-video embed, .gallery .gl-item.gl-preview .glp-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gallery .gl-item.gl-preview .carousel { display: inline-block; max-width: 100%; }
.gallery .gl-item.gl-preview .glp-fullsize { padding: 20px; text-align: center; }
.gallery .gl-item.gl-preview .glp-fullsize figure { max-width: none; }
.gallery.gl-cols-3 .gl-item { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
@media (min-width: 1200px) { .gallery.gl-cols-3 .gl-item { float: left; width: 33.33333%; } }
.gallery.gl-cols-3 .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
@media (min-width: 1200px) { .load-more-blockgallery.gl-cols-3 .gl-item.gl-double { float: left; width: 66.66667%; } }
.gallery.gl-cols-5 .gl-item { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
@media (min-width: 1200px) { .gallery.gl-cols-5 .gl-item { float: left; width: 20%; } }
.gallery.gl-cols-5 .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
@media (min-width: 1200px) { .gallery.gl-cols-5 .gl-item.gl-double { float: left; width: 40%; } }
.gallery.gl-cols-6 .gl-item { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
@media (min-width: 1200px) { .gallery.gl-cols-6 .gl-item { float: left; width: 16.66667%; } }
.gallery.gl-cols-6 .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
@media (min-width: 1200px) { .gallery.gl-cols-6 .gl-item.gl-double { float: left; width: 33.33333%; } }
.gallery[data-type="masonry"] .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
@media (min-width: 768px) { .gallery[data-type="masonry"] .gl-item.gl-double { float: left; width: 100%; } }
@media (min-width: 992px) { .gallery[data-type="masonry"] .gl-item.gl-double { float: left; width: 66.66667%; } }
@media (min-width: 1200px) { .gallery[data-type="masonry"] .gl-item.gl-double { float: left; width: 50%; } }
.gallery .gl-item-icon { margin-bottom: 0; font-size: 36px; text-align: center; color: white; }
.gallery .gl-item-title { margin-bottom: 0; font-size: 16px; text-align: center; color: white; text-transform: uppercase; }
.gallery .gl-item-category { margin-bottom: 0; font-size: 16px; line-height: 1; text-align: center; color: #8e9095; }
.gallery.gl-pinterest .gl-item { padding: 5px; }
.gallery.gl-pinterest .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; padding: 5px; }
@media (min-width: 768px) { .gallery.gl-pinterest .gl-item.gl-double { float: left; width: 50%; } }
@media (min-width: 992px) { .gallery.gl-pinterest .gl-item.gl-double { float: left; width: 33.33333%; } }
@media (min-width: 1200px) { .gallery.gl-pinterest .gl-item.gl-double { float: left; width: 25%; } }
.gallery.gl-pinterest .gl-item figcaption { position: relative; z-index: 1; opacity: 1; padding: 20px; background-color: white; }
.gallery.gl-pinterest.gl-cols-3 .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; padding: 5px; }
@media (min-width: 1200px) { .gallery.gl-pinterest.gl-cols-3 .gl-item.gl-double { float: left; width: 33.33333%; } }
.gallery.gl-pinterest.gl-cols-5 .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; padding: 5px; }
@media (min-width: 1200px) { .gallery.gl-pinterest.gl-cols-5 .gl-item.gl-double { float: left; width: 20%; } }
.gallery.gl-pinterest.gl-cols-6 .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; padding: 5px; }
@media (min-width: 1200px) { .gallery.gl-pinterest.gl-cols-6 .gl-item.gl-double { float: left; width: 16.66667%; } }
.gallery.gl-pinterest .gl-item-title { margin-bottom: 10px; font-size: 15px; text-align: left; color: #444649; text-transform: uppercase; }

.load-more-block { height: 60px; line-height: 60px; text-align: center; }
.load-more-block.dark { background-color: #1a1a1a; }
.load-more-block .load-more-button { font-size: 16px; text-transform: uppercase; }
.load-more-block .no-more-items-sign { display: none; }
.load-more-block .loading-spinner { display: none; }
.load-more-block.loading .load-more-button { display: none !important; }
.load-more-block.loading .loading-spinner { display: inline-block !important; }
.load-more-block.no-more-items .load-more-button { display: none !important; }
.load-more-block.no-more-items .loading-spinner { display: none !important; }
.load-more-block.no-more-items .no-more-items-sign { display: inline-block !important; }

/* ======================== Single Work with Description ======================== */
.single-work p { color: #444649; }
.single-work .sw-description { margin-top: 50px; }
.single-work .mb-social { margin-top: 30px; }
.single-work .mb-social > a { background: none; font-size: 20px; }

/* ======================== Video Js Skin ======================== */
.container-fullwidth-video { position: relative; width: 100%; }
.container-fullwidth-video iframe, .container-fullwidth-video object, .container-fullwidth-video embed, .container-fullwidth-video video, .container-fullwidth-video .wp-video { width: 100% !important; height: 100% !important; }
.container-fullwidth-video .mejs-container, .container-fullwidth-video .mejs-overlay { width: 100% !important; height: 100% !important; }

.vjs-fullwidth { width: 100%; }

.vjs-fullheight { height: 100%; }

.vjs-mental-skin .vjs-play-progress { background: #76d898; }
.vjs-mental-skin .vjs-volume-level { background: #76d898; }
.vjs-mental-skin .vjs-big-play-button { left: 50%; top: 50%; width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; border: 0; box-shadow: none; -webkit-box-shadow: none; background: transparent; }
.vjs-mental-skin .vjs-big-play-button:before { content: "\f01d"; position: static; color: white; font: 80px/100px FontAwesome; vertical-align: middle; }
.vjs-mental-skin:hover .vjs-big-play-button, .vjs-mental-skin:hover .vjs-big-play-button:focus { background: transparent; box-shadow: none; -webkit-box-shadow: none; }

/* ======================== Loading spinners ======================== */
.loading-spinner { display: inline-block; width: 32px; height: 32px; vertical-align: middle; background: url(assets/img/spinner_black.gif); }

.cssanimations .loading-spinner { background: none; font: 32px/32px FontAwesome; color: #76d898; -webkit-animation: fa-spin 2s infinite linear; -moz-animation: fa-spin 2s infinite linear; -o-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.cssanimations .loading-spinner:before { content: "\f110"; }

/* ======================== Call To Action Panel ======================== */
.well.call-to-action { padding-top: 30px; padding-bottom: 30px; margin-bottom: 40px; }
.well.call-to-action h3 { font-size: 28px; font-weight: bold; margin-top: 15px; margin-bottom: 15px; }
.well.call-to-action h3 + a.btn { margin-top: 20px; }
@media (max-width: 1199px) { .well.call-to-action a.btn { margin-top: 20px; } }
.well.call-to-action a.btn { margin-bottom: 0; }

/* ======================== Page heading ======================== */
.header-main{text-align: center}
.header-sub{display: table;color: #ccc;font-size: 14px;font-style: italic;text-align: center;text-transform: none;width: auto;margin: 0 auto;padding: 1px 15px;}

/* ======================== Scroll to Top button ======================== */
#azl_scroll_up { position: fixed; z-index: 1000000; right: 0; bottom: 20px; width: 40px; height: 40px; background-color: #282D31; color: #FFFFFF; text-align: center; line-height: 40px; font-size: 24px; 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; }

/*!==========================================================================
   Helpers
   ========================================================================== */
/* ======================== Text helpers ======================== */
.text-transform-none { text-transform: none; }

/* ======================== Effects & Animations ======================== */
.img-eye-hover { display: inline-block; vertical-align: bottom; position: relative; overflow: hidden; text-decoration: none; }
.img-eye-hover > img { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; transform-style: preserve-3d; }
.img-eye-hover:hover:after { content: "\f06e"; display: block; position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -16px 0 0 -15px; font: 40px/40px FontAwesome; color: white; }
.img-eye-hover:hover > img { transform: scale(1.3); -ms-transform: scale(1.3); /* IE 9 */ -moz-transform: scale(1.3); /* Firefox */ -webkit-transform: scale(1.3); /* Safari and Chrome */ -o-transform: scale(1.3); /* Opera */ }

.img-zoom-hover { display: inline-block; position: relative; vertical-align: bottom; overflow: hidden; }
.img-zoom-hover > img { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; transform-style: preserve-3d; }
.img-zoom-hover:hover > img { transform: scale(1.3); -ms-transform: scale(1.3); /* IE 9 */ -moz-transform: scale(1.3); /* Firefox */ -webkit-transform: scale(1.3); /* Safari and Chrome */ -o-transform: scale(1.3); /* Opera */ }
.img-zoom-hover:hover .hover-icon { opacity: 1; }
.img-zoom-hover .hover-icon { display: block; position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -16px 0 0 -15px; opacity: 0; font-size: 40px; color: white; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

/* ======================== Other ======================== */
.display-block { display: block; }

.margin-btm-lg { margin-bottom: 40px; }

.margin-btm-md { margin-bottom: 30px; }

.margin-btm-sm { margin-bottom: 20px; }

.col-margin-lg .row > div { margin-bottom: 40px; }

.col-margin-md .row > div { margin-bottom: 20px; }

.col-margin-sm .row > div { margin-bottom: 10px; }

.no-padding { padding: 0; }

.no-margin { margin: 0; }

.middle { width: 100%; height: 100%; display: table; }
.middle .middle-inner { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }

.responsive-embed { position: relative; width: 100%; padding-bottom: 56.25%; }
.responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .responsive-embed .wp-video { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.responsive-embed .mejs-container, .responsive-embed .mejs-overlay { width: 100% !important; height: 100% !important; }

.fullsize-embed { width: 100% !important; height: 100% !important; }
.fullsize-embed iframe, .fullsize-embed object, .fullsize-embed embed, .fullsize-embed video, .fullsize-embed .wp-video, .fullsize-embed .mejs-container, .fullsize-embed .mejs-overlay { width: 100% !important; height: 100% !important; }

.wp-video-shortcode { width: 100% !important; height: 100% !important; max-width: 100%; }

@media (min-width: 768px) { [data-animate] { opacity: 0; } }
.image-fit img{width:100%}.image-fit .gallery-controls{padding-top:0}

.shadow-down { box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }

.parallax { background-position: center; }

@media (min-width: 1200px) { .parallax { background-size: 100%; } }
.full-width-height { width: 100%; height: 100%; }

.pie-label { display: block; margin-top: -18px; margin-bottom: 10px; font-size: 15px; text-transform: uppercase; }

@media (min-width: 992px) { .col-md-5cols { width: 20%; } }

.addthis_sharing_toolbox { display: inline-block; }

#map-canvas img { max-width: none; }

.intense-zoom-img { cursor: move; }

section .load-more-block.dark, section .gallery, section ul.gallery-filters{ background:none;}
.accordion-group a.accordion-header:hover{color:#fff;}

.sidebar-widget .instagram-pics li{width:48%; margin:0 0 5px 5px;float:left; transition: all .2s ease-in-out;}
.widget-footer .instagram-pics li {width:30%; margin:0 0 5px 5px;float:left; transition: all .2s ease-in-out;}
.instagram-pics li:hover{transform: scale(1.1);}
.yarpp-thumbnail > img, .yarpp-thumbnail-default, .yarpp-thumbnails-horizontal .yarpp-thumbnail, .yarpp-thumbnails-horizontal .yarpp-thumbnail-title{width:auto !important; border:none !important;}
.wpb_images_carousel  .vc_left.vc_carousel-control{left:-70px !important;}
.vc_images_carousel .vc_carousel-control{text-shadow:none;}