/*------------------------------------------------------------------
Sartre Skin Architecture
Version: 1.0.3;
Author: ThemeMountain
Copyright: ThemeMountain

[Table of contents]

1. Typography
2. Background Color & Color Classes
3. Section Padding
4. Header Styling
5. Header Logo
6. Header Navigation
7. Header Buttons, Dropdowns & Icons
8. Auxiliary Navigation
9. Title Areas
10. Slider & Parallax
11. Lightbox
12. Plugin Preloader
13. Rollovers
14. Homepage
15. About Pages
16. Contact Pages
17. Project Pages
18. Pagination
19. Fullscreen Pages
20. Blog Pages
21. Form Elements 
22. Social Lists
23. Footer
24. Sidebar
25. Dividers
26. Media Element Player
27. E-Commerce
28. Component Styling
29. Resolution Media Queries

-------------------------------------------------------------------*/

.green { color: #00ff00; }
.blue { color: #007ffe; }
.yellow { color: #fed700; }

/*------------------------------------------------------------------
[1. Typography]
*/

body { font-family: 'Roboto Mono', monospace; font-weight: 400; font-size: 1.8rem; line-height: 1.5; color: #2f323c; }

h1, h2, h3, h4, h5, h6, select, .project-title, .product-title, .project-description, .font-alt-1 { font-family: 'Abril Fatface', cursive; }

.font-alt-2 { font-family: 'Roboto Mono', monospace; }

/*.caption-over-inner { -webkit-text-stroke: 1px black; }*/

input, textarea, .header .navigation > ul > li > a, .side-navigation > ul > li > a, .overlay-navigation > ul > li > a, .grid-filter-menu a { font-family: 'Roboto Mono', monospace; }

/* Titles */

h1, h2, h3, h4, h5, h6 { color: #2f323c; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #ff6666; }

h1 { font-size: 6.5rem; line-height: 1.05; }

h2 { font-size: 4.275rem; line-height: 1.25; }

h3 { font-size: 3.325rem; line-height: 1.25; }

h4 { font-size: 2.1375rem; line-height: 1.222222; }

h5 { font-size: 1.9rem; }

h6 { font-size: 1.7rem; }

.h1-style { font-size: 6.5rem; line-height: 1.05; color: #fff;}

.h2-style { font-size: 4.275rem; line-height: 1.25; }

.h3-style { font-size: 3.325rem; line-height: 1.25; }

.h4-style { font-size: 2.1375rem; line-height: 1.222222; }

.h5-style { font-size: 1.9rem; }

.h6-style { font-size: 1.7rem; }

/*em,
p em,
h2 em {
  font-style: normal;
  color: inherit;
  transition: background 0.15s cubic-bezier(0.33, 0.66, 0.66, 1);
}
em { box-shadow: inset 0 -18px 0 0 #ffc1c1; }
p em { box-shadow: inset 0 -11px 0 0 #ffc1c1; }
h2 em { box-shadow: inset 0 -28px 0 0 #ffc1c1; }
em.standard { font-style: italic; box-shadow: none; }*/

/* Widget Titles */
.footer .widget-title, .footer .widget-title a { font-size: 2rem; letter-spacing: 0.2rem; font-weight: 700; color: #fff; }

.sidebar .widget-title, .sidebar .widget-title a { font-size: 1.4rem; }

.side-navigation-wrapper .widget-title, .side-navigation-wrapper .widget-title a { font-size: 1.4rem; color: #fff; }

.overlay-navigation-wrapper .widget-title, .overlay-navigation-wrapper .widget-title a { font-size: 1.4rem; color: #999; }

/* Link Colors */
a, p a, .box a:not(.button) { color: #ff6666; }

a.link-underline { box-shadow: inset 0 -10px 0 0 #ffc1c1; color: inherit; transition: background 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); }
blockquote a.link-underline { box-shadow: inset 0 -13px 0 0 #ffc1c1;}

a:hover.link-underline { background: #ffc1c1; color: inherit; }

.sidebar .widget a, .shop .product-summary a, .shop .cart-overview a { color: #ff6666; }

a:hover, p a:hover, .box a:not(.button):hover, .social-list li a:hover, .team-1 .social-list a:hover, .team-2 .social-list a:hover, .tabs li a:hover, .tabs li.active a, .tabs li.active a:hover, .blog-masonry .with-background .post-read-more a:hover, .post-info a:hover, .post-info-over a:hover, .post-info-over a:hover span, .post-author-aside a:hover, .post-love a:hover, .post-love a:hover span, .scroll-down a:hover, .widget a:not(.button):hover, .footer a:hover + .post-info .post-date, .footer .navigation a:hover, .footer .social-list a:hover, .footer .footer-bottom a:hover { color: #2f323c; }

a[class*="icon-"]:hover { text-decoration: none; }

a:hover .text-line, a.animated-link:hover .text-line, .accordion li a:hover .text-line, .tabs li a:hover .text-line, .blog-masonry .with-background .post-read-more a:hover .text-line { background-color: #ff6666; }

a.animated-link { position: relative; }

/* Lead */
.lead { font-size: 2.75rem; font-weight: 300; }

/* Title Classes */
.title-xlarge { font-size: 8rem; line-height: 1; }

.title-large { font-size: 6.2rem; line-height: 1; }

.title-medium { font-size: 3rem; line-height: 1; }

.title-small { font-size: 1.1rem; line-height: 1; }

/* Text Classes */
.text-xlarge { font-size: 4.6rem; line-height: 1.4; }

.text-large { font-size: 4rem; line-height: 1.4; }

.text-medium { font-size: 2.4rem; line-height: 1.4; }

.text-small { font-size: 1.6rem; line-height: 1.4; }

/* Special Text Classes */
.status-code-title { font-size: 14rem; line-height: 1; }

/* Weight Classes */
.weight-light { font-weight: 300; }

.weight-regular { font-weight: 400; }

.weight-bold { font-weight: 700; }

.weight-black { font-weight: 900; }

/* Mobiles */
@media only screen and (max-width: 768px) { 
  h1, .title-xlarge, .h1-style { font-size: 3.8rem; line-height: 1.25; }
  h2, .title-large, .h2-style { font-size: 3.0875rem; line-height: 1.25; }
  h3 { font-size: 2.6125rem; line-height: 1.13636364; }
  h4 { font-size: 2.1375rem; line-height: 1.11111111}
  h5 { font-size: 1.3rem; }
  h6 { font-size: 1.1rem; }
  h5.tms-caption, .tmp-content h5 { font-size: 1.4rem; }
  .tms-caption.title-xlarge, .tmp-content .title-xlarge { font-size: 4.5rem; line-height: 4.5rem; }
  p { font-size: 1.9rem; }
  p em { box-shadow: inset 0 -11px 0 0 #ffc1c1; }
  h2 em { box-shadow: inset 0 -20px 0 0 #ffc1c1; }
  em.standard { font-style: italic; box-shadow: none; }
  /* Lead */
  .lead, blockquote p { font-size: 2.3rem; }
  /* Text Classes */
  .text-xlarge { font-size: 3.1rem; }
  .text-large { font-size: 2.5rem; }
  .text-medium { font-size: 1.9rem; }
  .text-small { font-size: 1.1rem; }
  /* Helpers */
  .fullscreen-section .background-on-mobile { background: #f4f4f4; }
  .fullscreen-section .background-on-mobile * { color: #666 !important; }
  .fullscreen-section .background-on-mobile h1, .fullscreen-section .background-on-mobile h2, .fullscreen-section .background-on-mobile h3, .fullscreen-section .background-on-mobile h4, .fullscreen-section .background-on-mobile h5, .fullscreen-section .background-on-mobile h6 { color: #000 !important; }
  .form-element, textarea, select, input { font-size: 1.6rem !important; text-transform: none !important; letter-spacing: 0 !important;} }

/*------------------------------------------------------------------
[2. Background Color & Color Classes]
*/
body, .content, .featured-media:after, .section-block:not([class*="bkg-"]), .fullscreen-sections-wrapper { background-color: #fff; }

.section-block.featured-media { background-color: #000; }

/* white */
.bkg-hover-white-border:hover,
.bkg-white-border {
  background:#fff;
  border-color:#000;
}

/* greyscale */
.wrapper-inner { -webkit-filter: none; filter: none; -webkit-transition: 350ms ease-in-out; transition: 350ms ease-in-out; }

/* grey ultralight */
.bkg-grey-ultralight, .bkg-hover-grey-ultralight:hover { background-color: #ececee; border-color: #ececee; }

.border-grey-ultralight, .border-hover-grey-ultralight:hover { border-color: #ececee; }

.color-grey-ultralight, .color-hover-grey-ultralight:hover { color: #ececee; }

/* grey light */
.bkg-grey-light, .bkg-hover-grey-light:hover { background-color: #d9dadd; border-color: #d9dadd; }

.border-grey-light, .border-hover-grey-light:hover { border-color: #d9dadd; }

.color-grey-light, .color-hover-grey-light:hover { color: #d9dadd; }

/* grey */
.bkg-grey, .bkg-hover-grey:hover { background-color: #c6c8cc; border-color: #c6c8cc; }

.border-grey, .border-hover-grey:hover { border-color: #c6c8cc; }

.color-grey, .color-hover-grey:hover { color: #c6c8cc; }

/* grey dark*/
.bkg-grey-dark, .bkg-hover-grey-dark:hover { background-color: #444857; border-color: #444857; }

.border-grey-dark, .border-hover-grey-dark:hover { border-color: #444857; }

.color-grey-dark, .color-hover-grey-dark:hover { color: #444857; }

/* charcoal */
.bkg-charcoal-light { background-color: #3d404e; border-color: #3d404e; }

.bkg-hover-charcoal-light:hover { background-color: #3d404e; border-color: #3d404e; }

.border-hover-charcoal-light:hover { border-color: #3d404e; }

.color-charcoal-light, .color-hover-charcoal-light:hover { color: #3d404e; }

.bkg-charcoal { background-color: #2f323c; border-color: #2f323c; }

.bkg-hover-charcoal:hover { background-color: #2f323c; border-color: #2f323c; }

.bkg-hover-charcoal-border:hover { background-color: #2f323c; border-color: #ffffff; }

.border-charcoal, .border-hover-charcoal:hover { border-color: #2f323c; }

.color-charcoal, .color-hover-charcoal:hover { color: #2f323c; }

/* blue */
.bkg-turquoise { background-color: #55c4a1; border-color: #55c4a1; }

.bkg-hover-turquoise:hover { background-color: #55c4a1; border-color: #55c4a1; }

.border-turquoise, .border-hover-turquoise:hover { border-color: #55c4a1; }

.color-turquoise, .color-hover-turquoise:hover { color: #55c4a1; }

/* theme */
.bkg-theme { background-color: #ff6666; border-color: #ffffff; }

.bkg-hover-theme:hover { background-color: #ff6666; border-color: #ffffff; }

.border-theme { border-color: #ff6666; }

.border-hover-theme:hover { border-color: #ff6666; }

.color-theme { color: #ff6666 !important; }

.color-hover-theme:hover { color: #ff6666; }

.text-on-bkg { padding: 1rem 2rem 2rem 2rem !important; }

/* brand-2 */
.bkg-brand-2 { background-color: #444857; border-color: #444857; }

.bkg-hover-brand-2:hover { background-color: #444857; border-color: #444857; }

.border-brand-2 { border-color: #444857; }

.border-hover-brand-2:hover { border-color: #444857; }

.color-brand-2 { color: #444857 !important; }

.color-hover-brand-2:hover { color: #444857; }

/* special offer */

.bkg-special { background-color: #5eb7c7; border-color: #5eb7c7; }

.bkg-hover-special:hover { background-color: #b7c75e; border-color: #b7c75e; }

.border-special { border-color: #5eb7c7; }

.border-hover-special:hover { border-color: #5eb7c7; }

.color-special { color: #5eb7c7 !important; }

.color-hover-special:hover { color: #5eb7c7; }


/*------------------------------------------------------------------
[3. Section Padding]
*/
/* Unique Template Padding & Margins */
.section-block, .fullscreen-section .fullscreen-inner, .pagination-2 .pagination-next, .row.xlarge { padding-top: 11rem; padding-bottom: 11rem; }

.replicable-content, .row.xlarge.replicable-content { padding-top: 11rem; padding-bottom: 8rem; }

.section-block.slanted-top:before { width: 100%; height: 12rem; background-color: inherit; content: ''; position: absolute; left: 0; top: -5.7rem; -webkit-transform: skewY(-4.5deg); -ms-transform: skewY(-4.5deg); transform: skewY(-4.5deg); z-index: 5; }

.footer .footer-top { padding-top: 9rem; padding-bottom: 5rem; }

.grid-filter-menu { padding-top: 5rem; padding-bottom: 5rem; }

.home-page .grid-filter-menu { padding-bottom: 4rem; }

.section-block.feature-2 { padding-bottom: 12rem; }

.divider { margin-top: 6rem; margin-bottom: 9rem; }

.page-intro .divider, [class*="intro-title-"] .divider { margin-top: 0; margin-bottom: 2rem; }

.separator { width: 5rem; height: 0.1rem; margin-top: 1.5rem; margin-bottom: 3rem; }

.text-line { width: 2rem; height: 0.1rem; display: inline-block; }

.text-line[class*="bkg-"] { padding: 0; }

.text-line-vertical { display: inline-block; position: relative; }

.tm-slider-container .text-line-vertical { width: 100%; }

.text-line-vertical-top:before {
  width: 1px;
  height: 8rem;
  margin-bottom: 3rem;
  border-right: 1px solid #777;
  position: absolute;
  bottom: 100%;
  left: 50%;
  content: '';
}

.text-line-vertical:after { width: 1px; height: 8rem; margin-top: 3rem; border-right: 1px solid #777; position: absolute; top: 100%; left: 50%; content: ''; }

.tm-slider-container .text-line-vertical:after { height: 50rem; border-color: #ff6666; }

@media only screen and (min-width: 960px) { .header-1-static + .content { padding-top: 8rem; } }

@media only screen and (max-width: 768px) { .fullscreen-section.content-below-on-mobile .fullscreen-inner { padding-top: 12rem !important; padding-bottom: 12rem !important; } }

/*------------------------------------------------------------------
[4. Header Styling]
*/
/* Initial Position */
.header-bottom { bottom: 0; }

/* Intial Height */
.header .logo, .header .header-inner .navigation > ul > li, .header .header-inner .navigation > ul > li > a:not(.button), .header .header-inner .dropdown > .nav-icon { height: 7rem; line-height: 7rem; }

/* Compacted Height */
.header-compact .logo, .header-compact .header-inner .navigation > ul > li, .header-compact .header-inner .navigation > ul > li > a:not(.button), .header-compact .header-inner .dropdown > .nav-icon { height: 6rem; line-height: 6rem; }

/* Header Initial Styling */
.header .header-inner { background-color: #ffffff; border-bottom: 10px solid #55c4a1; }

.header .header-inner > .nav-bar { /*border-bottom: 1px solid #eee;*/ }

/* Transparent Header Initial & Active Nav Colors */
.header-transparent .header-inner { background-color: transparent; border-bottom: none; }

.header-transparent .header-inner > .nav-bar { /*border-bottom: 1px solid rgba(255,255,255, 0.2);*/ }

.header-bottom.header-transparent .header-inner > .nav-bar { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: none; }

/* Background Header - On Scroll! */
.header-background .header-inner { background-color: #ffffff; border-bottom: 1px solid #f2f2f2; }

.header-background .header-inner > .nav-bar { border-bottom: none; }

/* Header Inner Top */
.header .header-inner-top { height: 4rem; background: #232323; color: #fff; }

/* Mobile Header Styles & Breakpoints */
.mobile .header .header-inner { background-color: #fff; border-top: none; }

.mobile .header .header-inner { border-bottom: 10px solid #55c4a1; }

.mobile .header + .content { padding-top: 0; }

@media only screen and (max-width: 960px) { .header .header, .header .header-inner, .header.header-transparent .header-inner { background-color: #fff; }
  .header .header-inner { border-bottom: 10px solid #55c4a1; }
  .header .header-inner > .nav-bar { padding: 0; } }

/*------------------------------------------------------------------
[5. Header Logo]
*/
/* Initial Logo Width */
.header .logo { width: 15rem; }

/* Compacted Header Logo Width */
.header-compact .logo { width: 12.5rem; }

/* Initial Logo Styling */
.header .logo a { display: block !important; position: absolute; top: 0; }

.header-in .logo a, .header-out .logo a { -webkit-transition-duration: 0ms; transition-duration: 0ms; }

.header .logo a:first-child { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.header .logo a + a { display: none !important; }

/* Transparent Header Show Light Logo */
.header-transparent .logo a:first-child { opacity: 0; -webkit-transform: translateY(5rem); transform: translateY(5rem); }

.header-transparent .logo a + a { display: block !important; -webkit-transform: translateY(0); transform: translateY(0); }

/* Header Background Logo Swap to Dark Logo - On Scroll! */
.header-background .logo a:first-child { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.header-background .logo a + a { display: block !important; opacity: 0; -webkit-transform: translateY(-5rem); transform: translateY(-5rem); }

/* Logo Nav Dark */
.nav-dark .logo a:first-child { display: block !important; top: 0; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.nav-dark .logo a:last-child { display: none !important; }

/* Logo Mobile Header & Breakpoints */
.mobile .header .logo a:first-child { display: block !important; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

@media only screen and (max-width: 960px) { .header .logo-inner { display: table-cell; vertical-align: middle; }
  .header .logo a { position: relative; }
  .header .logo a:first-child { opacity: 1; top: 0; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; }
  .header .logo a:last-child { display: none !important; } }

/*------------------------------------------------------------------
[6. Header Navigation]
*/
/* Padding & Margins */
.header .logo-center ~ .navigation.nav-center { padding-top: 0.5rem; }

.header .logo-center ~ .navigation.nav-center > ul > li > a { padding-bottom: 2rem; }

.header .navigation > ul > li > a { margin: 0 1.5rem; padding-left: 0; padding-right: 0; font-size: 1.8rem; letter-spacing: 0; }


/* Transparent Header Initial, Hover & Current Nav Colors */
.header-transparent .navigation > ul > li > a { color: #fff; opacity: 1; }

.header-transparent .navigation > ul > li > a:hover { color: #fff; opacity: 0.7; } 

.header-transparent .navigation > ul > li.current > a, .header-transparent .navigation > ul > li.current > a:hover { color: #fff; opacity: 1; }


/* Header Background Initial, Hover & Current Nav Colors - On Scroll! */
.header-background .navigation > ul > li > a { color: #444857; opacity: 1; }

.header-background .navigation > ul > li > a:hover { color: #444857; opacity: 0.7; }

.header-background .navigation > ul > li.current > a, .header-background .navigation > ul > li.current > a:hover { color: #444857; border-bottom: 1px; }


/* Sub Menus, Mega Menus, Dropdown List Initial Colors */
.navigation .sub-menu li, .navigation .dropdown-list li { border-bottom: none; }

.navigation .sub-menu li a, .navigation .mega-sub-menu ul li a, .navigation .dropdown-list li a { line-height: 1.6; font-weight: 300; font-size: 1.2rem; color: #444857; }

.navigation .sub-menu:not(.custom-content) li a, .navigation .dropdown-list:not(.custom-content) li a { padding: 1rem 1.5rem; }

.navigation .mega-sub-menu > li > a { font-size: 1.3rem; }

.navigation .sub-menu:not(.custom-content) a, .navigation .sub-menu.custom-content, .navigation .mega-sub-menu, .navigation .dropdown-list { background-color: #fff; }


/* Sub Menus, Mega Menus, Dropdown List Hover Colors */
.navigation .sub-menu:not(.custom-content) li:hover > a, .navigation .mega-sub-menu:not(.custom-content) ul li:hover > a, .navigation .dropdown-list:not(.custom-content) li:hover a { background-color: #444857; }

.navigation ul li > a:hover, .navigation .mega-sub-menu ul li > a:hover, .navigation .dropdown-list li > a:hover, .navigation .cart-overview .product-title:hover, .navigation .cart-overview .product-remove:hover { color: #fff; }

/* Mega Menu Position */
.navigation .mega-sub-menu { left: 0; right: 0; }

/* Labels Sub Menu */
.sub-menu li .label, .mega-menu li .label, .dropdown li .label { margin-left: 0.5rem; padding: 0.1rem 0.4rem; margin-bottom:  20px; font-size: 1.6rem; font-weight: bold; text-transform: uppercase; background-color: #ff6666; border-color: #ff6666; border-radius: 2px;color: #fff; }

/*------------------------------------------------------------------
[7. Header Nav Icons, Buttons, Dropdowns ]
*/
/* Padding & Margins */
.header .dropdown-list { margin-top: 2.2rem; }

/* Initial Division Padding & Color */
.header .secondary-navigation.nav-left:not(.with-division) > ul { margin-left: -1.5rem; }

.header .secondary-navigation.nav-right:not(.with-division) > ul { margin-right: -1.5rem; }

.header .navigation .nav-icon, .header .navigation .v-align-middle { padding: 0 1.5rem !important; }

.header .with-division ul { border-left-color: rgba(0, 0, 0, 0.1); }

.header .with-division li { border-right-color: rgba(0, 0, 0, 0.1); }

/* Nav Icons Initial, Hover & Active Colors */
.header .navigation .nav-icon { color: #999; font-size: 1.4rem; font-weight: 400; opacity: 1; }

.header .navigation .nav-icon:hover, .header .navigation .nav-icon.active { background-color: transparent; color: #000; opacity: 1; }

.header .cart .badge { background-color: #ff6666; }

/* Social Icons Initial & Hover Colors  */
.header .social-list li .nav-icon { padding: 0 !important; margin-right: 1.5rem; }

/* Button, Dropdown Button Initial, Hover & Active Colors */
.header .v-align-middle > .button:not(.nav-icon), .header .dropdown > .button:not(.nav-icon) { background: #232323; border-color: transparent; color: #fff; }

.header .v-align-middle > .button:not(.nav-icon):hover, .header .dropdown > .button:not(.nav-icon):hover, .header .dropdown > .button.active:not(.nav-icon) { background-color: #ff6666; border-color: transparent; color: #fff; }

/* Transparent Header Division Color */
@media only screen and (min-width: 960px) { .header-transparent .with-division ul { border-left-color: rgba(255, 255, 255, 0.2); }
  .header-transparent .with-division li { border-right-color: rgba(255, 255, 255, 0.2); } }

/* Transparent Header Initial, Hover & Active Colors */
.header-transparent .navigation .nav-icon { color: rgba(255, 255, 255, 0.6); opacity: 1; }

.header-transparent .navigation .nav-icon:hover, .header-transparent .navigation .nav-icon.active { color: #fff; background-color: transparent; opacity: 1; }

/* Nav Dark Button, Dropdown Button Initial, Hover & Active Colors */
.nav-dark .navigation .nav-icon { color: #999; }

.nav-dark .navigation .nav-icon:hover, .nav-dark .navigation .nav-icon.active { color: #000; }

.nav-dark .v-align-middle > .button:not(.nav-icon):not(:hover), .nav-dark .dropdown > .button:not(.nav-icon):not(:hover) { color: #fff; }

.nav-dark .v-align-middle > .button:not(.nav-icon):hover, .nav-dark .dropdown > .button:not(.nav-icon):hover { background-color: #ff6666; border-color: transparent; color: #fff; }

/* Header Background Divisions, Initial, Hover & Active Colors */
.header-background .with-division ul { border-left-color: #eee; }

.header-background .with-division li { border-right-color: #eee; }

.header-background .v-align-middle > .button:not(.nav-icon), .header-background .dropdown > .button:not(.nav-icon) { background: #232323; border-color: transparent; color: #fff; }

.header-background .v-align-middle > .button:not(.nav-icon):hover, .header-background .dropdown > .button:not(.nav-icon):hover { background-color: #ff6666; border-color: transparent; color: #fff; }

.header-background .navigation .nav-icon { color: #999; }

.header-background .navigation .nav-icon:hover, .header-background .navigation .nav-icon.active { color: #000; }

.header-background .social-list li a { color: #999; }

.header-background .social-list li a:hover { color: #000; }

/* Compacted Header Dropdown List Margin */
.header-compact .dropdown-list { margin-top: 1.2rem; }

/* Mobile Header Styles and Breakpoints */
.mobile .navigation.with-division ul { border-left-color: #eee; }

.mobile .navigation.with-division li { border-right-color: #eee; }

.mobile .v-align-middle > .button:not(.nav-icon), .mobile .dropdown > .button:not(.nav-icon) { background: #232323; border-color: transparent; color: #fff; }

.mobile .v-align-middle > .button:not(.nav-icon):hover, .mobile .dropdown > .button:not(.nav-icon):hover { background-color: #ff6666; border-color: transparent; color: #fff; }

.mobile .navigation .nav-icon { color: #666; }

.mobile .navigation .nav-icon:hover, .mobile .dropdown .nav-icon.active, .mobile .header-transparent .dropdown .nav-icon.active { color: #000; }

@media only screen and (max-width: 960px) { .header .dropdown-list { margin-top: 2.2rem; }
  .header .v-align-middle > .button:not(.nav-icon), .header .dropdown > .button:not(.nav-icon) { background: #232323; border-color: transparent; color: #fff; }
  .header .v-align-middle > .button:not(.nav-icon):hover, .header .dropdown > .button:not(.nav-icon):hover { background-color: #ff6666; border-color: transparent; color: #fff; }
  .header .navigation .nav-icon { color: #444857; }
  .header .navigation .nav-icon:hover, .header .dropdown .nav-icon.active { color: #2f323c; } }

/*------------------------------------------------------------------
[8. Auxiliary Navigation]
*/
/* Aux Navigation Show */
.header .navigation-show { width: 4.4rem; height: 4.4rem; margin-left: 0; }

/* Initial & Hover Colors */
.header .navigation-show a { font-size: 2.4rem; text-align: center; color: #666; border: 1px solid #eee; }

.header .navigation .navigation-show.nav-icon { font-size: 2rem; }

.header .navigation-show a:hover { color: #000; opacity: 1; }

/* Transparent Header Initial & Hover Colors */
.header-transparent .navigation-show a { color: #fff; border-color: rgba(255, 255, 255, 0.2); }

.header-transparent .navigation-show a:hover { color: #fff; border-color: white; }

/* Header with Background Initial & Hover Colors */
.header-background .navigation-show a { color: #666; border-color: #eee; }

.header-background .navigation-show a:hover { color: #000; border-color: #eee; }

/* Aux Navigation Hide */
.navigation-hide { width: 4.4rem; height: 4.4rem; margin-top: 1.9rem; margin-right: 0; }

.navigation-hide a { background: none; }

.navigation-hide a span { width: 4.4rem; font-size: 2rem; }

/* Side Navigation Background Color */
.side-navigation-wrapper .logo { width: 12rem; }

.side-navigation-wrapper { background-color: #55c4a1; box-shadow: none !important; }

.side-navigation-header { border: none; }

/* Side Main Nav Initial Colors & Padding */
.side-navigation > ul > li > a { padding: 0.6rem 4rem; font-size: 2.1rem; line-height: 1.8; letter-spacing: 0.1rem; text-transform: uppercase; font-weight: 400; color: #fff; position: relative; }

.side-navigation ul li.current > a { color: #2f323c; }

.side-navigation > ul > li > a:after { width: 0; height: 0.1rem; margin-left: 0; content: ""; background-color: #2f323c; opacity: 0; position: absolute; left: 0; bottom: 1rem; -webkit-transition-property: width, opacity; -ms-transition-property: width, opacity; transition-property: width, opacity; -webkit-transition-duration: 500ms; -ms-transition-duration: 500ms; transition-duration: 500ms; }

.side-navigation > ul > li.current > a:after { width: 2rem; opacity: 1; }

.side-navigation-wrapper .navigation-hide { margin-right: 2rem; }

.side-navigation-wrapper .navigation-hide { color: #fff; }

.side-navigation-wrapper .navigation-hide a:hover { color: #fff; opacity: 0.7;}

/* Side Nav Sub Menu Initial Colors & Padding */
.side-navigation .sub-menu { background: none; }

.side-navigation .sub-menu a { text-transform: none; font-size: 2.1rem; font-weight: normal; color: #fff; }

.side-navigation .sub-menu a:hover { color: #fff; opacity: 0.7; }

.side-navigation .sub-menu li:first-child { padding-top: 1rem; }

.side-navigation .sub-menu li:last-child { padding-bottom: 1rem; }

.side-navigation .cart-overview li:first-child { padding-top: 2rem; }

.side-navigation .cart-overview li:last-child { padding-bottom: 2rem; }

.side-navigation .sub-menu:not(.custom-content) a { padding: 1.1rem 4rem 1.1rem 5.5rem; }

.side-navigation.center .sub-menu:not(.custom-content) a { padding: 1.1rem 4rem 1.1rem 4rem; }

/* Side Nav Cart Initial Colors */
.side-navigation .cart .badge { background-color: #ff6666; }

.side-navigation .cart-overview .product-title { color: #fff; }

.side-navigation .cart-overview .product-price, .side-navigation .cart-overview .product-quantity { color: #999; }

.side-navigation .cart-overview a.product-remove { background-color: #333; color: #999; }

.side-navigation .cart-overview .cart-subtotal { color: #fff; }

.side-navigation .cart-overview .cart-actions { border-color: #333; }

.side-navigation .cart-overview .checkout.button { background-color: #ff6666; border-color: transparent; color: #fff; }

.side-navigation .cart-overview .checkout.button:hover { background-color: #666; border-color: transparent; color: #fff; }

/* Side Nav Hover Colors */
.side-navigation ul li a:hover, .side-navigation ul li.current a:hover { color: #fff; }

/* Side Nav Widget */
.side-navigation-footer .widget p, .side-navigation-footer .widget a { color: #666; font-size: 1.3rem; }

.side-navigation-footer .widget a:hover { color: #fff; }

/* Side Nav Footer */
.side-navigation-footer, .side-navigation-footer .social-list a { color: #666; font-size: 1.1rem; }

.side-navigation-footer .social-list a:hover { color: #fff; }

.side-navigation-footer .copyright { font-size: 1.1rem; }

/* Overlay Navigation Colors & Sizes */
.overlay-navigation-wrapper { background-color: white; }

.overlay-navigation-inner { text-align: left; }

.overlay-navigation-header { top: 1.5rem; }

.overlay-navigation-wrapper .menu-title { width: 100%; margin-bottom: 3rem; color: #000; font-size: 2rem; line-height: 1; font-weight: 700; text-transform: uppercase; display: block; }

.overlay-navigation { max-width: 40rem; padding-left: 3rem; padding-right: 3rem; opacity: 0; -webkit-transform: translateX(10rem); -ms-transform: translateX(10rem); transform: translateX(10rem); -webkit-transition-duration: 500ms; -ms-transition-duration: 500ms; transition-duration: 500ms; }

.aux-navigation-active .overlay-navigation { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

/* Overlay Main Nav */
.overlay-navigation > ul > li > a { font-size: 3rem; color: #999; }

.overlay-navigation ul li.current > a { font-weight: normal; }

.overlay-navigation-wrapper .navigation-hide { top: 0; right: 3rem; }

.overlay-navigation-wrapper .navigation-hide a { color: #999; }

.overlay-navigation-wrapper .navigation-hide a:hover { color: #000; }

/* Overlay Nav Sub Menu */
.overlay-navigation .sub-menu { padding-left: 0; }

.overlay-navigation .sub-menu a { letter-spacing: 0.1rem; text-transform: normal; font-weight: normal; line-height: 1.2; color: #999; }

.overlay-navigation .sub-menu .current a { color: #000; }

.overlay-navigation .sub-menu a:hover { color: #000; }

.overlay-navigation .sub-menu li:first-child { padding-top: 1rem; }

.overlay-navigation .sub-menu li:last-child { padding-bottom: 1rem; }

/* Overlay Nav Cart */
.overlay-navigation .cart .badge { background-color: #ff6666; }

.overlay-navigation .cart-overview .product-title { color: #000; }

.overlay-navigation .cart-overview .product-price, .overlay-navigation .cart-overview .product-quantity { color: #999; }

.overlay-navigation .cart-overview a.product-remove { background-color: #eee; }

.overlay-navigation .cart-overview .cart-subtotal { color: #000; }

.overlay-navigation .cart-overview .cart-actions { border-color: #eee; }

.overlay-navigation .cart-overview .checkout.button { background-color: #ff6666; border-color: transparent; color: #fff; }

.overlay-navigation .cart-overview .checkout.button:hover { background-color: #666; border-color: transparent; color: #fff; }

/* Overlay Nav Hover Colors */
.overlay-navigation > ul > li > a:hover, .overlay-navigation > ul > li.current > a, .overlay-navigation ul li.current > a:hover { color: #000; }

/* Overlay Nav Widget */
.overlay-navigation-footer .widget p, .overlay-navigation-footer .widget a { color: #666; font-size: 1.3rem; }

.overlay-navigation-footer .widget a:hover { color: #000; }

/* Overlay Nav Footer */
.overlay-navigation-footer { padding-left: 3rem; padding-right: 3rem; }

.overlay-navigation-footer, .overlay-navigation-footer .social-list a { color: #666; font-size: 1.3rem; }

.overlay-navigation-footer .social-list a:hover { color: #000; }

.overlay-navigation-footer .copyright { font-size: 1.1rem; }

/* Mobile Styles and Breakpoints */
.mobile .navigation-show { margin-left: 2rem; }

.mobile .navigation-show a { color: #666; border-color: #eee; }

.mobile .navigation-show a:hover { color: #000; opacity: 1; }

@media only screen and (max-width: 960px) { .header .navigation-show { margin-left: 2rem; }
  .header .navigation-show a { color: #666; border-color: #eee; }
  .header .navigation-show a:hover { color: #000; opacity: 1; }
  .overlay-navigation-header { top: 2rem; }
  .overlay-navigation-wrapper .navigation-hide { top: 0; right: 3rem; } }

/*------------------------------------------------------------------
[9. Title Area]
*/
[class*="intro-title-"] { padding: 0; }

[class*="intro-title-"] { height: 45rem; }

[class*="intro-title-"].small { height: 30rem; }

[class*="intro-title-"].xsmall { height: 15rem; }

@media only screen and (max-width: 768px) { [class*="intro-title-"], [class*="intro-title-"].small { padding: 11rem 0; height: auto; } }

/*------------------------------------------------------------------
[10. Slider & Parallax]
*/
.tm-slider-container:not([class*="bkg-"]) { background: none; }

/* Slider Heights */
.featured-media, .full-width-slider, .parallax { height: 60rem; padding: 0; }

.window-height { height: 100vh; }

.hero-slider.window-height { min-height: 100vh; }

.parallax.page-intro, .page-intro { height: 45rem; }

.parallax.small, .page-intro.small { height: 30rem; }

.page-intro .full-width-slider, .window-height .full-width-slider { height: inherit; }

.logo-slider, .testimonial-slider, .team-slider, .recent-slider .thumbnail { min-height: 5rem; }

.recent-slider { min-height: 33rem; }

.team-slider { height: 42rem; }

.hero-slider { min-height: 60rem; }

/* Slider Navigation Common */
.tms-arrow-nav { width: 4.4rem; height: 4.4rem; background: none; font-size: 2rem; line-height: 4.4rem; color: #fff; border: none; background-color: #000; }

.tms-arrow-nav:hover { opacity: 0.5 !important; }

.tms-arrow-nav:before { line-height: 4.4rem; }

.tms-arrow-nav:hover { width: 4.4rem; }

.tms-bullet-nav { background: #fff; }

.tms-nav-dark .tms-bullet-nav { background: #2f323c; }

.hide-arrow-nav .tms-arrow-nav, .hide-progress .tms-progress-bar { display: none !important; }

/* Featured Media Slider Navigation */
.featured-media .tms-arrow-nav { display: none !important; }

.featured-media .tms-pagination { max-width: 114rem; padding-left: 1.5rem; padding-right: 1.5rem; margin-left: auto; margin-right: auto; text-align: right; bottom: 7%; right: auto; position: relative; }

.tm-slider-container.pagination-top .tms-pagination { bottom: 93%; }

.featured-media .tms-pagination a { display: inline-block; margin-bottom: 1rem; }

.featured-media .tm-slider-container .tms-pagination { opacity: 1; }

/* Recent Slider */
.recent-carousel.replicable-content { padding-top: 4rem; padding-bottom: 1rem; }

.recent-carousel .column.slider-column { padding-left: 1.5rem; padding-right: 1.5rem; }

.tm-slider-container.tms-carousel > ul { opacity: 1; }

/* Slider Buttons */
.tm-slider-container .button { font-size: 1.1rem; }

/* Mobile Slider & Parallax */
.mobile .featured-media, .mobile .parallax.fixed-height { height: 50rem; }

/* info box */
.info-box { padding: 4rem; background: rgba(0, 0, 0, 0.3); border: none; overflow: visible; }

/* Featured Slider Nav Breakpoints */
@media only screen and (max-width: 1140px) { .featured-media .tms-pagination { max-width: 96rem; bottom: 4rem; text-align: center; } }

@media only screen and (max-width: 960px) { .featured-media .tms-pagination a { display: inline-block; }
  .featured-media .tms-arrow-nav { display: none !important; } }

/*------------------------------------------------------------------
[11. Lightbox]
*/
.tm-lightbox { background: white; }

#tml-content-wrapper.zoomed + #tml-caption span { background-color: rgba(0, 0, 0, 0.3); border: none; color: #fff; }

/* Standard Modal Mode */
#tm-lightbox.tml-modal-mode { background: rgba(0, 0, 0, 0.1); }

.tml-modal-mode .modal-dialog { box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5); }

.tml-modal-mode #tml-exit { color: #111; }

.tml-exit-light #tml-exit { color: #fff; }

.rounded .modal-dialog, .rounded .section-block { border-radius: 0.3rem; }

/* Common Modal Mode */
.tml-contact-modal .modal-dialog > div, .tml-newsletter-modal .modal-dialog > div, .tml-search-modal .modal-dialog > div, .tml-promotion-modal .modal-dialog > div { padding-left: 0; padding-right: 0; }

.tml-contact-modal .contact-form-container, .tml-search-modal .search-form-container, .tml-newsletter-modal .signup-form-container { padding-left: 3rem; padding-right: 3rem; }

/* greyscale upon modal opening */
.modal-open .wrapper-inner, .aux-navigation-active .wrapper-inner { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

@media only screen and (max-width: 960px) { .tml-padding-small #tml-content-wrapper { left: 5% !important; right: 5% !important; } }

@media only screen and (max-width: 768px) { .tml-modal-mode .modal-dialog { width: 100% !important; }
  .tml-modal-mode .modal-dialog > div { padding-left: 0; padding-right: 0; }
  .tml-swap-exit-light #tml-exit { color: #fff; }
  .tml-modal-mode .hero-5 { padding-bottom: 2rem; }
  .tml-modal-mode .hero-5 .column:first-child:not(.media-column) .split-hero-content { margin-top: 4rem; } }

/* Navigation */
.tml-nav { color: #2f323c; opacity: 1; }

.tml-nav:hover { color: #d9dadd; }

/*------------------------------------------------------------------
[12. Plugin Preloader]
*/
.tm-loader { width: 5rem; height: 5rem; margin: -2.5rem 0 0 -2.5rem; position: absolute; top: 50%; left: 50%; }

.tm-loader:before { content: ''; display: block; padding-top: 100%; }

.tm-loader #circle { background: none; width: 100%; height: 100%; margin: auto; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform-origin: center center; animation: rotate 2s linear infinite; }

.stroke { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; stroke-width: 0.3rem; }

/* fallback */
.ie-browser:not(.webkit) .tm-loader #circle { border: 3px solid transparent; border-bottom-color: #ddd; animation: rotate 1.5s ease-in-out infinite, color 6s ease-in-out infinite; }

@keyframes rotate { 100% { transform: rotate(360deg); } }

@keyframes dash { 0% { stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% { stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% { stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@keyframes color { 100%, 0% { stroke: #ff6666;
    border-bottom-color: #ff6666; }
  40% { stroke: #ff6666;
    border-bottom-color: #ff6666; }
  66% { stroke: #ff6666;
    border-bottom-color: #ff6666; }
  80%, 90% { stroke: #ff6666;
    border-bottom-color: #ff6666; } }

/*------------------------------------------------------------------
[13. Rollovers]
*/
/* Rollover Text */
.overlay-info > span > span { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.1rem; text-transform: uppercase; color: #fff; }

.overlay-info .project-description { font-size: 1.2rem; opacity: 0.7; text-transform: none; font-weight: 400; font-style: italic; }

.project-description-plus { color: #ff6666 !important; }

/* Overlay */
.overlay-info { background: rgba(255, 255, 255, 0.5); }

.overlay-info > span > span { text-align: center; vertical-align: center; }

.overlay-info .project-title { color: white; margin-bottom: 0.8rem; display: block; }

.overlay-fade-img-scale-out .overlay-info .overlay-info { opacity: 1; }

.overlay-fade-img-scale-in .project-title { margin-bottom: 0; }

.caption-below { padding-right: 0; padding-left: 0; padding-bottom: 0; border: none; opacity: 0.5; }

/*------------------------------------------------------------------
[14. Homepage]
*/
/* Scroll Links */
.scroll-link.icon-circled, .scroll-to-top.icon-circled { width: 5rem; height: 5rem; }

.scroll-link.icon-circled { line-height: 5rem; }

.scroll-to-top.icon-circled { line-height: 4.8rem; }

/* Hero */
.hero-rockin-ron .media-column { background-image: url(../images/hero/rockin-ron.jpg); }
.hero-systematic .media-column { background-image: url(../images/hero/systematic.jpg); }
.hero-the-3bs-show .media-column { background-image: url(../images/hero/the-3bs-show.jpg); }
.hero-the-mersey-connection .media-column { background-image: url(../images/hero/the-mersey-connection.jpg); }
.hero-bas-hardcastle .media-column { background-image: url(../images/hero/bas-hardcastle.png); }
.hero-ron-gaydon .media-column { background-image: url(../images/hero/ron-gaydon.png); }
.hero-3bs-ron .media-column { background-image: url(../images/hero/3bs-ron.jpg); }
.hero-steve-stanley .media-column { background-image: url(../images/hero/steve-stanley.jpg); }
.hero-steve-marquis .media-column { background-image: url(../images/hero/steve-marquis.jpg); }
.hero-brett-slade .media-column { background-image: url(../images/hero/brett-slade.jpg); }
.hero-mersey-ron .media-column { background-image: url(../images/hero/mersey-ron.png); }
.hero-mersey-bas .media-column { background-image: url(../images/hero/mersey-bas.png); }
.hero-mike-byrom .media-column { background-image: url(../images/hero/mike-byrom.png); }
.hero-ross-mercer .media-column { background-image: url(../images/hero/ross-mercer.jpg); }
.hero-brent-lillie .media-column { background-image: url(../images/hero/brent-lillie.jpg); }

/* Grid */
.grid-1 { background-color: #333333; }

/* Call to Action */
.call-to-action { background-image: url(../images/architecture/generic/signup-1.jpg); background-size: cover; background-position: center; }

/* Fullscreen Section */
.home-page .fulscreen-sections-wrapper { background: #000; }

.signup-box { padding: 4rem; border: 1px solid rgba(255, 255, 255, 0.3); overflow: visible; }

.signup-box .form-response { bottom: auto; }

/*------------------------------------------------------------------
[15. About Pages]
*/
/* Team Sections */
.team-1 h3, .team-2 h3 { margin-top: 0.5rem; }

.team-1 .team-content-info h5 { margin-top: 3rem; margin-bottom: 0.5rem; }

.team-1 h6.occupation { margin-bottom: 2rem; }

.team-2 h6.occupation { margin-top: 0.6rem; margin-bottom: 2rem; text-transform: none; }

.team-2 .team-content-info { padding: 2rem; }

.team-2 .social-list { margin-bottom: 0; }

.team-2 .occupation { font-size: 1.6rem; }

/* Team Slider */
.team-slider { background: none; height: 42rem; }

.team-slider li { padding-left: 1.5rem; padding-right: 1.5rem; }

.team-slider p { line-height: 1.8; }

.team-slider .tms-pagination a { background-color: #232323; }

.team-slider-1 .tms-pagination { display: none !important; }

[class*="team-"] .occupation { color: #999; }

/* Testimonial Slider */
.testimonials-5-about-1 { background: none; color: #000; }

.testimonials-5-about-1 .tms-pagination { text-align: left; }

.testimonials-5-about-1 .tms-bullet-nav { background: #000; }

/*------------------------------------------------------------------
[16. Contact Pages]
*/
/* Form Response */
.contact-form-container .form-response { color: #666; }

/* Map */
.map-container { height: 45rem; }

.accordion .map-container { height: 24rem; }

.map-pan-link-container a.active { color: #232323; }

.hero-5 .map-pan-link-container * { opacity: 0.5; }

.hero-5 .map-pan-link-container a.active { opacity: 1; }

.map-pan-link-container a.button.active { background: none; border-color: #a0c9cc; color: #fff; }

/*------------------------------------------------------------------
[17. Project Pages]
*/
/* Grid */
.masonry-stamp .caption-over-outer { background-color: rgba(255, 255, 255, 0.6); }

h4.project-title { font-size: 1.4rem; }

.project-title .label { font-size: 1rem; text-transform: uppercase; }

.project-description { font-size: 1.5rem; }

/* Project 1 */
.project-1-slider .tms-bullet-nav { background: #fff; }

/* Full Width Content Slider */
.project-1-slider .tms-arrow-nav { display: none !important; }

.project-1-slider .tms-pagination { bottom: -4rem; opacity: 1 !important; }

/* Project Info */
.project-attribute { margin-bottom: 0.3rem; display: table; table-layout: fixed; }

.project-attribute .project-label { min-width: 8rem; font-weight: 700; display: table-cell; }

.project-attribute .project-value { display: table-cell; }

/* Folio Filter */
.grid-filter-menu ul, .grid-filter-menu li { padding: 0; text-transform: none; font-size: 1.9rem; }

.grid-filter-menu li { padding: 0.8rem 1.5rem; }

.grid-filter-menu.list-vertical li { display: block; padding: 0.8rem 0; }

.grid-filter-menu:not(.center):not(.right) li:first-child { padding-left: 0; }

.grid-filter-menu.right li:last-child { padding-right: 0; }

.grid-filter-menu a { font-size: 1.3rem; padding: 0.5rem 0; font-weight: 700; text-transform: uppercase; letter-spacing: none; color: #999; display: block; position: relative; border: none; }

.grid-filter-menu a:hover { color: #b4b5bb !important; border: none; }

.grid-filter-menu a.active { color: #ff6666 !important; border: none; }

/* Color Swatch */
.project-swatch-list { margin-bottom: 0; }

.project-swatch-list li { margin-bottom: 3rem; }

.project-swatch { margin-right: 5rem; }

.center .project-swatch { margin-left: 2.5rem; margin-right: 2.5rem; }

@media only screen and (max-width: 768px) { .center-on-mobile .project-swatch { margin-left: 2.5rem; margin-right: 2.5rem; } }

/*------------------------------------------------------------------
[18. Pagination]
*/
/* Pagination 3 Customized */
.pagination-3 ul { border-top: 1px solid #eee; }

.pagination-3 li { margin-top: -1px; margin-left: -0.4rem; }

.pagination-3 a { width: 4rem; height: 4rem; padding: 0; line-height: 4rem; font-size: 1.2rem; font-weight: 400; color: #000; border-color: transparent; border-radius: 0; }

.pagination-3.portfolio a { width: auto; padding: 0 1.5rem; font-size: 1rem; text-transform: uppercase; }

.pagination-3.portfolio .pagination-previous { padding-left: 1rem; }

.pagination-3.portfolio .pagination-next { padding-right: 1rem; }

.pagination-3 .pagination-previous, .pagination-3 .pagination-next, .pagination-3 a.current, .pagination-3 a:hover { background: #eee; border: 1px solid #eee; color: #000; }

.pagination-3 a.disabled, .pagination-3 a.disabled:hover { border-color: #eee; }

.pagination-3 a span { margin: 0; }

/*------------------------------------------------------------------
[19. Fullscreen Pages]
*/
.fullscreen-section .fullscreen-inner { background: rgba(0, 0, 0, 0.35); }

.fs-bullet-nav { background: none; border: 1px solid #fff; }

.fs-bullet-nav.active { background: #fff; }

.fs-pagination { right: 6rem; }

/*------------------------------------------------------------------
[20. Blog Pages]
*/
/* Post Title */
.blog-regular h2.post-title, .blog-wide h2.post-title, .blog-single-post h2.post-title { margin-bottom: 1rem; }

.blog-masonry h2.post-title { margin-bottom: 0; }

.blog-masonry .post-title { margin-bottom: 0; font-size: 2rem; text-transform: none; display: block; }

.blog-regular .post-title, .blog-wide .post-title { font-size: 3rem; }

.blog-masonry .post-title a, .blog-regular .post-title a, .blog-wide .post-title a { color: #000; }

.single-post-tags .tags-title { font-size: 1.3rem; }

.blog-masonry.masonry-set-dimensions .post-title { font-size: 1.8rem; font-weight: 300; line-height: 1; }

.blog-masonry.masonry-set-dimensions .post-title.quote { line-height: inherit; }

.blog-masonry.masonry-set-dimensions .post-title a { color: #fff; }

.masonry-set-dimensions .content-inner.with-overlay { background-color: rgba(0, 0, 0, 0.3); }

/* Common */
.post-content.with-background { background-color: #fafafa; }

.post-info { margin-bottom: 2rem; font-size: 1.1rem; font-weight: 400; color: #999; }

.post-info.boxed { width: 100%; padding: 2rem 0; margin-bottom: 7rem; background-color: #fafafa; }

.post-info span { margin-left: 1rem; margin-right: 1rem; }

.post-info span, .post-info a { display: inline-block; }

.post-info-aside .post-love, .post-author-aside span, .post-author-aside a, .post-comments-aside span, .post-comments-aside a { font-size: 1.2rem; text-transform: none; color: #999; margin-right: 0; margin-left: 0; letter-spacing: 0; }

.post-info-aside .post-love, .post-author-aside span, .post-author-aside a, .post-comments-aside span, .post-comments-aside a { display: block; }

.post-info-aside [class*="icon-"] { font-size: 1.2rem; }

.post-info-aside, .post-author-aside, .post-comments-aside { min-width: 12rem; margin-left: 0; text-align: left; }

.post-info-aside .post-info-inner, .post-author-aside .author-title { margin-top: 0; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc; }

.post-info-aside .post-love [class*="icon-"] { width: 1.3rem; margin-right: 0.6rem; }

.post-info-aside .social-list { text-align: left; }

.post-info-aside + .post-content, .post-author-aside + .author-bio, .post-comments-aside + .comments-inner { padding-left: 17rem; }

@media only screen and (max-width: 768px) { .post-info-aside + .post-content { padding-left: 0; }
  .blog-regular .post-title, .blog-wide .post-title { font-size: 3rem; } }

/* Regular Blog */
.blog-regular .post { margin-bottom: 7rem; }

.blog-masonry .caption-over-outer .post-info .post-date { padding: 0; margin: 0; border: none; display: inline-block; }

/* Blog Masonry */
.blog-masonry .post-content:not(.post-content.with-background) { padding: 0 2rem; }

/*.blog-masonry .grid-item:nth-child(odd) .post-content{ padding: 2rem; background-color: #f4f4f4; }*/
/* Blog Masonry Set Dimentions */
.blog-masonry.masonry-set-dimensions .post-info, .blog-masonry.masonry-set-dimensions .post-info a { color: #fff; }

/* Blog Mejs Player */
.post-media .mejs-container.mejs-audio .mejs-controls .mejs-play, .post-media .mejs-container.mejs-audio .mejs-controls .mejs-pause { border-radius: 0; }

.post-media .mejs-container.mejs-audio .mejs-controls { border-radius: 0; }

.masonry-set-dimensions .post-content.with-background { background: #f4f4f4; }

.masonry-set-dimensions .post-media:hover .post-content { background: rgba(0, 0, 0, 0.8); }

.masonry-set-dimensions .post-media:hover .post-content h2 a { color: #fdeb74; }

.masonry-set-dimensions .post-media:hover .post-author a:hover { opacity: 0.5; }

/* Comments */
.post-comments .comment-meta { font-size: 1.2rem; }

.comment-meta span:first-child { margin-left: 0; }

.comment-meta span { margin-left: 1rem; margin-right: 1rem; }

.comment-list li { margin-bottom: 5rem; }

.comment-list ul { margin-top: 5rem; margin-left: 10rem; }

.post-comments .comment-meta a { font-weight: 400; }

.post-comments .name { margin-bottom: 1rem; }

.comment-form textarea { min-height: 20rem; }

.post-comment-respond .comment-form .column { float: left; }

.post-author, .post-comments, .post-comment-respond { border-color: #eee; }

/*------------------------------------------------------------------
[21. Form Elements]
*/
.field-wrapper { position: relative; overflow: hidden; }

.field-wrapper label:not(.checkbox-label):not(.radio-label) { opacity: 0.5; }

.form-submit.full-width { width: 100%; }

/* Common Styling */
.contact-form textarea { min-height: 15rem; }

[class*="form-container"] .column { position: relative; }

.form-response { position: absolute; font-size: 1.9rem; }

.form-element, textarea { margin-bottom: 3rem; background-color: #fafafa; border: 1px solid #fafafa; }

.dark-form { background-color: #ececee; border: 1px solid #ececee; }

.form-element, textarea, select, input { font-size: 1.6rem; text-transform: uppercase; text-align: center; font-weight: normal; letter-spacing: 0.1rem; color: #666; }

.form-element:focus, textarea:focus { background-color: #fff; border-color: #ddd; box-shadow: none; color: #000; }

.form-element.required-field:focus, textarea.required-field:focus { background-color: #fff; border-color: #ddd; box-shadow: none; color: #000; }

.form-element.required-field, textarea.required-field { background-color: #ddd; box-shadow: none; color: #000; position: relative; }

.form-element::-webkit-input-placeholder { color: #666; }

.form-element:focus::-webkit-input-placeholder { color: #000; }

.form-element::-moz-placeholder { color: #666; }

.form-element:focus::-moz-placeholder { color: #000; }

.form-element:-ms-input-placeholder { color: #666; }

.form-element:focus:-ms-input-placeholder { color: #000; }

/* Checkbox and Radio */
.checkbox-label, .radio-label { color: #666; position: relative; }

.checkbox + .checkbox-label:before, .radio + .radio-label:before { background: #fff; border-color: #ddd; }

.checkbox:checked + .checkbox-label, .radio:checked + .radio-label { opacity: 1; }

.checkbox:checked + .checkbox-label:before { content: '\e63a'; background: #ff6666; border-color: #ff6666; color: #fff; }

.radio:checked + .radio-label:before { background: #ff6666; }

.checkbox.required-field { position: absolute; }

.checkbox.required-field + .checkbox-label:before { border-color: #ff6666; }

/* Contact Specific */
.contact-form-container ::-webkit-input-placeholder { color: #666; }

.contact-form-container :focus::-webkit-input-placeholder { color: #000; }

.contact-form-container ::-moz-placeholder { color: #666; }

.contact-form-container :focus::-moz-placeholder { color: #000; }

.contact-form-container :-ms-input-placeholder { color: #666; }

.contact-form-container :focus:-ms-input-placeholder { color: #000; }

.contact-form-container .form-response { bottom: -3rem; }

/* Overlay Search Form Elements */
.search-form-container .form-element:focus { color: #666; }

.search-form-container ::-webkit-input-placeholder { color: #666; }

.search-form-container :focus::-webkit-input-placeholder { color: #000; }

.search-form-container ::-moz-placeholder { color: #666; }

.search-form-container :focus::-moz-placeholder { color: #000; }

.search-form-container :-ms-input-placeholder { color: #666; }

.search-form-container :focus:-ms-input-placeholder { color: #000; }

#signup-lightbox button, #signup-lightbox .button { width: 100%; max-width: 100%; }

/* Signup 1 Specific */
.signup-1 .form-element { background-color: #fff; }

.signup-1 .form-element:focus { background: none; border-color: #fff; color: #fff; }

.signup-1 .form-element.required-field:focus { background: none; border-color: #fff; color: #fff; }

.signup-1 .form-element.required-field { background-color: #ddd; box-shadow: none; color: #000; position: relative; }

.signup-1 .form-response { width: 100%; text-align: center; color: #fff; }

.signup-1 ::-webkit-input-placeholder { color: #666; }

.signup-1 :focus::-webkit-input-placeholder { color: #fff; }

.signup-1 ::-moz-placeholder { color: #666; }

.signup-1 :focus::-moz-placeholder { color: #fff; }

.signup-1 :-ms-input-placeholder { color: #666; }

.signup-1 :focus:-ms-input-placeholder { color: #fff; }

/* Signup 2 Specific */
.signup-2 .signup-form-container { padding: 0; background: none; }

.signup-2 .form-element { background-color: #f4f4f4; border: 1px solid #f4f4f4; color: #999; }

.signup-2 .form-element:focus { background-color: #fff; border-color: #ddd; color: #000; }

.signup-2 .form-element.required-field:focus { background-color: #f4f4f4; border-color: #f4f4f4; color: #000; }

.signup-2 .form-element.required-field { background-color: #ddd; border-color: #ddd; color: #000; position: relative; }

.signup-2 .form-response { width: 100%; text-align: center; color: #fff; }

.signup-2 .form-response { margin-left: 0; bottom: -1rem !important; }

.signup-2 ::-webkit-input-placeholder { color: #999; }

.signup-2 :focus::-webkit-input-placeholder { color: #000; }

.signup-2 ::-moz-placeholder { color: #999; }

.signup-2 :focus::-moz-placeholder { color: #000; }

.signup-2 :-ms-input-placeholder { color: #999; }

.signup-2 :focus:-ms-input-placeholder { color: #000; }

/* Login Specific */
.header .dropdown-list h5 { color: #fff; }

.header .dropdown-list .recuperate-password { font-size: 1.1rem; color: #999; }

.header .dropdown-list .recuperate-password:hover { color: #fff; }

.login-form-container .form-element { background-color: #f4f4f4; border: 1px solid #f4f4f4; color: #999; }

.login-form-container .form-element:focus { background-color: #fff; border-color: #ddd; color: #000; }

.login-form-container .form-element.required-field { border-color: #ddd; color: #000; }

.login-form-container .form-element.required-field:focus { border-color: #fff; color: #000; }

.login-form-container .form-response { color: #999; }

.login-form-container ::-webkit-input-placeholder { color: #666; }

.login-form-container :focus::-webkit-input-placeholder { color: #000; }

.login-form-container ::-moz-placeholder { color: #666; }

.login-form-container :focus::-moz-placeholder { color: #000; }

.login-form-container :-ms-input-placeholder { color: #666; }

.login-form-container :focus:-ms-input-placeholder { color: #000; }

/* Footer Specific */
.footer .form-element, .footer textarea { background-color: #55c4a1; margin-bottom: 2rem; color: #666; }

.footer .form-element:focus, .footer textarea:focus { background-color: #fff; box-shadow: none; color: #000; }

.footer .form-element.required-field, .footer textarea.required-field { background-color: #ddd; color: #000; }

.footer .form-element.required-field:focus, .footer textarea.required-field:focus { background-color: #fff; box-shadow: none; color: #000; }

.footer .signup-form-container .button { width: 100%; }

.footer .form-response { color: #666; }

.footer ::-webkit-input-placeholder { color: #666; }

.footer :focus::-webkit-input-placeholder { color: #000; }

.footer ::-moz-placeholder { color: #666; }

.footer :focus::-moz-placeholder { color: #000; }

.footer :-ms-input-placeholder { color: #666; }

.footer :focus:-ms-input-placeholder { color: #000; }

/* Disabled */

/*.disabled { opacity: 0.6; background-color: #f4f4f4; border-color: #eee; color: #999 ; }*/

/*.disabled:hover { opacity: 0.6; background-color: #f4f4f4; border-color: #eee; }*/

/*------------------------------------------------------------------
[22. Social Lists]
*/
.social-list li { font-size: 1rem; text-transform: uppercase; font-weight: 700; }

.social-list li a { color: #333; }

.social-list li.social-list-label { color: #333; }

/*------------------------------------------------------------------
[23. Footer]
*/
/* Footer Text */
.footer .widget, .footer address { font-size: 1.8rem; color: #fff; text-transform: none; font-style: normal; }

.footer-top a:not(.button) { font-size: 1.8rem; color: #f2f2f2; }

.footer .copyright { margin-bottom: 0; font-size: 1.3rem; float: none; }

/* Footer Widgets */
.footer .widget li { padding-top: 0; border: none; border-color: #eee; }

.footer .post-date { font-size: 1rem; font-weight: 700; text-transform: uppercase; }

/* Footer Background */
.footer { width: 100%; background: #55c4a1; color: #fff; z-index: 1; }

.footer [class*="content-grid"] { margin-left: -1.5rem; margin-right: -1.5rem; }

.footer .grid-item { padding-left: 1.5rem; padding-right: 1.5rem; }

.footer-top { /*background-color: #333;*/ }

.footer-top .footer-logo { width: 9rem; margin-bottom: 3rem !important; }

.footer .footer-bottom { padding: 3rem 0 2rem 0; background-color: #55c4a1; }

.footer .footer-bottom-inner { border-color: #fff; }

.footer .footer-bottom, .footer .footer-bottom a { color: #fff; }

.footer .footer-bottom-inner a { text-decoration: underline; }

.footer .footer-bottom .copyright { font-size: 1.2rem; }

.footer-bottom .footer-logo { width: 6.5rem; margin-bottom: 1rem; margin-right: 1.4rem; line-height: 1.7; }

/* Footer Navigation */
.footer .navigation li, .footer .navigation ul li a { padding: 0; display: inline-block; float: none; }

.footer .navigation a, .footer .social-list a { font-size: 3.5rem; font-weight: normal; color: #fff; text-transform: uppercase; letter-spacing: 1rem; }

.footer .footer-bottom .navigation, .footer .footer-bottom .social-list { float: none; }

/* Columns */
@media only screen and (max-width: 960px) { .footer-top.two-columns-on-tablet > .row > [class*="width-"] { width: 50%; text-align: left !important; } }

@media only screen and (max-width: 768px) { 
  .footer-top.two-columns-on-tablet > .row > [class*="width-"] { width: 100% !important; } 
  .footer .footer-bottom ul li { margin-bottom: 1rem; }
}

/*------------------------------------------------------------------
[24. Sidebar]
*/
/* Sidebar Widgets */
.sidebar .widget, .sidebar .widget a { font-size: 1.2rem; }

.sidebar .widget .tag-cloud a { font-size: 1rem; }

.sidebar .widget li { padding-top: 0rem; padding-bottom: 0rem; }

.sidebar .widget .list-group li { padding-top: 1rem; padding-bottom: 1rem; }

.sidebar .widget ul { margin-bottom: 5rem; }

.sidebar .post-date { font-size: 1rem; font-weight: 700; text-transform: uppercase; }

/*------------------------------------------------------------------
[25. Dividers]
*/
hr, .divider { border-color: #55c4a1; border-width: 10px; margin-bottom: 0; margin-top: 0; }

.page-intro .divider, .intro-title-2 .divider { border-color: rgba(255, 255, 255, 0.1); }

.text-line { width: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-property: width, opacity, background-color, transform; -moz-transition-property: width, opacity, background-color, transform; -o-transition-property: width, opacity, background-color, transform; transition-property: width, opacity, background-color, transform; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; -o-transition-duration: 400ms; -ms-transition-duration: 400ms; transition-duration: 400ms; }

a.animated-link:hover .text-line, a.overlay-link:hover .text-line { width: 2rem; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

.mobile .text-line, a.disabled .text-line { -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; }

[class*="border-"].thick, [class*="border-"].thick * { border-width: 0.2rem; }

/*------------------------------------------------------------------
[26. Media Element Player]
*/
.mejs-container.mejs-audio .mejs-controls { border-radius: 3px; }

.mejs-container.mejs-audio .mejs-controls, .mejs-controls .mejs-volume-button .mejs-volume-slider { background: rgba(255, 255, 255, 0.9); }

.mejs-container.mejs-audio .mejs-controls { background: #f9f9f9; }

.mejs-minimal-player .mejs-container .mejs-controls { background: none; }

/* Time track, vol track */
.mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { background: #999; }

/* Time track, vol level track */
.mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { background: #666; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { background: #fff; }

.mejs-minimal-player .mejs-controls .mejs-time-rail .mejs-time-total { background: #fff; }

.mejs-minimal-player .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-minimal-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-minimal-player .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { background: #fff; }

/* Tooltip */
.mejs-controls .mejs-time-rail .mejs-time-float { background: #000; }

/* Play Button */
.mejs-container.mejs-audio .mejs-controls .mejs-play, .mejs-container.mejs-audio .mejs-controls .mejs-pause { background: #eee; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.mejs-minimal-player .mejs-container .mejs-controls .mejs-play, .mejs-minimal-player .mejs-container .mejs-controls .mejs-pause { background: none; }

/* Time */
.mejs-container .mejs-controls .mejs-time span { color: #666; }

.mejs-minimal-player .mejs-container .mejs-controls .mejs-time span { color: #fff; }

/*------------------------------------------------------------------
[27. E-Commerce]
*/
/* Grid */
.shop .products .product h3.product-title { font-size: 1.4rem; }

.product-title a { color: #000; }

.shop .products .product .product-price { font-size: 1.2rem; }

/* Shop Overlay Tags */
.shop .products .product .onsale, .single-product .product .onsale { background-color: #ff4556; }

.shop .products .product .outofstock, .single-product .product .outofstock { background-color: #232323; }

/* Tables */
.shop .table td, .shop .table th { padding: 2rem 1.6rem; }

.shop .cart-overview .table > thead { background-color: #f4f4f4; }

/*.shop .cart-overview .table > thead th, .shop .cart-overview .table > thead th{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; }*/
.shop .cart-overview table, .shop .cart-overview td, .shop .cart-totals th, .widget .cart-subtotal, .single-product .review-comments, .checkout .cart-overview hr { border-color: #eee; }

.single-product .review-comments .comment-list > li, .single-product .products-similar hr, .single-product .review-comments, .cart .cart-review, .checkout .cart-review, .checkout .cart-overview hr { margin-bottom: 5rem; }

/* Shop Buttons */
.shop .cart-overview .button, .shop .product .button { background-color: #232323; border-color: #232323; color: #fff; }

.shop .cart-overview .button:hover, .shop .product .button:hover { background-color: #ff4556; border-color: #ff4556; color: #fff; }

/* Widgets */
.sidebar .widget .product-list li { padding-top: 1.5rem; padding-bottom: 1.3rem; }

.widget .cart-overview a.product-remove { background-color: #eee; }

/* Single Product Page */
.single-product .review-comments { padding-bottom: 5rem; }

.single-product .products-similar hr { margin-top: 2rem; }

.single-product .product-tabs .tab-panes { padding-top: 5rem !important; }

.single-product .product-summary .product-rating { font-size: 1.2rem; }

.single-product .product-summary .product-price ins, .single-product .product-summary .product-price del { font-size: 2rem; font-weight: 700; }

/* Cart Overview */
.cart .cart-overview .product-remove a { background-color: #eee; }

/*------------------------------------------------------------------
[27. Component Styling]
*/
/* Testimonial Slider */
.testimonial-slider { height: 14rem; }

.testimonial-slider blockquote { width: 100%; }

.testimonial-slider blockquote span { margin-bottom: 2rem; }

.testimonial-slider cite { font-size: 1.3rem; font-weight: 700; text-transform: uppercase; color: #4e4e4e; font-style: normal; }

/* Button */
.button { text-transform: uppercase;}

.button-content { line-height: 1; }

.button-theme { font-family: "Playfair Display", 'Times', serif; font-weight: 700; }

/* Box */
.box { font-size: inherit !important; line-height: inherit !important; }

/* Blockquote */
blockquote.border { border-color: #ccc; }

/* Feature Section */
.feature-2 .feature-image img, .feature-2 .feature-image picture { width: 90%; }

/* Logo Section */
.logos-1 a { opacity: 1; }

.logos-1 a:hover { opacity: 1; }

.logo-slider { height: 14rem; }

.logos-1 a, .logos-1 span { padding: 2rem 0; }

/* Clients Section */
.clients-1 .client-name { text-transform: uppercase; font-weight: 700; font-size: 1.4rem; opacity: 0.5; }

.clients-1 .counter { font-size: 10rem; margin-bottom: 0; }

/* Profile Image */
.profile-image.pull-left { margin-right: 3.5rem; margin-bottom: 2rem; }

.profile-image.pull-right { margin-left: 3.5rem; margin-bottom: 2rem; }

/* Hero Sections */
.hero-1, .hero-2, .hero-3, .hero-4, .hero-5, .hero-6 { height: 50rem; }

[class*="hero-"].small { height: 30rem; }

[class*="hero-"].window-height { height: 100vh; }

.hero-5 .center .tms-pagination { text-align: center; }

/* Stats */
[class*="stats-"] .counter { margin-bottom: 1rem; font-size: 4.3rem; font-weight: 300; }

[class*="stats-"] .counter.xlarge { font-size: 6.5rem; }

[class*="stats-"] .description { font-size: 0.9rem; text-transform: uppercase; font-weight: 700; color: #000; }

.stats-3 .mega-stat .counter { font-weight: normal; font-size: 6rem; }

.stats-3 .description { padding-bottom: 2rem; margin-bottom: 2rem; }

.stats-3 .description, .stats-3 .mega-stat .description { font-size: 1.2rem; font-weight: 400; }

.maintenance-stat .counter { font-size: 6.5rem; font-weight: 300; line-height: 1; }

/* Bar percentages */
.percent-10 { width: 10%; }

.percent-20 { width: 20%; }

.percent-30 { width: 30%; }

.percent-40 { width: 40%; }

.percent-50 { width: 50%; }

.percent-60 { width: 60%; }

.percent-70 { width: 70%; }

.percent-80 { width: 80%; }

.percent-90 { width: 90%; }

.percent-10 { width: 100%; }

/* Sizes */
.progress-bar { border: none; }

.progress-bar.small { height: 1.3rem; font-size: 1rem; line-height: 1rem; }

.progress-bar, .progress-bar.medium { height: 2rem; }

.progress-bar.large { height: 3rem; font-size: 1.4rem; line-height: 2.6rem; }

.progress-bar.xlarge { height: 4rem; font-size: 1.5rem; line-height: 3.6rem; }

/* Accordion */
/*.accordion > ul > li > a { padding: 1.3rem 2.5rem; background-color: #fff; border-color: #000; color: #000; font-size: 1.9rem; font-weight: 400; }

.accordion > ul > li.active > a, .accordion > ul > li.active > a:hover { border-color: transparent; background-color: #000; color: #fff; }

.accordion > ul > li > a:hover { border-color: #000; background-color: #fff; color: #ff6666; }

.accordion .accordion-content { padding: 3rem; font-size: 1.9rem; border: transparent; }

.accordion > ul > li > div { border: none; }*/

/* Accordion */

.accordion > ul > li > a{
  margin: 0.2rem 0;
  padding: 1.6rem 3rem;
  background-color: #ffffff;
  border-color: #2f323c;
  color: #2f323c;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}

.accordion > ul > li.active > a,
.accordion > ul > li.active > a:hover,
.accordion > ul > li > a:hover {
  border-color: #2f323c;
  background-color: #2f323c;
  color: #ffffff;
}

.accordion > ul > li > div {
  border: none;
}
.accordion .accordion-content, {
  padding: 3rem;
}

.accordion-content ul li, .accordion-content {
  font-size: 2.1rem !important;
}

/* style 1 */
.accordion.style-1 > ul > li > a { background-color: transparent; border-color: #eee; color: #666; }

.accordion.style-1 > ul > li.active > a, .accordion.style-1 > ul > li.active > a:hover { background-color: transparent; border-color: #eee; color: #a0c9cc; }

.accordion.style-1 > ul > li > div { border: none; }

.accordion.style-1 .accordion-content { border: none; }

/* style 2 */
.accordion.style-2 > ul > li > a { padding: 1.3rem 0; border: none; font-weight: 400; background-color: transparent; border-bottom: 1px solid #000; border-top: 1px solid #000; color: #000; }

.accordion.style-2 > ul > li.active > a, .accordion.style-2 > ul > li.active > a:hover { background-color: transparent; border-color: transparent; color: #ff6666; }

.accordion.style-2 .accordion-content { padding: 1rem 0 3rem 0; border: none; }

.accordion.style-2 > ul > li > div { border: none; }

.accordion.style-2 > ul > li.active > div { border-bottom: 1px solid #000; }

/* Tabs */
.tabs .tab-nav > li a { padding: 1.3rem 2.5rem; background-color: #f4f4f4; border-color: #f4f4f4; color: #666; font-size: 1.1rem; font-weight: 400; text-transform: uppercase; }

.tabs .tab-nav > li a:hover { background-color: #ddd; border-color: #ddd; color: #232323; }

.tabs .tab-nav > li, .tabs.vertical .tab-nav > li { margin: 0; }

.tabs .tab-nav > li.active a, .tabs .tab-nav > li.active a:hover { color: #232323; }

.tabs .tab-panes { padding: 3rem; }

.tabs[class*="style-"] .tab-nav > li { margin: 0 !important; }

.tabs[class*="style-"] .tab-panes { border: none; }

.tabs[class*="style-"]:not(.style-3) .tab-panes { padding: 5rem 0 0 0; border: none; background: none; }

.tab-panes > div.active { overflow: visible; }

.tabs.style-1.vertical.right .tab-panes, .tabs.style-2.vertical.right .tab-panes { padding-right: 2.5rem; margin: 0 !important; }

/* style 1 */
.tabs.style-1.vertical .tab-nav > li, .tabs.style-1.vertical.right .tab-nav > li { margin-bottom: 0; }

.tabs.style-1 .tab-nav > li a, .tabs.style-1.vertical .tab-nav > li a { background-color: #f4f4f4; border: none; color: #666; }

.tabs.style-1 .tab-nav > li a:hover { background-color: #ddd; border: none; color: #232323; }

.tabs.style-1 .tab-nav > li.active a, .tabs.style-1 .tab-nav > li.active a:hover, .tabs.style-1.vertical.right .tab-nav > li.active a, .tabs.style-1.vertical.right .tab-nav > li.active a:hover { margin-right: 0; border: none; background-color: #a0c9cc; color: #fff; }

/* style 2 */
.tabs.style-2 .tab-nav > li a, .tabs.style-2.vertical .tab-nav > li a, .tabs.style-2.vertical.right .tab-nav > li a { background-color: transparent; border-width: 0 0 1px 0; border-color: #eee; color: #666; }

.tabs.style-2:not(.vertical) .tab-panes { border-top: 1px solid #eee; }

.tabs.style-2 .tab-nav > li.active a, .tabs.style-2 .tab-nav > li.active a:hover, .tabs.style-2.vertical .tab-nav > li.active a, .tabs.style-2.vertical.right .tab-nav > li.active a { background-color: transparent; border-width: 0 0 1px 0; border-color: #a0c9cc; color: #232323; }

/* style 3 */
.tabs.style-3 .tab-nav > li a, .tabs.style-3.vertical .tab-nav > li a, .tabs.style-3.vertical.right .tab-nav > li a, .tabs.style-3 .tab-panes { background-color: transparent; border-width: 0; color: #666; }

.tabs.style-3 .tab-nav > li.active a, .tabs.style-3 .tab-nav > li.active a:hover, .tabs.style-3.vertical .tab-nav > li.active a, .tabs.style-3.vertical.right .tab-nav > li.active a { background-color: transparent; border: none; color: #232323; }

.tabs.style-3:not(.vertical) .tab-nav > li a { padding: 1rem 0; margin-right: 3rem; }

.tabs.style-3.center:not(.vertical) .tab-nav > li a { margin: 0 1.5rem 0 1.5rem; }

.tabs.style-3.right:not(.vertical) .tab-nav > li a { margin: 0 0 0 3rem; }

.tabs.style-3 .tab-panes { padding: 3rem 0 0 0; }

/* animation */
.tab-panes .tab-content { -webkit-transition-property: transform, opacity, visibility; transition-property: transform, opacity, visibility; -webkit-transition-duration: 1000ms; transition-duration: 1000ms; -webkit-transform: translateY(1rem); transform: translateY(1rem); }

.tab-panes .animate-in .tab-content { -webkit-transform: translateY(0); transform: translateY(0); }

@media only screen and (min-width: 480px) { .tabs.style-1.vertical .tab-panes { padding: 0 0 0 3.5rem; }
  .tabs.style-1.vertical .tab-panes, .tabs.style-2.vertical .tab-panes { padding: 0 0 0 3.5rem; margin: 0 !important; }
  .tabs.style-1.vertical.right .tab-panes, .tabs.style-2.vertical.right .tab-panes { padding: 0 3.5rem 0 0; margin: 0 !important; }
  .tabs.style-2.vertical .tab-nav > li a { padding-left: 0; border: none; border-right: 1px solid #eee; }
  .tabs.style-2.vertical.right .tab-nav > li a { padding-left: 2.5rem; padding-right: 0; border: none; border-left: 1px solid #eee; }
  .tabs.style-2.vertical .tab-nav > li.active a, .tabs.style-2.vertical .tab-nav > li.active a:hover { border: none; border-right: 1px solid #a0c9cc; }
  .tabs.style-2.vertical.right .tab-nav > li.active a, .tabs.style-2.vertical.right .tab-nav > li.active a:hover { border: none; border-left: 1px solid #a0c9cc; } }

/* Menus */
.menu-list h4 { font-size: 1.4rem; }

.menu-list li:nth-child(even) h4, .menu-list li:nth-child(even) .menu-description { color: #666; }

.menu-list h4 .menu-line { bottom: 1px; }

.menu-list .menu-content .menu-line { bottom: 8px; }

.menu-item .menu-title, .menu-item .menu-description, .menu-item .menu-price { background: none; }

.menu-item.dotted .menu-title, .menu-item.dotted .menu-description, .menu-item.dotted .menu-price, .menu-item.dashed .menu-title, .menu-item.dashed .menu-description, .menu-item.dashed .menu-price { background-color: #fff; }

.dotted .menu-line { background-image: radial-gradient(circle closest-side, #ccc 99%, transparent 0%); }

.dashed .menu-line { background-image: linear-gradient(to right, #ccc 50%, transparent 0%); }

/* Timeline */
.timeline.vertical-indication .timeline-title:after { border: 2px solid #999; background-color: #999; }

.timeline.vertical-indication .timeline-description:before { background-color: #eee; }

@media only screen and (max-width: 768px) { .timeline.vertical-indication .timeline-description:before, .timeline.vertical-indication .timeline-title:before { width: 0.2rem; left: 1.9rem; } }

/* Pricing Tables */
.pricing-table-column.callout { box-shadow: 0rem 0rem 1.8rem rgba(0, 0, 0, 0.2); }

.pricing-table-column.callout.with-background-image { background-image: url(../images/generic/pricing-table.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.pricing-table-column.callout.with-background-image > * { background-color: rgba(0, 0, 0, 0.4); }

.pricing-table-options del { text-decoration: line-through; }

.pricing-table-price .interval, .pricing-table-price .currency { opacity: 1; font-weight: 400; }

/* style 1 */
.pricing-table.style-1 .pricing-table-column * { text-align: center; }

.pricing-table.style-1 .pricing-table-header h2 { font-size: 1.5rem; }

/* style-2 */
.pricing-table.style-2 .pricing-table-column * { text-align: center; }

.pricing-table.style-2 .pricing-table-header h2 { font-size: 1.5rem; }

.pricing-table.style-2 .interval { display: block; font-size: 1.1rem !important; text-transform: uppercase; opacity: 0.6; }

.logo-slider { width: 10rem; height: 10rem; }

/* Breadcrumb */
.intro-title-2 .breadcrumb, .page-intro .breadcrumb, .intro-title-2 .breadcrumb a, .page-intro .breadcrumb a { color: #fff; }

.intro-title-2 .breadcrumb a, .page-intro .breadcrumb a { opacity: 0.6; }

.intro-title-2 .breadcrumb a:hover, .page-intro .breadcrumb a:hover { opacity: 1; }

/*------------------------------------------------------------------
[28. Resolution Media Queries]
*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { /* Hero Sections */

/* Call to Action Sections */
.call-to-action { background-image: url(../images/architecture/generic/call-to-action-1.jpg); } 
}

/*------------------------------------------------------------------
[29. Custom]
*/
.h1-smaller { font-size: 4rem; }

.h2-smaller { font-size: 2.3rem; }

@media only screen and (max-width: 768px) { .pt-mobile-0, .section-block.pt-mobile-0 { padding-top: 0; }
  .pt-mobile-5, .section-block.pt-mobile-5 { padding-top: .5rem; }
  .pt-mobile-10, .section-block.pt-mobile-10 { padding-top: 1rem; }
  .pt-mobile-20, .section-block.pt-mobile-20 { padding-top: 2rem; }
  .pt-mobile-30, .section-block.pt-mobile-30 { padding-top: 3rem; }
  .pt-mobile-40, .section-block.pt-mobile-40 { padding-top: 4rem; }
  .pt-mobile-50, .section-block.pt-mobile-50 { padding-top: 5rem; }
  .pt-mobile-60, .section-block.pt-mobile-60 { padding-top: 6rem; }
  .pt-mobile-70, .section-block.pt-mobile-70 { padding-top: 7rem; }
  .pt-mobile-80, .section-block.pt-mobile-80 { padding-top: 8rem; }
  .pt-mobile-90, .section-block.pt-mobile-90 { padding-top: 9rem; }
  .pt-mobile-100, .section-block.pt-mobile-100 { padding-top: 10rem; }
  .pt-mobile-110, .section-block.pt-mobile-110 { padding-top: 11rem; }
  .pt-mobile-120, .section-block.pt-mobile-120 { padding-top: 12rem; }
  .pt-mobile-130, .section-block.pt-mobile-130 { padding-top: 13rem; }
  .pt-mobile-140, .section-block.pt-mobile-140 { padding-top: 14rem; }
  .pt-mobile-150, .section-block.pt-mobile-150 { padding-top: 15rem; }
  .pb-mobile-0, .section-block.pb-mobile-0 { padding-bottom: 0 !important; }
  .pb-mobile-5, .section-block.pb-mobile-5 { padding-bottom: .5rem; }
  .pb-mobile-10, .section-block.pb-mobile-10 { padding-bottom: 1rem !important; }
  .pb-mobile-20, .section-block.pb-mobile-20 { padding-bottom: 2rem; }
  .pb-mobile-30, .section-block.pb-mobile-30 { padding-bottom: 3rem; }
  .pb-mobile-40, .section-block.pb-mobile-40 { padding-bottom: 4rem; }
  .pb-mobile-50, .section-block.pb-mobile-50 { padding-bottom: 5rem; }
  .pb-mobile-60, .section-block.pb-mobile-60 { padding-bottom: 6rem; }
  .pb-mobile-70, .section-block.pb-mobile-70 { padding-bottom: 7rem; }
  .pb-mobile-80, .section-block.pb-mobile-80 { padding-bottom: 8rem; }
  .pb-mobile-90, .section-block.pb-mobile-90 { padding-bottom: 9rem; }
  .pb-mobile-100, .section-block.pb-mobile-100 { padding-bottom: 10rem; }
  .pb-mobile-110, .section-block.pb-mobile-110 { padding-bottom: 11rem; }
  .pb-mobile-120, .section-block.pb-mobile-120 { padding-bottom: 12rem; }
  .pb-mobile-130, .section-block.pb-mobile-130 { padding-bottom: 13rem; }
  .pb-mobile-140, .section-block.pb-mobile-140 { padding-bottom: 14rem; } }

.pb-mobile-150, .section-block.pb-mobile-150 { padding-bottom: 15rem; }