/* 
Theme Name: Definity
Theme URI: http://themes.89elements.com/definity/
Author: Viktor Andonov
Author URI: http://89elements.com/
Description: Definity is clean and minimal, multipurpose one page & multi page wordpress theme, its 100% responsive and its build with Bootstrap 3 framework and SCSS. It follows the latest web design trends and offers lots of options to chose from. Comes with 20+ demos to chose. Its suitable for any business especially: creative agency, freelancer, personal portfolio, resume, photography, fashion, wedding, shop etc.
Version: 1.2.2
Text Domain: definity
Tags: grid-layout, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, full-width-template, custom-header, custom-logo, custom-menu, editor-style, accessibility-ready, custom-colors, featured-images, footer-widgets, post-formats, theme-options, translation-ready, blog, sticky-post, threaded-comments, education, entertainment, food-and-drink, news, photography, portfolio 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

	
---------- TABLE OF CONTENTS ----------
	
	0.1 Bootstrap styles
	0.2	Fonts imports
	0.3 Settings (variables)
	0.4 Utilities

	1.0 Typography

		1.1	Text
		1.2	Headings
		1.3 Links
		1.4 Blockquotes
		1.5 Lists
		1.6 Other Typography
	
	2.0 Buttons

		2.1 Default Buttons
		2.2 Ghost Buttons
		2.3 Rounded Buttons
		2.4 Text Buttons
		2.5 Buttons Sizes
		2.6 Light Buttons
		2.7 Button Aligment
		2.8 Pagination

	3.0 Forms

	4.0 Page Title

		4.1 Breadcrumbs
		4.2 Page Title
		4.3 Page Title Sizes

	5.0 Footers
		5.1 Footer Utility
		5.2 Footer Widgets
		5.3 Footer Litle

	6.0 Navigation
		
		6.1 Navbar Inverse (Dark)
		6.2 Navbar Utility

	7.0 Features

		7.1 Feature - Cards
		7.2 Feature - Cards 2
		7.3 Feature - Steps Numbers
		7.4 Feature Box - Centered
		7.5 Feature Box - Inline icon
		7.6 Feature Box - Left & Right Aligned
		7.7 Feature - Box Hover
		7.8 Feature - Tabs
		7.9 Feature - Image Hover
		7.10 Tabs
		7.11 Accordions
		7.12 Link Cards
		7.13 Utiliy Classes

	8.0 Counters

		8.1 Circle Counter
		8.2 Counters - Numbers

	9.0 Testimonials
		
		9.1 Testimonial - 1 Column Slider
		9.2 Testimonials Cards

	10.0 Team Layouts

		10.1 Team Member
		10.2 Team Join CTA
		10.3 Freelancer (Single Image)

	11.0 Portfolio

		11.1 Full Width - Columns
		11.2 Masonry Layout

	12.0 Hover Effects

		12.1 Hover Default - Effect 
		12.2 Hover Bottom - Effect
		13.3 Hover Side Panel - Effect

	13.0 Pricing Tables

	14.0 CTA - Call to Action

		14.1 CTA - Link
		14.2 CTA - Newsletter Signup
		14.3 CTA - Popup

	15.0 Blog

		15.1 Blog Meta
		15.2 Blog Columns
		15.3 Blog Masonry
		15.4 Blog Post Single
		15.5 Blog Utility

	16.0 Blog Comments

	17.0 Blog Sidebar/Widgets

	18.0 Contact Layouts

		18.1 Contact Layout 1
		18.2 Contact Layout 2
		18.3 Contact Layout 3
		18.4 Contact Layout 4

	19.0 Sliders

		19.1 Single Image Slider
		19.2 Sliders Nav

	20.0 404 Page


---------- END - TABLE OF CONTENTS ----------
*/
/* --------------------------------------------------
	0.4 Utility
-------------------------------------------------- */
hr {
  margin-top: 0;
  margin-bottom: 0;
  border-color: #ccc; }

.no-gap {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.no-gap-left {
  padding-left: 0; }

.no-gap-right {
  padding-right: 0; }

.center-block {
  margin: 0 auto;
  display: block !important; }

.ta-center {
  text-align: center; }

.no-style-link {
  color: inherit; }
  .no-style-link:focus, .no-style-link:visited {
    text-decoration: none;
    color: inherit; }
  .no-style-link:hover {
    color: #919191; }

.clear {
  clear: both; }

.hide, .post-navigation .screen-reader-text,
.posts-navigation .screen-reader-text, .widget_search form .screen-reader-text, .widget_categories label {
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0); }

/* ---- Preloader ---- */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #111;
  z-index: 9999; }
  .preloader img {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    margin: auto; }

/* ---- White Space ---- */
.ws-s {
  padding-bottom: 50px; }

.ws-m {
  padding-bottom: 100px; }

.ws-l {
  padding-bottom: 160px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-75 {
  margin-bottom: 75px; }

.mb-100 {
  margin-bottom: 100px; }

.section {
  padding-top: 160px;
  padding-bottom: 100px; }

/* ---- Section Headings ---- */
.sec-heading {
  margin-bottom: 100px;
  text-align: center; }
  .sec-heading .subheading {
    display: block;
    text-transform: uppercase;
    font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 300;
    color: #999;
    letter-spacing: 2.5px; }
  .sec-heading h2:first-child,
  .sec-heading span:first-child {
    margin: 0; }
  .sec-heading h2:last-child,
  .sec-heading span:last-child {
    margin-top: 25px; }
  .sec-heading h2:only-child,
  .sec-heading span:only-child {
    margin-top: 0; }

/* ---- Info Blocks ---- */
.info-base {
  position: relative;
  width: 100%; }
  .info-base .info-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    .info-base .info-overlay .info-wrapper {
      padding-top: 70px;
      padding-bottom: 70px;
      top: 75px;
      bottom: 75px;
      background: rgba(17, 17, 17, 0.9); }

.info-slider {
  padding-left: 100px;
  padding-right: 100px;
  text-align: center; }
  .info-slider:hover .slick-prev,
  .info-slider:hover .slick-next {
    opacity: 1; }
  .info-slider .slick-prev,
  .info-slider .slick-next {
    display: inline-block;
    position: absolute;
    top: 30%;
    background: none;
    border: 2px solid #444;
    color: #444;
    height: 42px;
    width: 42px;
    font-size: 15px;
    opacity: 0;
    transition: all .5s; }
    .info-slider .slick-prev:focus,
    .info-slider .slick-next:focus {
      outline: none; }
    .info-slider .slick-prev:hover,
    .info-slider .slick-next:hover {
      color: #ececec;
      border-color: #ececec; }
  .info-slider .slick-prev {
    left: -75px; }
  .info-slider .slick-next {
    right: -75px; }

/* ---- Responsive Video Wraper ---- */
.definity-video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  .definity-video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* ---- WordPress Utility Classes ---- */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.page-default {
  margin-bottom: 60px; }

/* ---- Visual Composer Utility Classes ---- */
.vc_row-has-fill > .vc_column_container > .vc_column-inner {
  padding-top: 0 !important; }

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
  margin-bottom: 0 !important; }

.vc_row {
  outline: none; }

.vc_video-bg-container {
  background-size: cover;
  background-position: 50%; }

/* ---- Other ---- */
.wow {
  visibility: hidden; }

.wow.pulse {
  visibility: visible !important; }

.wow.flash {
  visibility: visible !important; }

.wow.swing {
  visibility: visible !important; }

.wow.bounce {
  visibility: visible !important; }

.wow.hinge {
  visibility: visible !important; }

/* --------------------------------------------------
	1.0 Typography
-------------------------------------------------- */
mark {
  background: #cafe48; }

::-moz-selection {
  color: #fff;
  background: #17DA5B; }

::selection {
  color: #fff;
  background: #17DA5B; }

/* ---- 1.1 Text ---- */
body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 1.8em;
  color: #777; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  color: #111;
  text-transform: uppercase; }

p.dropcaps:first-letter {
  margin-right: 3px;
  padding: 6px 13px;
  font-weight: 700;
  font-size: 23px;
  background: #ececec;
  color: #111; }

/* ---- 1.2 Headings ---- */
h1 {
  font-size: 1.7em;
  letter-spacing: 5px; }

h2 {
  font-size: 1.5em;
  letter-spacing: 4px; }

h3 {
  font-size: 1.3em;
  letter-spacing: 3.5px; }

h4 {
  font-size: 1.07em;
  letter-spacing: 3px; }

h5 {
  font-size: 1em;
  letter-spacing: 2px; }

h6 {
  font-size: 0.85em;
  letter-spacing: 2px; }

.h-alt {
  font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300; }

.bp-content > h1,
.bp-content > h2,
.bp-content > h3,
.bp-content > h4,
.bp-content > h5,
.bp-content > h6 {
  margin-bottom: 26px; }

/* ---- 1.3 Links ---- */
a {
  transition: all .5s;
  color: #0facf3; }
  a:hover {
    text-decoration: none;
    color: #076995; }

p > a:visited {
  color: #0b99d9;
  text-decoration: none; }
  p > a:visited:hover, p > a:visited:focus {
    color: #0facf3;
    text-decoration: none; }

p > a:hover, p > a:focus {
  color: #076995;
  text-decoration: none; }

/* ---- 1.4 Blockquotes ---- */
blockquote, q, .wrapper-404 .content-wrapper .info-404 {
  border: none;
  padding: 0;
  font-size: 1.3em;
  letter-spacing: .5px; }
  blockquote footer, q footer, .wrapper-404 .content-wrapper .info-404 footer {
    padding-top: 25px; }
    blockquote footer:before, q footer:before, .wrapper-404 .content-wrapper .info-404 footer:before {
      content: '-'; }
    blockquote footer cite, q footer cite, .wrapper-404 .content-wrapper .info-404 footer cite {
      text-transform: uppercase;
      color: #999;
      font-style: normal;
      font-size: .85em;
      letter-spacing: 2px; }

cite {
  text-transform: uppercase;
  color: #999;
  font-style: normal;
  font-size: .85em;
  letter-spacing: 2px; }

.alt-blockquote {
  padding: 50px;
  background: #f4f4f4; }

/* ---- 1.5 Lists ---- */
.flat-list {
  list-style: none; }
  .flat-list li {
    margin-bottom: 10px; }
    .flat-list li i:before {
      padding-right: 15px; }

dl dt {
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.85em;
  letter-spacing: 2px;
  text-transform: uppercase; }

dl dd {
  padding-top: 5px;
  padding-bottom: 15px; }

/* ---- 1.6 Other Typography ---- */
address {
  font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.85em;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #777; }

ins {
  text-decoration: none;
  background: #41F2A9;
  color: #fff; }

kbd {
  box-shadow: none;
  background: none;
  color: #111; }

code {
  color: #111;
  background: #ececec; }

/* --------------------------------------------------
	3.0 Forms
-------------------------------------------------- */
.form-control, .widget_search form input[type="text"],
input[type="email"],
input[type="text"],
input[type="password"] {
  height: 40px;
  padding-left: 20px;
  border: 1px solid #ddd;
  border-radius: 0;
  box-shadow: none;
  line-height: 22px;
  letter-spacing: .5px;
  transition: border-color .5s; }
  .form-control:focus, .widget_search form input[type="text"]:focus, .form-control:hover, .widget_search form input[type="text"]:hover,
  input[type="email"]:focus,
  input[type="email"]:hover,
  input[type="text"]:focus,
  input[type="text"]:hover,
  input[type="password"]:focus,
  input[type="password"]:hover {
    outline: none;
    box-shadow: none;
    border-color: #777; }

input[type="submit"] {
  border: none; }

input[type="file"] {
  background: #f9f9f9; }
  input[type="file"]:focus, input[type="file"]:hover {
    outline: none;
    box-shadow: none;
    border-color: #ddd !important; }

.form-control[disabled], .widget_search form input[disabled][type="text"],
fieldset[disabled] .form-control,
fieldset[disabled] .widget_search form input[type="text"], .widget_search form
fieldset[disabled] input[type="text"] {
  cursor: not-allowed;
  border-color: #ddd; }
  .form-control[disabled]:focus, .widget_search form input[disabled][type="text"]:focus, .form-control[disabled]:hover, .widget_search form input[disabled][type="text"]:hover,
  fieldset[disabled] .form-control:focus,
  fieldset[disabled] .widget_search form input[type="text"]:focus, .widget_search form
  fieldset[disabled] input[type="text"]:focus,
  fieldset[disabled] .form-control:hover,
  fieldset[disabled] .widget_search form input[type="text"]:hover, .widget_search form
  fieldset[disabled] input[type="text"]:hover {
    border-color: #ddd !important; }

.form-group label {
  font-size: .8em;
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #111; }

/* --------------------------------------------------
	2.0 Buttons
-------------------------------------------------- */
/* ---- 2.1 Defualt Buttons ---- */
.btn, input[type="submit"], .btn-ghost, .btn-ghost-light, .btn-text, .btn-text-light, .btn-light, .cta-newsletter .cta-wrapper input[type="submit"].cta-btn-light {
  position: relative;
  display: inline-block;
  padding: 8px 38px;
  background-color: #111;
  color: #ececec;
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 0.9em;
  line-height: 1.8em;
  border-radius: 0;
  transition: all 0.5s;
  opacity: 1; }
  .btn:visited, input[type="submit"]:visited, .btn-ghost:visited, .btn-ghost-light:visited, .btn-text:visited, .btn-text-light:visited, .btn-light:visited, .cta-newsletter .cta-wrapper input[type="submit"].cta-btn-light:visited {
    color: #ececec; }
    .btn:visited:hover, input[type="submit"]:visited:hover, .btn-ghost:visited:hover, .btn-ghost-light:visited:hover, .btn-text:visited:hover, .btn-text-light:visited:hover, .btn-light:visited:hover, .cta-newsletter .cta-wrapper input[type="submit"].cta-btn-light:visited:hover {
      color: #ececec;
      background: rgba(236, 236, 236, 0.75); }
  .btn:hover, input[type="submit"]:hover, .btn-ghost:hover, .btn-ghost-light:hover, .btn-text:hover, .btn-text-light:hover, .btn-light:hover, .cta-newsletter .cta-wrapper input[type="submit"].cta-btn-light:hover {
    color: #ececec;
    background: rgba(236, 236, 236, 0.75); }
  .btn:focus, input[type="submit"]:focus, .btn-ghost:focus, .btn-ghost-light:focus, .btn-text:focus, .btn-text-light:focus, .btn-light:focus, .cta-newsletter .cta-wrapper input[type="submit"].cta-btn-light:focus {
    color: #ececec;
    outline: none; }

/* ---- 2.2 Ghost Buttons ---- */
.btn-ghost, .btn-ghost-light {
  background: none;
  color: #111;
  border: 2px solid #111;
  overflow: hidden;
  z-index: 1; }
  .btn-ghost:after, .btn-ghost-light:after {
    content: '';
    position: absolute;
    background: #111;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    transition: top .3s;
    z-index: -1; }
  .btn-ghost:visited, .btn-ghost-light:visited, .btn-ghost:focus, .btn-ghost-light:focus {
    color: #111;
    text-decoration: none; }
  .btn-ghost:hover, .btn-ghost-light:hover {
    color: #ececec;
    background: none;
    opacity: 1; }
    .btn-ghost:hover:visited, .btn-ghost-light:hover:visited {
      color: #ececec;
      text-decoration: none; }
    .btn-ghost:hover:after, .btn-ghost-light:hover:after {
      top: 0; }

input[class="btn-ghost"]:hover {
  color: #ececec;
  background: #111; }

input[class="btn-ghost"]:after {
  content: none; }

/* ---- 2.3 Rounded Buttons ---- */
.btn-round {
  border-radius: 25px; }

/* ---- 2.4 Text Buttons ---- */
.btn-text, .btn-text-light {
  background: none;
  border: 2px solid rgba(17, 17, 17, 0);
  color: #777; }
  .btn-text:visited, .btn-text-light:visited {
    color: #777;
    background: none; }
    .btn-text:visited:hover, .btn-text-light:visited:hover {
      color: #111;
      background: none;
      border: 2px solid #111111; }
  .btn-text:hover, .btn-text-light:hover {
    color: #111;
    background: none;
    border: 2px solid #111111; }
  .btn-text:focus, .btn-text-light:focus {
    color: #111;
    outline: none;
    text-decoration: none; }

/* ---- 2.5 Button Sizes ---- */
.btn-large {
  padding: 10px 54px !important;
  font-size: 1.1em !important;
  letter-spacing: 3px !important; }

.btn-small {
  padding: 6px 33px;
  font-size: 0.75em; }

/* ---- 2.6 Light Buttons ---- */
.btn-light {
  color: #111;
  background: #ececec; }
  .btn-light:visited {
    color: #111;
    background: #ececec; }
    .btn-light:visited:hover {
      color: #111;
      background: #bebebe; }
  .btn-light:hover {
    color: #111;
    background: #bebebe; }
  .btn-light:focus {
    color: #111; }

input[type="submit"].btn-light {
  color: #111 !important;
  background: #ececec !important; }
  input[type="submit"].btn-light:visited {
    color: #111 !important;
    background: #ececec !important; }
    input[type="submit"].btn-light:visited:hover {
      color: #111 !important;
      background: #bebebe !important; }

.btn-ghost-light {
  z-index: 1;
  border-color: #ececec;
  color: #ececec; }
  .btn-ghost-light:after {
    background: #ececec; }
  .btn-ghost-light:hover {
    color: #111; }
    .btn-ghost-light:hover:visited {
      color: #111; }
  .btn-ghost-light:visited {
    color: #ececec; }

input[class="btn-ghost-light"] {
  z-index: 1; }
  input[class="btn-ghost-light"]:hover {
    z-index: 1;
    color: #111;
    background: #ececec; }

.btn-text-light {
  border: 2px solid rgba(235, 235, 235, 0); }
  .btn-text-light:visited:hover {
    color: #ececec;
    border: 2px solid #ebebeb; }
  .btn-text-light:hover {
    color: #ececec;
    border: 2px solid #ebebeb; }
  .btn-text-light:focus {
    color: #ececec; }

/* ---- 2.7 Button Aligment ---- */
.btn_align_right {
  text-align: right; }

.btn_align_left {
  text-align: left; }

.btn_align_center {
  text-align: center; }

/* ---- 2.8 Pagination ---- */
.pagination li a {
  border-radius: 0 !important;
  border: 2px solid rgba(17, 17, 17, 0);
  height: 42px;
  width: 42px;
  line-height: 1.9em;
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  color: #777; }
  .pagination li a i {
    padding-top: 7px;
    display: block; }
  .pagination li a:focus, .pagination li a:visited {
    background: none;
    border: 2px solid rgba(17, 17, 17, 0); }
  .pagination li a:hover {
    color: #111;
    background: none;
    border: 2px solid #111111; }

.pagination .active a {
  border: 2px solid #111111;
  background: none;
  color: #111; }
  .pagination .active a:hover {
    background: none;
    border-color: #111;
    color: #111; }

/* --------------------------------------------------
	X.0 Progress Bars
-------------------------------------------------- */
.progress {
  height: 25px;
  margin-bottom: 5px;
  border-radius: 0;
  box-shadow: none;
  background: #ececec; }
  .progress .progress-bar {
    background: #111;
    font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.9em;
    letter-spacing: 1px; }

.progress-thin {
  height: 3px; }

.progress-group {
  margin-bottom: 20px; }
  .progress-group .progress-title,
  .progress-group .progress-value {
    font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.85em;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    margin: 0; }
  .progress-group .progress-value {
    text-align: right;
    right: 0;
    float: right; }

/* --------------------------------------------------
	4.0 Page Title
-------------------------------------------------- */
/* ---- 4.1 Breadcrumbs ---- */
.breadcrumb {
  bottom: 7px;
  margin-bottom: 0;
  background: none;
  text-transform: uppercase;
  font-size: .85em;
  letter-spacing: 2px; }
  .breadcrumb li a {
    color: #999; }
    .breadcrumb li a:focus {
      text-decoration: none; }
    .breadcrumb li a:hover {
      color: #ececec; }
  .breadcrumb li + li:before {
    color: #777; }
  .breadcrumb .active {
    color: #777; }

/* ---- 4.2 Page Title ---- */
.page-title {
  position: relative;
  background: #f4f4f4;
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden; }
  .page-title h1 {
    margin: 0; }
  .page-title .subheading {
    display: block;
    margin: 20px 0 0 0;
    font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: 300;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #777; }
  .page-title .breadcrumb li a {
    color: #777; }
    .page-title .breadcrumb li a:hover {
      color: #111; }
  .page-title .breadcrumb .item-current {
    color: #999; }

header.page-title.bpt {
  margin-bottom: 90px; }

.bpt-bg:before,
.vc-pt:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* ---- 4.3 Page Title Sizes ---- */
.pt-small {
  padding-top: 50px;
  padding-bottom: 50px; }
  .pt-small h1 {
    margin: 0;
    padding: 0; }

.pt-large {
  padding-top: 140px;
  padding-bottom: 140px; }

/* --------------------------------------------------
	5.0 Footers
-------------------------------------------------- */
/* ---- 5.1 Footer Utility ---- */
.footer-setup-warning {
  margin-bottom: 75px; }
  .footer-setup-warning h5 {
    color: #ececec; }

.footer-section {
  padding-top: 100px; }

.copyright {
  background: #222;
  padding-top: 20px;
  padding-bottom: 20px; }
  .copyright small {
    font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    font-size: .8em;
    text-transform: uppercase;
    letter-spacing: 1.3px; }
    .copyright small a:hover {
      color: #ececec; }
    .copyright small a:focus {
      text-decoration: none; }
  .copyright .to-the-top {
    color: #777; }
    .copyright .to-the-top i {
      padding-left: 7px;
      font-size: 21px;
      vertical-align: top; }

.footer-social-links-wrapper {
  background: #111; }
  .footer-social-links-wrapper .footer-social-links {
    text-align: center; }
    .footer-social-links-wrapper .footer-social-links ul {
      list-style: none;
      margin: 0;
      padding: 65px 0; }
      .footer-social-links-wrapper .footer-social-links ul li {
        display: inline-block;
        padding-right: 35px;
        margin-right: 35px;
        border-right: 1px solid #777;
        font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
        font-size: 0.85em;
        letter-spacing: 2px;
        text-transform: uppercase; }
        .footer-social-links-wrapper .footer-social-links ul li:last-child {
          border: none;
          padding-right: 0;
          margin-right: 0; }
        .footer-social-links-wrapper .footer-social-links ul li a {
          display: block;
          color: #ececec; }
          .footer-social-links-wrapper .footer-social-links ul li a:hover {
            color: #999; }
          .footer-social-links-wrapper .footer-social-links ul li a:focus {
            text-decoration: none; }

.social-light-bg ul li a {
  color: #111; }

.footer-spacing {
  margin-top: 100px; }

.footer-page {
  margin-top: 0 !important; }

.no-footer {
  margin-top: 60px; }

/* ---- 5.2 Footer Widgets ---- */
.footer-widgets {
  background: #111; }
  .footer-widgets .widget .header-widget {
    padding-bottom: 17px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.2);
    color: #ececec; }
  .footer-widgets .widget p {
    margin: 0;
    font-size: .9em; }
  .footer-widgets .about-widget .social-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 30px; }
    .footer-widgets .about-widget .social-links li {
      display: inline-block;
      padding-right: 15px;
      font-size: 22px; }
      .footer-widgets .about-widget .social-links li a {
        color: #777; }
        .footer-widgets .about-widget .social-links li a:hover {
          color: #ececec; }
  .footer-widgets .zoom-instagram-widget ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .footer-widgets .zoom-instagram-widget ul li {
      display: inline-block;
      width: 86px;
      height: 86px;
      float: left;
      background: #ccc;
      overflow: hidden; }
      .footer-widgets .zoom-instagram-widget ul li a {
        display: block;
        position: relative; }
        .footer-widgets .zoom-instagram-widget ul li a img {
          max-width: 86px;
          height: auto;
          transition: transform .3s; }
        .footer-widgets .zoom-instagram-widget ul li a .hover-link {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(17, 17, 17, 0);
          text-align: center;
          transition: background .4s; }
          .footer-widgets .zoom-instagram-widget ul li a .hover-link span {
            display: block;
            padding-top: 20px;
            color: #ececec;
            font-size: 50px;
            opacity: 0;
            transition: opacity .4s; }
        .footer-widgets .zoom-instagram-widget ul li a:hover img {
          transform: scale(1.1); }
        .footer-widgets .zoom-instagram-widget ul li a:hover .hover-link {
          background: rgba(17, 17, 17, 0.55); }
          .footer-widgets .zoom-instagram-widget ul li a:hover .hover-link span {
            opacity: 1; }
        .footer-widgets .zoom-instagram-widget ul li a:focus {
          outline: none; }
  .footer-widgets #ctf .ctf-tweets .ctf-item {
    display: block;
    margin-bottom: 10px;
    padding: 2px;
    border: 1px solid rgba(255, 255, 255, 0);
    transition: all .4s; }
    .footer-widgets #ctf .ctf-tweets .ctf-item:hover {
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(204, 204, 204, 0.1); }
    .footer-widgets #ctf .ctf-tweets .ctf-item:before {
      content: "\f099";
      font-family: FontAwesome;
      display: inline-block;
      margin-bottom: -25px;
      float: left;
      font-size: 24px;
      color: rgba(255, 255, 255, 0.3); }
    .footer-widgets #ctf .ctf-tweets .ctf-item i {
      display: inline-block;
      padding-top: 3px;
      float: left;
      font-size: 24px;
      color: rgba(255, 255, 255, 0.3); }
    .footer-widgets #ctf .ctf-tweets .ctf-item .ctf-tweet-content {
      display: inline-block;
      margin-top: -40px;
      width: 83%;
      float: right; }
      .footer-widgets #ctf .ctf-tweets .ctf-item .ctf-tweet-content a {
        color: #ccc;
        border-bottom: 1px solid rgba(204, 204, 204, 0); }
        .footer-widgets #ctf .ctf-tweets .ctf-item .ctf-tweet-content a:hover {
          color: #ececec;
          border-bottom: 1px solid #fdfdfd; }
  .footer-widgets .newsletter-widget-form {
    position: relative; }
    .footer-widgets .newsletter-widget-form input[type="email"].newsletter-widget {
      display: block;
      width: 100%;
      height: 42px;
      padding-left: 20px;
      padding-right: 70px;
      border: none;
      background: rgba(204, 204, 204, 0.1);
      transition: background .3s; }
      .footer-widgets .newsletter-widget-form input[type="email"].newsletter-widget:focus {
        outline: none;
        background: rgba(204, 204, 204, 0.15); }
    .footer-widgets .newsletter-widget-form input[type="submit"].newsletter-widget-send-btn {
      display: block;
      position: absolute;
      padding: 0;
      top: 0;
      right: 0;
      width: 50px;
      height: 42px;
      border: none;
      font-size: 0px;
      color: rgba(244, 244, 244, 0.5);
      background: rgba(204, 204, 204, 0.1);
      transition: all .4s;
      z-index: 2; }
      .footer-widgets .newsletter-widget-form input[type="submit"].newsletter-widget-send-btn:focus {
        outline: none; }
      .footer-widgets .newsletter-widget-form input[type="submit"].newsletter-widget-send-btn:hover {
        background: rgba(204, 204, 204, 0.3);
        color: #111;
        cursor: pointer; }
    .footer-widgets .newsletter-widget-form i {
      position: absolute;
      padding-top: 5px;
      top: 5px;
      right: 15px;
      font-size: 20px;
      z-index: 1; }

/* ---- 5.3 Footer Litle ---- */
.footer-litle address, .contact-2 .address-info address {
  margin-bottom: 0;
  padding-top: 85px;
  padding-bottom: 85px; }
  .footer-litle address ul, .contact-2 .address-info address ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center; }
    .footer-litle address ul li, .contact-2 .address-info address ul li {
      display: inline-block;
      margin-right: 160px; }
      .footer-litle address ul li:last-child, .contact-2 .address-info address ul li:last-child {
        margin-right: 0; }
      .footer-litle address ul li .adr-icon, .contact-2 .address-info address ul li .adr-icon {
        padding-right: 20px;
        float: left;
        font-size: 36px;
        color: #111; }
      .footer-litle address ul li .adr-group, .contact-2 .address-info address ul li .adr-group {
        text-align: left;
        float: right; }
        .footer-litle address ul li .adr-group .adr-heading, .contact-2 .address-info address ul li .adr-group .adr-heading {
          display: block;
          font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
          font-size: 0.85em;
          letter-spacing: 2px;
          text-transform: uppercase;
          color: #111; }
        .footer-litle address ul li .adr-group .adr-info, .contact-2 .address-info address ul li .adr-group .adr-info {
          font-size: .9em;
          letter-spacing: 1.7px;
          text-transform: uppercase;
          color: #999; }

/* --------------------------------------------------
	6.0 Navigation
-------------------------------------------------- */
.navbar {
  margin-bottom: 0;
  min-height: 75px;
  border-bottom: 1px solid #ececec;
  border-radius: 0;
  background: #fff; }
  .navbar .navbar-header {
    position: relative;
    width: 20%;
    margin-top: 6px;
    z-index: 2; }
    .navbar .navbar-header .navbar-brand {
      padding: 15px 0;
      margin-left: 0; }
      .navbar .navbar-header .navbar-brand .navbar-logo {
        max-height: 40px; }
  .navbar .nav-main-menu-items {
    float: right; }
  .navbar .navbar-right {
    position: relative;
    margin-left: 12px;
    z-index: 2; }
  .navbar .navbar-nav {
    margin-top: 12px; }
    .navbar .navbar-nav li a {
      padding: 15px 12px;
      text-transform: uppercase;
      font-size: 0.8em;
      font-weight: 400;
      letter-spacing: 2px;
      color: #999;
      transition: color .5s; }
      .navbar .navbar-nav li a:focus {
        color: inherit; }
      .navbar .navbar-nav li a:hover {
        background: none;
        color: #111; }
    .navbar .navbar-nav .active a {
      background: none;
      color: #111;
      transition: color .5s; }
      .navbar .navbar-nav .active a:hover, .navbar .navbar-nav .active a:focus, .navbar .navbar-nav .active a:visited {
        background: none; }
    .navbar .navbar-nav .dropdown .dropdown-toggle {
      background: none; }
      .navbar .navbar-nav .dropdown .dropdown-toggle:hover, .navbar .navbar-nav .dropdown .dropdown-toggle:focus, .navbar .navbar-nav .dropdown .dropdown-toggle:visited {
        background: none; }
      .navbar .navbar-nav .dropdown .dropdown-toggle .fa-shopping-cart {
        margin-left: 16px; }
    .navbar .navbar-nav .dropdown .dropdown-menu {
      margin-top: 12px;
      padding: 5px 0 5px 0;
      min-width: 180px;
      border: 1px solid #ececec;
      border-radius: 0;
      box-shadow: none;
      background: rgba(255, 255, 255, 0.93); }
      .navbar .navbar-nav .dropdown .dropdown-menu li {
        min-width: 150px; }
        .navbar .navbar-nav .dropdown .dropdown-menu li a {
          display: block;
          padding: 11px 40px 11px 25px;
          letter-spacing: 0.5px;
          line-height: 0.8em;
          border-left: 3px solid rgba(17, 17, 17, 0);
          transition: all .3s; }
          .navbar .navbar-nav .dropdown .dropdown-menu li a:hover {
            padding-left: 35px;
            padding-right: 30px;
            background: rgba(17, 17, 17, 0.05);
            border-left: 3px solid #111; }
          .navbar .navbar-nav .dropdown .dropdown-menu li a i {
            padding-right: 5px; }
    .navbar .navbar-nav .dropdown .bg-solid {
      background: #fff; }
    .navbar .navbar-nav .dropdown .search-dropdown {
      padding-top: 10px;
      padding-bottom: 10px; }
      .navbar .navbar-nav .dropdown .search-dropdown li {
        padding: 0 15px; }
        .navbar .navbar-nav .dropdown .search-dropdown li form input[type="search"] {
          border-radius: 0;
          font-size: .9em;
          letter-spacing: 1.5px; }
          .navbar .navbar-nav .dropdown .search-dropdown li form input[type="search"]:focus {
            width: 300px;
            outline: none;
            box-shadow: none;
            border-color: #111; }
    .navbar .navbar-nav .open .dropdown-toggle {
      color: #111; }

/* ---- 6.1 Navbar Inverse (Dark) ---- */
.navbar-inverse {
  border-bottom: 1px solid #222;
  background: #111; }
  .navbar-inverse .navbar-header .navbar-toggle span {
    transition: all .35s ease-in-out !important; }
  .navbar-inverse .navbar-nav li a {
    color: #777; }
    .navbar-inverse .navbar-nav li a:hover {
      color: #ececec; }
  .navbar-inverse .navbar-nav .active a {
    color: #ececec; }
  .navbar-inverse .navbar-nav .dropdown .dropdown-menu {
    background: rgba(17, 17, 17, 0.95);
    border-color: #222; }
    .navbar-inverse .navbar-nav .dropdown .dropdown-menu li a:hover {
      background: rgba(255, 255, 255, 0.1);
      border-left: 3px solid #ececec; }
    .navbar-inverse .navbar-nav .dropdown .dropdown-menu .dropdown-header {
      color: #ececec; }
    .navbar-inverse .navbar-nav .dropdown .dropdown-menu .divider {
      background-color: #444; }
    .navbar-inverse .navbar-nav .dropdown .dropdown-menu .bg-solid {
      background: #111; }
  .navbar-inverse .navbar-nav .dropdown .search-dropdown {
    padding-bottom: 10px; }
    .navbar-inverse .navbar-nav .dropdown .search-dropdown li form input[type="search"]:focus {
      border-color: #ececec;
      width: 300px; }
  .navbar-inverse .navbar-nav .open .dropdown-toggle {
    color: #ececec; }

/* ---- 6.2 Navbar Utility ---- */
.navbar-trans {
  border-bottom: none;
  background: transparent;
  transition: background .3s; }

.navbar-trans:not(.navbar-inverse) .navbar-nav li a:focus, .navbar-trans:not(.navbar-inverse) .navbar-nav li a:hover {
  color: #ececec; }

.navbar-trans:not(.navbar-inverse) .navbar-nav .active a {
  color: #ececec; }
  .navbar-trans:not(.navbar-inverse) .navbar-nav .active a:hover {
    color: #ececec; }

.navbar-trans:not(.navbar-inverse) .navbar-nav .dropdown .dropdown-menu li a:hover {
  color: #111; }

.navbar-trans:not(.navbar-inverse) .navbar-nav .dropdown .dropdown-menu .active a {
  color: #111; }

.navbar-trans:not(.navbar-inverse) .navbar-nav .open .dropdown-toggle {
  color: #ececec; }

.navbar-trans-dark #navbar .navbar-nav > li > a:focus, .navbar-trans-dark #navbar .navbar-nav > li > a:hover {
  color: #111; }

.navbar-trans-dark #navbar .navbar-nav .active > a {
  color: #111; }
  .navbar-trans-dark #navbar .navbar-nav .active > a:hover {
    color: #111; }

.navbar-trans-dark #navbar .navbar-nav .open .dropdown-toggle {
  color: #111; }

.navbar-trans-dark.navbar-inverse .dropdown .active > a {
  color: #ececec !important; }
  .navbar-trans-dark.navbar-inverse .dropdown .active > a:hover {
    color: #ececec !important; }

.navbar-small {
  min-height: 50px; }
  .navbar-small .navbar-header {
    margin-top: 0;
    padding: 0; }
    .navbar-small .navbar-header .navbar-brand {
      padding: 9px 0; }
    .navbar-small .navbar-header .navbar-toggle {
      margin-top: 17px; }
  .navbar-small .navbar-nav {
    margin-top: 0; }
    .navbar-small .navbar-nav .dropdown .dropdown-menu {
      margin-top: 0; }

.navbar-fw .navbar-header {
  margin-left: 50px;
  width: 25%; }

.navbar-fw .navbar-right {
  margin-right: 50px; }

.navbar-sticky-page-offset body {
  margin-top: 75px; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
  left: -65%;
  top: 18px; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 0;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #fff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

.header .nav .dropdown-submenu {
  position: relative; }

.header .nav .dropdown-submenu > a:after {
  content: '\e258';
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 10px; }

.header .nav .dropdown-submenu .dropdown-menu {
  display: none;
  top: 0;
  left: 100%;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

/* --------------------------------------------------
	7.0 Feature
-------------------------------------------------- */
/* ---- 7.1 Feature - Cards ---- */
.ft-cards {
  padding-top: 10px;
  padding-bottom: 40px; }
  .ft-cards .ft-item {
    padding: 50px 40px;
    border: 1px solid #f8f8f8;
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    transition: all .3s; }
    .ft-cards .ft-item:hover {
      transform: translateY(-10px);
      box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
    .ft-cards .ft-item span {
      font-size: 64px;
      color: #111; }
    .ft-cards .ft-item h4 {
      margin-top: 40px;
      margin-bottom: 30px; }
    .ft-cards .ft-item p {
      padding: 0;
      margin: 0; }
    .ft-cards .ft-item a {
      padding-top: 50px;
      display: block;
      text-align: right;
      font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 0.85em;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #999; }
      .ft-cards .ft-item a:hover {
        color: #111; }
      .ft-cards .ft-item a:focus {
        text-decoration: none; }
      .ft-cards .ft-item a span {
        display: inline-block;
        font-size: 25px;
        vertical-align: top;
        color: inherit; }

/* ---- 7.2 Feature - Cards 2 ---- */
.ft-cards-2 .ft-card-item {
  margin-bottom: 50px;
  height: 254px;
  background: #fff;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  transition: all .3s; }
  .ft-cards-2 .ft-card-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
  .ft-cards-2 .ft-card-item img {
    display: inline-block;
    max-width: 240px;
    float: left; }
  .ft-cards-2 .ft-card-item .ft-content {
    display: inline-block;
    padding: 50px 40px;
    width: 56%; }
    .ft-cards-2 .ft-card-item .ft-content h5 {
      margin: 0;
      padding-bottom: 20px; }
    .ft-cards-2 .ft-card-item .ft-content p {
      margin: 0;
      color: #999; }
    .ft-cards-2 .ft-card-item .ft-content .link-btn {
      display: inline-block;
      margin-top: 30px;
      float: right;
      font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 0.85em;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #777;
      transform: translateX(30px);
      transition: transform .4s; }
      .ft-cards-2 .ft-card-item .ft-content .link-btn span {
        display: inline-block;
        font-size: 23px;
        vertical-align: top;
        transform: translateX(-30px);
        opacity: 0;
        transition: all .4s; }
      .ft-cards-2 .ft-card-item .ft-content .link-btn:hover {
        color: #111;
        transform: translateX(0); }
        .ft-cards-2 .ft-card-item .ft-content .link-btn:hover span {
          opacity: 1;
          transform: translateX(5px); }
      .ft-cards-2 .ft-card-item .ft-content .link-btn:focus {
        text-decoration: none; }

/* ---- 7.3 Feature - Steps Numbers ---- */
.ft-steps-numbers .ft-item {
  display: block;
  position: relative;
  margin-top: 36px; }
  .ft-steps-numbers .ft-item .ft-nbr {
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 0;
    color: rgba(204, 204, 204, 0.4);
    font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 165px; }
  .ft-steps-numbers .ft-item h4 {
    margin: 0;
    padding-bottom: 20px;
    padding-left: 85px; }
  .ft-steps-numbers .ft-item p {
    margin: 0;
    padding-left: 85px; }

/* ---- 7.4 Feature Box - Centered ---- */
.ft-centered .ft-item, .ft-x .ft-item, .ft-left .ft-item, .ft-right .ft-item {
  text-align: center; }
  .ft-centered .ft-item h5, .ft-x .ft-item h5, .ft-left .ft-item h5, .ft-right .ft-item h5 {
    margin-top: 30px;
    margin-bottom: 20px; }
  .ft-centered .ft-item span, .ft-x .ft-item span, .ft-left .ft-item span, .ft-right .ft-item span {
    display: table;
    margin: auto;
    padding: 0;
    width: 110px;
    height: 110px;
    font-size: 45px; }
    .ft-centered .ft-item span:before, .ft-x .ft-item span:before, .ft-left .ft-item span:before, .ft-right .ft-item span:before {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }

.ft-centered .ft-material:hover span, .ft-x .ft-material:hover span, .ft-left .ft-material:hover span, .ft-right .ft-material:hover span,
.ft-centered .ft-material:hover i, .ft-x .ft-material:hover i, .ft-left .ft-material:hover i, .ft-right .ft-material:hover i {
  transform: translateY(-10px);
  box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }

.ft-centered .ft-material span, .ft-x .ft-material span, .ft-left .ft-material span, .ft-right .ft-material span,
.ft-centered .ft-material i, .ft-x .ft-material i, .ft-left .ft-material i, .ft-right .ft-material i {
  border: 1px solid #f8f8f8;
  border-radius: 100px;
  background: #fff;
  color: #777;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  transition: all .3s; }

.ft-centered .ft-diagonal span, .ft-x .ft-diagonal span, .ft-left .ft-diagonal span, .ft-right .ft-diagonal span,
.ft-centered .ft-diagonal i, .ft-x .ft-diagonal i, .ft-left .ft-diagonal i, .ft-right .ft-diagonal i {
  color: #111;
  background: url("assets/images/pat-diagonal.png") 100% repeat;
  border-radius: 100px; }

.ft-centered .ft-circle-frame:hover span, .ft-x .ft-circle-frame:hover span, .ft-left .ft-circle-frame:hover span, .ft-right .ft-circle-frame:hover span, .ft-centered .ft-square-frame:hover span, .ft-x .ft-square-frame:hover span, .ft-left .ft-square-frame:hover span, .ft-right .ft-square-frame:hover span, .ft-centered .ft-circle-frame-dark:hover span, .ft-x .ft-circle-frame-dark:hover span, .ft-left .ft-circle-frame-dark:hover span, .ft-right .ft-circle-frame-dark:hover span, .ft-centered .ft-square-frame-dark:hover span, .ft-x .ft-square-frame-dark:hover span, .ft-left .ft-square-frame-dark:hover span, .ft-right .ft-square-frame-dark:hover span,
.ft-centered .ft-circle-frame:hover i, .ft-x .ft-circle-frame:hover i, .ft-left .ft-circle-frame:hover i, .ft-right .ft-circle-frame:hover i, .ft-centered .ft-square-frame:hover i, .ft-x .ft-square-frame:hover i, .ft-left .ft-square-frame:hover i, .ft-right .ft-square-frame:hover i, .ft-centered .ft-circle-frame-dark:hover i, .ft-x .ft-circle-frame-dark:hover i, .ft-left .ft-circle-frame-dark:hover i, .ft-right .ft-circle-frame-dark:hover i, .ft-centered .ft-square-frame-dark:hover i, .ft-x .ft-square-frame-dark:hover i, .ft-left .ft-square-frame-dark:hover i, .ft-right .ft-square-frame-dark:hover i {
  border-color: #ececec;
  box-shadow: 0 0 0 0 #ececec; }

.ft-centered .ft-circle-frame span, .ft-x .ft-circle-frame span, .ft-left .ft-circle-frame span, .ft-right .ft-circle-frame span, .ft-centered .ft-square-frame span, .ft-x .ft-square-frame span, .ft-left .ft-square-frame span, .ft-right .ft-square-frame span, .ft-centered .ft-circle-frame-dark span, .ft-x .ft-circle-frame-dark span, .ft-left .ft-circle-frame-dark span, .ft-right .ft-circle-frame-dark span, .ft-centered .ft-square-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-left .ft-square-frame-dark span, .ft-right .ft-square-frame-dark span,
.ft-centered .ft-circle-frame i, .ft-x .ft-circle-frame i, .ft-left .ft-circle-frame i, .ft-right .ft-circle-frame i, .ft-centered .ft-square-frame i, .ft-x .ft-square-frame i, .ft-left .ft-square-frame i, .ft-right .ft-square-frame i, .ft-centered .ft-circle-frame-dark i, .ft-x .ft-circle-frame-dark i, .ft-left .ft-circle-frame-dark i, .ft-right .ft-circle-frame-dark i, .ft-centered .ft-square-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-left .ft-square-frame-dark i, .ft-right .ft-square-frame-dark i {
  color: #111;
  background: #ececec;
  border: 5px solid white;
  box-shadow: 0 0 0 1px #ececec;
  border-radius: 100px;
  transition: all .5s; }

.ft-centered .ft-square-frame span, .ft-x .ft-square-frame span, .ft-left .ft-square-frame span, .ft-right .ft-square-frame span,
.ft-centered .ft-square-frame i, .ft-x .ft-square-frame i, .ft-left .ft-square-frame i, .ft-right .ft-square-frame i {
  width: 100px;
  height: 100px;
  border-radius: 0;
  font-size: 45px;
  text-align: center; }

.ft-centered .ft-dark-spin span, .ft-x .ft-dark-spin span, .ft-left .ft-dark-spin span, .ft-right .ft-dark-spin span,
.ft-centered .ft-dark-spin i, .ft-x .ft-dark-spin i, .ft-left .ft-dark-spin i, .ft-right .ft-dark-spin i {
  color: #f8f8f8;
  border: 1px solid rgba(17, 17, 17, 0);
  background: #111;
  border-radius: 100px;
  transition: all .3s; }

.ft-centered .ft-dark-spin:hover span, .ft-x .ft-dark-spin:hover span, .ft-left .ft-dark-spin:hover span, .ft-right .ft-dark-spin:hover span,
.ft-centered .ft-dark-spin:hover i, .ft-x .ft-dark-spin:hover i, .ft-left .ft-dark-spin:hover i, .ft-right .ft-dark-spin:hover i {
  transform: rotateY(180deg);
  border: 1px solid #cccccc;
  background: #fff !important;
  color: #111 !important; }

.ft-centered .ft-circle-frame-dark:hover span, .ft-x .ft-circle-frame-dark:hover span, .ft-left .ft-circle-frame-dark:hover span, .ft-right .ft-circle-frame-dark:hover span, .ft-centered .ft-square-frame-dark:hover span, .ft-x .ft-square-frame-dark:hover span, .ft-left .ft-square-frame-dark:hover span, .ft-right .ft-square-frame-dark:hover span,
.ft-centered .ft-circle-frame-dark:hover i, .ft-x .ft-circle-frame-dark:hover i, .ft-left .ft-circle-frame-dark:hover i, .ft-right .ft-circle-frame-dark:hover i, .ft-centered .ft-square-frame-dark:hover i, .ft-x .ft-square-frame-dark:hover i, .ft-left .ft-square-frame-dark:hover i, .ft-right .ft-square-frame-dark:hover i {
  border-color: #111111; }

.ft-centered .ft-circle-frame-dark span, .ft-x .ft-circle-frame-dark span, .ft-left .ft-circle-frame-dark span, .ft-right .ft-circle-frame-dark span, .ft-centered .ft-square-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-left .ft-square-frame-dark span, .ft-right .ft-square-frame-dark span,
.ft-centered .ft-circle-frame-dark i, .ft-x .ft-circle-frame-dark i, .ft-left .ft-circle-frame-dark i, .ft-right .ft-circle-frame-dark i, .ft-centered .ft-square-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-left .ft-square-frame-dark i, .ft-right .ft-square-frame-dark i {
  color: #f8f8f8;
  background: #111;
  border: 5px solid white;
  box-shadow: 0 0 0 1px #111; }

.ft-centered .ft-square-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-left .ft-square-frame-dark span, .ft-right .ft-square-frame-dark span,
.ft-centered .ft-square-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-left .ft-square-frame-dark i, .ft-right .ft-square-frame-dark i {
  width: 100px;
  height: 100px;
  border-radius: 0;
  font-size: 45px;
  text-align: center; }

.ft-centered .ft-small-card, .ft-x .ft-small-card, .ft-left .ft-small-card, .ft-right .ft-small-card {
  padding: 50px 30px;
  background: #f8f8f8;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  transition: all .3s; }
  .ft-centered .ft-small-card:hover, .ft-x .ft-small-card:hover, .ft-left .ft-small-card:hover, .ft-right .ft-small-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
    .ft-centered .ft-small-card:hover span, .ft-x .ft-small-card:hover span, .ft-left .ft-small-card:hover span, .ft-right .ft-small-card:hover span,
    .ft-centered .ft-small-card:hover i, .ft-x .ft-small-card:hover i, .ft-left .ft-small-card:hover i, .ft-right .ft-small-card:hover i {
      color: #111; }
  .ft-centered .ft-small-card span, .ft-x .ft-small-card span, .ft-left .ft-small-card span, .ft-right .ft-small-card span,
  .ft-centered .ft-small-card i, .ft-x .ft-small-card i, .ft-left .ft-small-card i, .ft-right .ft-small-card i {
    width: auto;
    height: auto;
    font-size: 64px;
    color: #777;
    transition: color .7s; }

.ft-centered .ft-circle-overlay:hover span, .ft-x .ft-circle-overlay:hover span, .ft-left .ft-circle-overlay:hover span, .ft-right .ft-circle-overlay:hover span, .ft-centered .ft-square-overlay:hover span, .ft-x .ft-square-overlay:hover span, .ft-left .ft-square-overlay:hover span, .ft-right .ft-square-overlay:hover span,
.ft-centered .ft-circle-overlay:hover i, .ft-x .ft-circle-overlay:hover i, .ft-left .ft-circle-overlay:hover i, .ft-right .ft-circle-overlay:hover i, .ft-centered .ft-square-overlay:hover i, .ft-x .ft-square-overlay:hover i, .ft-left .ft-square-overlay:hover i, .ft-right .ft-square-overlay:hover i {
  background: #f4f4f4; }

.ft-centered .ft-circle-overlay span, .ft-x .ft-circle-overlay span, .ft-left .ft-circle-overlay span, .ft-right .ft-circle-overlay span, .ft-centered .ft-square-overlay span, .ft-x .ft-square-overlay span, .ft-left .ft-square-overlay span, .ft-right .ft-square-overlay span,
.ft-centered .ft-circle-overlay i, .ft-x .ft-circle-overlay i, .ft-left .ft-circle-overlay i, .ft-right .ft-circle-overlay i, .ft-centered .ft-square-overlay i, .ft-x .ft-square-overlay i, .ft-left .ft-square-overlay i, .ft-right .ft-square-overlay i {
  color: #111;
  border-radius: 100px;
  background: #ececec;
  border: 10px solid #f4f4f4;
  line-height: 90px;
  transition: all .3s; }

.ft-centered .ft-square-overlay span, .ft-x .ft-square-overlay span, .ft-left .ft-square-overlay span, .ft-right .ft-square-overlay span,
.ft-centered .ft-square-overlay i, .ft-x .ft-square-overlay i, .ft-left .ft-square-overlay i, .ft-right .ft-square-overlay i {
  border-radius: 0; }

.ft-centered .ft-basic span, .ft-x .ft-basic span, .ft-left .ft-basic span, .ft-right .ft-basic span,
.ft-centered .ft-basic i, .ft-x .ft-basic i, .ft-left .ft-basic i, .ft-right .ft-basic i {
  font-size: 60px;
  line-height: 60px; }

/* ---- 7.5 Feature Box - Inline icon ---- */
.ft-x .ft-item {
  text-align: left; }
  .ft-x .ft-item h5 {
    margin-top: 0;
    margin-bottom: 20px; }
  .ft-x .ft-item span,
  .ft-x .ft-item i {
    margin: 0 35px 50px 0;
    width: 85px;
    height: 85px;
    float: left;
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    vertical-align: top; }

.ft-x .ft-material span,
.ft-x .ft-material i {
  color: #111; }

.ft-x .ft-circle-overlay span, .ft-x .ft-square-overlay span,
.ft-x .ft-circle-overlay i, .ft-x .ft-square-overlay i {
  border: 10px solid #f4f4f4; }

.ft-x .ft-basic span,
.ft-x .ft-basic i {
  font-size: 54px; }

.right-align .ft-item span {
  margin-left: 35px;
  margin-right: 0;
  float: right; }

.right-align .ft-item h5,
.right-align .ft-item p {
  text-align: right; }

/* ---- 7.6 Feature Box - Left & Right Aligned ---- */
.ft-left .ft-item {
  text-align: left; }
  .ft-left .ft-item span {
    margin-left: 0; }

.ft-right .ft-item {
  text-align: right; }
  .ft-right .ft-item span {
    margin-right: 0; }

/* ---- 7.7 Feature - Box Hover ---- */
.ft-boxed-hover .ft-item {
  display: block;
  position: relative;
  margin-left: -1px;
  margin-right: -1px;
  padding: 50px;
  border: 1px solid #ddd;
  background: #fff;
  text-align: center;
  transition: border-color .3s; }
  .ft-boxed-hover .ft-item:hover {
    border-color: #111; }
    .ft-boxed-hover .ft-item:hover .hover-content {
      opacity: 1; }
  .ft-boxed-hover .ft-item .ft-icon {
    font-size: 56px;
    color: #777; }
  .ft-boxed-hover .ft-item .h-alt {
    color: #999; }
  .ft-boxed-hover .ft-item .hover-content {
    display: block;
    position: absolute;
    padding: 30px 15px 0 15px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #111;
    opacity: 0;
    transition: all .3s; }
    .ft-boxed-hover .ft-item .hover-content .ft-icon {
      position: absolute;
      display: block;
      top: 50px;
      left: 0;
      right: 0;
      font-size: 120px;
      color: rgba(217, 217, 217, 0.15);
      z-index: 1; }
    .ft-boxed-hover .ft-item .hover-content .ft-heading {
      display: block;
      margin: 0;
      padding-bottom: 15px;
      font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 1em;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #ececec; }
    .ft-boxed-hover .ft-item .hover-content p {
      margin: 0;
      color: #999; }
    .ft-boxed-hover .ft-item .hover-content a {
      display: inline-block;
      position: relative;
      margin-top: 20px;
      color: #999;
      font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 0.85em;
      letter-spacing: 2px;
      text-transform: uppercase;
      z-index: 10 !important; }
      .ft-boxed-hover .ft-item .hover-content a:hover {
        color: #ececec; }
      .ft-boxed-hover .ft-item .hover-content a:focus {
        outline: none; }

/* ---- 7.8 Feature - Tabs ---- */
.vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab {
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  border: 0; }
  .vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:nth-child(2), .vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:nth-child(3) {
    margin-top: -1px; }
  .vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a {
    display: block;
    padding: 50px;
    border-left: 10px solid rgba(17, 17, 17, 0);
    border-radius: 0; }
    .vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:hover {
      background: #f8f8f8; }
    .vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:focus {
      text-decoration: none; }
    .vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a .vc_tta-title-text {
      display: block;
      font-size: 1.07em;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: #111; }

.vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a {
  border-left: 10px solid #111111;
  background: #f4f4f4; }

.ft-tabs .tabs-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .ft-tabs .tabs-list li {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec; }
    .ft-tabs .tabs-list li:nth-child(2), .ft-tabs .tabs-list li:nth-child(3) {
      margin-top: -1px; }
    .ft-tabs .tabs-list li a {
      display: block;
      padding: 50px;
      border-left: 10px solid rgba(17, 17, 17, 0); }
      .ft-tabs .tabs-list li a:hover {
        background: #f8f8f8; }
      .ft-tabs .tabs-list li a:focus {
        text-decoration: none; }
      .ft-tabs .tabs-list li a .tab-icon {
        display: inline-block;
        padding-right: 20px;
        font-size: 50px;
        color: #111; }
      .ft-tabs .tabs-list li a .tab-group {
        text-align: left;
        float: right; }
        .ft-tabs .tabs-list li a .tab-group .tab-heading {
          display: block;
          font-size: 1.07em;
          letter-spacing: 3px;
          text-transform: uppercase;
          color: #111; }
        .ft-tabs .tabs-list li a .tab-group .tab-info {
          font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
          font-size: 1em;
          letter-spacing: 2px;
          color: #999; }
  .ft-tabs .tabs-list .active a {
    border-left: 10px solid #111111;
    background: #f4f4f4; }

.ft-tabs .tab-content {
  height: 475px;
  background: #f4f4f4; }
  .ft-tabs .tab-content .tab-content-text {
    padding-top: 110px;
    padding-left: 80px; }
    .ft-tabs .tab-content .tab-content-text h4 {
      margin: 0;
      padding-bottom: 25px; }
    .ft-tabs .tab-content .tab-content-text p {
      margin: 0; }
    .ft-tabs .tab-content .tab-content-text button {
      margin-top: 45px; }
  .ft-tabs .tab-content .tab-content-image {
    padding-top: 110px; }

/* ---- 7.9 Feature - Image Hover ---- */
.ft-image-hover .ft-item {
  position: relative;
  height: 440px;
  background: #ccc;
  background-position: 50%;
  background-size: cover;
  transition: all .4s; }
  .ft-image-hover .ft-item .bg-overlay {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.5);
    transition: background .3s; }
  .ft-image-hover .ft-item .content-wrapper {
    position: absolute;
    left: 100px;
    right: 100px;
    bottom: 0;
    transition: all .4s; }
    .ft-image-hover .ft-item .content-wrapper h3 {
      margin: 0;
      padding-bottom: 20px;
      color: #ececec; }
    .ft-image-hover .ft-item .content-wrapper p {
      margin: 0;
      padding-bottom: 45px;
      color: #ececec; }
    .ft-image-hover .ft-item .content-wrapper .ft-button {
      opacity: 0; }
  .ft-image-hover .ft-item:hover .bg-overlay {
    background: rgba(17, 17, 17, 0.8); }
  .ft-image-hover .ft-item:hover .content-wrapper {
    bottom: 100px; }
    .ft-image-hover .ft-item:hover .content-wrapper .ft-button {
      opacity: 1; }

/* ---- 7.10 Tabs ---- */
.nav-tabs {
  border-top: 1px solid #c1c1c1;
  border-bottom: none; }
  .nav-tabs li {
    margin-top: -1px;
    margin-bottom: 0; }
    .nav-tabs li a {
      padding: 20px 25px 30px 25px;
      border-radius: 0;
      border: none;
      border-top: 1px solid transparent;
      font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 11px;
      letter-spacing: 2px;
      color: #999;
      text-transform: uppercase; }
      .nav-tabs li a:hover {
        background: none;
        border: none;
        border-top: 1px solid #444444; }
      .nav-tabs li a:focus {
        background: none;
        border: none; }
  .nav-tabs .active a {
    border: none !important;
    border-top: 1px solid #111 !important;
    color: #111; }

/* ---- 7.11 Accordions ---- */
.vc_tta.vc_general .vc_tta-panel-title {
  margin: 0;
  padding: 9px;
  line-height: 1;
  font-size: 0.9em;
  letter-spacing: 2px; }

/* ---- 7.12 Link Cards ---- */
.link-cards-wrapper {
  padding-top: 10px;
  padding-bottom: 40px; }
  .link-cards-wrapper .link-card {
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    transition: all .3s; }
    .link-cards-wrapper .link-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
    .link-cards-wrapper .link-card .item-content {
      padding: 50px; }
    .link-cards-wrapper .link-card h6 {
      margin: 0 0 27px 0; }
    .link-cards-wrapper .link-card p {
      margin: 0; }
    .link-cards-wrapper .link-card .cli-btn {
      margin-top: 30px; }

/* ---- 7.13 Utiliy Classes ---- */
.ft-icon-white {
  color: #ececec; }

.ft-icon-gray {
  color: #999; }

.ft-icon-dark {
  color: #111; }

/* --------------------------------------------------
	8.0 Counters
-------------------------------------------------- */
/* ---- 8.1 Circle Counters ---- */
.circles-counters .circle-item {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center; }
  .circles-counters .circle-item .chart {
    position: relative; }
    .circles-counters .circle-item .chart .circle-icon {
      display: block;
      position: absolute;
      top: 43px;
      left: 0;
      right: 0;
      margin: auto;
      font-size: 64px;
      color: #ececec; }
  .circles-counters .circle-item .circle-text {
    font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.85em;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ececec; }

/* ---- 8.2 Counters - Numbers ---- */
.number-counters {
  padding-top: 110px;
  padding-bottom: 100px; }
  .number-counters .count-item {
    display: block;
    text-align: center; }
    .number-counters .count-item .count-nbr {
      display: block;
      margin-bottom: 30px;
      font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 65px;
      font-weight: lighter;
      color: #ececec; }
    .number-counters .count-item .count-text {
      font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 0.85em;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #ececec; }

/* --------------------------------------------------
	9.0 Testimonials
-------------------------------------------------- */
/* ---- 9.1 Testimonial - 1 Column Slider ---- */
.t-slider {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  width: 55%;
  margin: 0 auto;
  text-align: center; }
  .t-slider blockquote, .t-slider q, .t-slider .wrapper-404 .content-wrapper .info-404, .wrapper-404 .content-wrapper .t-slider .info-404 {
    margin-bottom: 0;
    font-size: 1.4em;
    line-height: 1.6em;
    color: #ececec; }
    .t-slider blockquote .t-type, .t-slider q .t-type, .t-slider .wrapper-404 .content-wrapper .info-404 .t-type, .wrapper-404 .content-wrapper .t-slider .info-404 .t-type {
      display: block;
      padding-top: 25px;
      padding-bottom: 25px;
      font-size: 34px; }
    .t-slider blockquote footer, .t-slider q footer, .t-slider .wrapper-404 .content-wrapper .info-404 footer, .wrapper-404 .content-wrapper .t-slider .info-404 footer {
      padding-top: 0; }
      .t-slider blockquote footer:before, .t-slider q footer:before, .t-slider .wrapper-404 .content-wrapper .info-404 footer:before, .wrapper-404 .content-wrapper .t-slider .info-404 footer:before {
        content: none; }
      .t-slider blockquote footer cite h5, .t-slider q footer cite h5, .t-slider .wrapper-404 .content-wrapper .info-404 footer cite h5, .wrapper-404 .content-wrapper .t-slider .info-404 footer cite h5 {
        margin: 0;
        color: #ececec; }
        .t-slider blockquote footer cite h5:first-child, .t-slider q footer cite h5:first-child, .t-slider .wrapper-404 .content-wrapper .info-404 footer cite h5:first-child, .wrapper-404 .content-wrapper .t-slider .info-404 footer cite h5:first-child {
          margin-bottom: 10px; }
  .t-slider .t-slider-nav {
    display: inline-block;
    position: absolute;
    padding: 7px 7px 0 7px;
    top: 160px;
    border: 2px solid #ececec;
    background: none;
    transition: background .4s; }
    .t-slider .t-slider-nav span {
      color: #ececec;
      font-size: 28px;
      transition: color .4s; }
    .t-slider .t-slider-nav:hover {
      background: #ececec; }
      .t-slider .t-slider-nav:hover span {
        color: #111; }
    .t-slider .t-slider-nav:focus {
      outline: none; }
  .t-slider .slick-prev {
    left: 0;
    margin-left: -100px; }
  .t-slider .slick-next {
    right: 0;
    margin-right: -100px; }

.t-clients {
  display: block;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 80%;
  text-align: center;
  z-index: 2; }
  .t-clients li {
    display: inline-block;
    padding-left: 35px;
    padding-right: 35px; }
  .t-clients .slick-slide img {
    display: initial; }

/* ---- 9.2 Testimonials Cards ---- */
.testimonial-cards {
  padding-top: 10px;
  padding-bottom: 40px; }
  .testimonial-cards .t-item {
    padding: 40px 50px 50px 50px;
    border-top: 1px solid #f8f8f8;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    background: #fff;
    text-align: center;
    transition: all .3s; }
    .testimonial-cards .t-item:hover {
      transform: translateY(-10px);
      box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
    .testimonial-cards .t-item img {
      margin-bottom: 30px;
      border: 8px solid #ececec;
      border-radius: 999px;
      max-width: 100px;
      max-height: 100px;
      overflow: hidden; }
    .testimonial-cards .t-item blockquote, .testimonial-cards .t-item q, .testimonial-cards .t-item .wrapper-404 .content-wrapper .info-404, .wrapper-404 .content-wrapper .testimonial-cards .t-item .info-404 {
      font-size: 14px;
      font-weight: 300;
      letter-spacing: 0.2px;
      line-height: 1.8em;
      color: #999; }
      .testimonial-cards .t-item blockquote p, .testimonial-cards .t-item q p, .testimonial-cards .t-item .wrapper-404 .content-wrapper .info-404 p, .wrapper-404 .content-wrapper .testimonial-cards .t-item .info-404 p {
        margin: 0;
        border-width: 80%; }
        .testimonial-cards .t-item blockquote p:before, .testimonial-cards .t-item q p:before, .testimonial-cards .t-item .wrapper-404 .content-wrapper .info-404 p:before, .wrapper-404 .content-wrapper .testimonial-cards .t-item .info-404 p:before {
          content: '';
          display: block;
          position: relative;
          width: 70%;
          margin: 0 auto 30px auto;
          border-top: 1px solid #ccc; }
        .testimonial-cards .t-item blockquote p:after, .testimonial-cards .t-item q p:after, .testimonial-cards .t-item .wrapper-404 .content-wrapper .info-404 p:after, .wrapper-404 .content-wrapper .testimonial-cards .t-item .info-404 p:after {
          content: '';
          display: block;
          position: relative;
          width: 70%;
          margin: 30px auto 0 auto;
          border-bottom: 1px solid #ccc; }
      .testimonial-cards .t-item blockquote footer:before, .testimonial-cards .t-item q footer:before, .testimonial-cards .t-item .wrapper-404 .content-wrapper .info-404 footer:before, .wrapper-404 .content-wrapper .testimonial-cards .t-item .info-404 footer:before {
        content: none; }
      .testimonial-cards .t-item blockquote footer cite, .testimonial-cards .t-item q footer cite, .testimonial-cards .t-item .wrapper-404 .content-wrapper .info-404 footer cite, .wrapper-404 .content-wrapper .testimonial-cards .t-item .info-404 footer cite {
        font-size: 1.07em;
        font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: #777; }
        .testimonial-cards .t-item blockquote footer cite span, .testimonial-cards .t-item q footer cite span, .testimonial-cards .t-item .wrapper-404 .content-wrapper .info-404 footer cite span, .wrapper-404 .content-wrapper .testimonial-cards .t-item .info-404 footer cite span {
          display: block;
          font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
          letter-spacing: 2px;
          color: #111; }
    .testimonial-cards .t-item .t-icon {
      font-size: 32px;
      color: #999; }
  .testimonial-cards .t-clients {
    padding-left: 0; }
    .testimonial-cards .t-clients li a img {
      margin: auto; }

/* --------------------------------------------------
	10.0 Team Layouts
-------------------------------------------------- */
/* ---- 10.1 Team Member ---- */
.team-member, .team-member-img {
  padding-top: 10px;
  padding-bottom: 40px; }
  .team-member .t-item, .team-member-img .t-item {
    display: block;
    border-top: 1px solid #f8f8f8;
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    transition: all .3s; }
    .team-member .t-item:hover, .team-member-img .t-item:hover {
      transform: translateY(-10px);
      box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
      .team-member .t-item:hover .t-image .t-description, .team-member-img .t-item:hover .t-image .t-description {
        bottom: 0;
        border-bottom: 1px solid #ebebec; }
        .team-member .t-item:hover .t-image .t-description .content-wrapper, .team-member-img .t-item:hover .t-image .t-description .content-wrapper {
          padding-top: 0;
          opacity: 1; }
    .team-member .t-item .t-image, .team-member-img .t-item .t-image {
      position: relative;
      overflow: hidden; }
      .team-member .t-item .t-image .t-description, .team-member-img .t-item .t-image .t-description {
        display: block;
        position: absolute;
        padding: 30px;
        bottom: -100%;
        left: 0;
        height: 100%;
        width: 100%;
        background: white;
        border-bottom: 1px solid rgba(235, 235, 236, 0);
        transition: bottom .4s, border-bottom .5s .85s; }
        .team-member .t-item .t-image .t-description .content-wrapper, .team-member-img .t-item .t-image .t-description .content-wrapper {
          opacity: 0;
          padding-top: 100px;
          height: 100%;
          transition: opacity 1s, padding-top .8s; }
          .team-member .t-item .t-image .t-description .content-wrapper h4, .team-member-img .t-item .t-image .t-description .content-wrapper h4 {
            margin: 0;
            padding-bottom: 25px; }
    .team-member .t-item .t-info, .team-member-img .t-item .t-info {
      padding: 25px 30px; }
      .team-member .t-item .t-info h4, .team-member-img .t-item .t-info h4 {
        margin: 0; }
      .team-member .t-item .t-info .t-name, .team-member-img .t-item .t-info .t-name {
        font-size: 16px; }
      .team-member .t-item .t-info .t-role, .team-member-img .t-item .t-info .t-role {
        display: block;
        font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
        font-size: 13px;
        letter-spacing: 3.5px;
        text-transform: uppercase;
        color: #999; }
      .team-member .t-item .t-info .social-links, .team-member-img .t-item .t-info .social-links {
        margin: 0;
        padding: 15px 0 0 0;
        list-style: none; }
        .team-member .t-item .t-info .social-links li, .team-member-img .t-item .t-info .social-links li {
          display: inline-block; }
          .team-member .t-item .t-info .social-links li a, .team-member-img .t-item .t-info .social-links li a {
            display: block;
            padding-right: 12px;
            font-size: 21px;
            color: #111; }
            .team-member .t-item .t-info .social-links li a:hover, .team-member-img .t-item .t-info .social-links li a:hover {
              color: #999; }

/* ---- 10.2 Team Join CTA ---- */
.t-join {
  display: block;
  margin-top: 10px;
  background: #fff;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  transition: all .3s; }
  .t-join:hover {
    transform: translateY(-10px);
    box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
  .t-join .t-image {
    position: relative;
    background: #111;
    overflow: hidden; }
    .t-join .t-image .bg-icon {
      position: absolute;
      right: -27%;
      top: 60px;
      font-size: 320px;
      color: rgba(204, 204, 204, 0.15); }
    .t-join .t-image .t-description {
      padding: 40px 30px; }
      .t-join .t-image .t-description h4 {
        margin: 0;
        padding-bottom: 30px;
        color: #ececec; }
      .t-join .t-image .t-description p {
        margin: 0;
        color: #999; }
  .t-join .t-info {
    padding: 15px 30px; }
    .t-join .t-info .t-name {
      font-size: 16px; }
    .t-join .t-info .t-role {
      display: block;
      padding-bottom: 12px;
      font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 13px;
      letter-spacing: 3.5px;
      text-transform: uppercase;
      color: #999; }

/* ---- 10.3 Freelancer (Single Image) ---- */
.team-member-img .t-item {
  overflow: hidden; }
  .team-member-img .t-item:hover .t-image {
    transform: translateY(-50px); }
  .team-member-img .t-item:hover .t-info {
    transform: translateY(-50px); }
    .team-member-img .t-item:hover .t-info .social-links li {
      transform: translateY(-25px); }
  .team-member-img .t-item .t-image {
    transition: transform .3s; }
  .team-member-img .t-item .t-info {
    transition: transform .3s; }
  .team-member-img .t-item .social-links {
    margin-top: -15px;
    padding: 0 !important;
    height: 0;
    transform: translateY(35px); }
    .team-member-img .t-item .social-links li:first-child {
      transition: transform .5s; }
    .team-member-img .t-item .social-links li:nth-child(2) {
      transition: transform .65s; }
    .team-member-img .t-item .social-links li:nth-child(3) {
      transition: transform .8s; }
    .team-member-img .t-item .social-links li:nth-child(4) {
      transition: transform .95s; }
    .team-member-img .t-item .social-links li:nth-child(5) {
      transition: transform 1.10s; }
    .team-member-img .t-item .social-links li:nth-child(6) {
      transition: transform 1.25s; }
    .team-member-img .t-item .social-links li:nth-child(7) {
      transition: transform 1.5s; }

.team-member-img .no_social_links:hover .t-image {
  transform: translateY(0); }

.team-member-img .no_social_links:hover .t-info {
  transform: translateY(0); }
  .team-member-img .no_social_links:hover .t-info .social-links {
    display: none; }

.team-member-img .freelancer-about-content {
  margin-top: 25px; }
  .team-member-img .freelancer-about-content .t1-heading {
    margin-bottom: 35px; }
  .team-member-img .freelancer-about-content img {
    margin-top: 30px; }

/* --------------------------------------------------
	11.0 Portfolio
-------------------------------------------------- */
.portfolio-filters {
  list-style: none;
  padding: 0;
  margin-bottom: 50px;
  text-align: center; }
  .portfolio-filters li {
    display: inline-block; }
    .portfolio-filters li a {
      padding: 3px 15px;
      text-transform: uppercase;
      font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
      font-size: .85em;
      letter-spacing: 2.5px;
      color: #777; }
      .portfolio-filters li a:focus, .portfolio-filters li a:visited {
        text-decoration: none; }
      .portfolio-filters li a:hover {
        color: #111; }
  .portfolio-filters .active a {
    background: #111;
    color: #ececec;
    padding: 3px 15px; }
    .portfolio-filters .active a:hover {
      color: #ececec; }

/* ---- 11.1 Full Width - Columns ---- */
.portfolio-columns-fw .portfolio-item {
  padding-left: 0;
  padding-right: 0; }
  .portfolio-columns-fw .portfolio-item figure {
    display: block;
    position: relative;
    width: 100%;
    background: gray;
    overflow: hidden;
    float: left; }
    .portfolio-columns-fw .portfolio-item figure img {
      max-width: 100%;
      width: 100%;
      height: auto;
      transition: transform .3s; }
    .portfolio-columns-fw .portfolio-item figure figcaption {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(17, 17, 17, 0.8);
      overflow: hidden;
      opacity: 0;
      transition: opacity .5s; }
      .portfolio-columns-fw .portfolio-item figure figcaption .p-content {
        position: absolute;
        left: 40px;
        right: 40px;
        bottom: 25px;
        transition: bottom .5s; }
      .portfolio-columns-fw .portfolio-item figure figcaption:hover {
        opacity: 1; }
        .portfolio-columns-fw .portfolio-item figure figcaption:hover .p-content {
          bottom: 45px; }
        .portfolio-columns-fw .portfolio-item figure figcaption:hover .open-btn {
          top: 0; }

.portfolio-columns-fw .p-wrapper {
  display: block;
  position: relative;
  width: 100%;
  background: gray;
  overflow: hidden;
  float: left; }
  .portfolio-columns-fw .p-wrapper img {
    max-width: 100%;
    width: 100%;
    height: auto;
    transition: transform .3s; }
  .portfolio-columns-fw .p-wrapper:hover img, .portfolio-columns-fw .p-wrapper:active img {
    transform: scale(1.07); }
  .portfolio-columns-fw .p-wrapper:hover .open-btn, .portfolio-columns-fw .p-wrapper:active .open-btn {
    top: 0; }

/* ---- 11.2 Masonry Layout ---- */
.portfolio-masonry .p-item, .portfolio-masonry-2 .p-item, .portfolio-masonry-3 .p-item,
.portfolio-masonry .grid-sizer, .portfolio-masonry-2 .grid-sizer, .portfolio-masonry-3 .grid-sizer {
  width: 25%; }

.portfolio-masonry .p-item, .portfolio-masonry-2 .p-item, .portfolio-masonry-3 .p-item {
  float: left;
  background: #0D8; }

.portfolio-masonry .p-wrapper, .portfolio-masonry-2 .p-wrapper, .portfolio-masonry-3 .p-wrapper {
  display: block;
  position: relative;
  width: 100%;
  background: gray;
  overflow: hidden; }
  .portfolio-masonry .p-wrapper img, .portfolio-masonry-2 .p-wrapper img, .portfolio-masonry-3 .p-wrapper img {
    max-width: 100%;
    width: 100%;
    height: auto;
    transition: transform .3s; }
  .portfolio-masonry .p-wrapper:hover img, .portfolio-masonry-2 .p-wrapper:hover img, .portfolio-masonry-3 .p-wrapper:hover img, .portfolio-masonry .p-wrapper:active img, .portfolio-masonry-2 .p-wrapper:active img, .portfolio-masonry-3 .p-wrapper:active img {
    transform: scale(1.07); }
  .portfolio-masonry .p-wrapper .p-hover, .portfolio-masonry-2 .p-wrapper .p-hover, .portfolio-masonry-3 .p-wrapper .p-hover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: opacity .5s; }
    .portfolio-masonry .p-wrapper .p-hover .p-content, .portfolio-masonry-2 .p-wrapper .p-hover .p-content, .portfolio-masonry-3 .p-wrapper .p-hover .p-content {
      position: absolute;
      left: 40px;
      right: 40px;
      bottom: 25px;
      transition: bottom .5s; }
  .portfolio-masonry .p-wrapper .open-btn, .portfolio-masonry-2 .p-wrapper .open-btn, .portfolio-masonry-3 .p-wrapper .open-btn {
    position: absolute;
    padding-top: 22px;
    width: 60px;
    height: 60px;
    right: 0;
    top: -60px;
    font-size: 15px;
    text-align: center;
    line-height: 0;
    transition: top .5; }
    .portfolio-masonry .p-wrapper .open-btn:focus, .portfolio-masonry-2 .p-wrapper .open-btn:focus, .portfolio-masonry-3 .p-wrapper .open-btn:focus, .portfolio-masonry .p-wrapper .open-btn:visited, .portfolio-masonry-2 .p-wrapper .open-btn:visited, .portfolio-masonry-3 .p-wrapper .open-btn:visited {
      outline: none; }
  .portfolio-masonry .p-wrapper:hover, .portfolio-masonry-2 .p-wrapper:hover, .portfolio-masonry-3 .p-wrapper:hover {
    opacity: 1; }
    .portfolio-masonry .p-wrapper:hover .p-content, .portfolio-masonry-2 .p-wrapper:hover .p-content, .portfolio-masonry-3 .p-wrapper:hover .p-content {
      bottom: 45px; }
    .portfolio-masonry .p-wrapper:hover .open-btn, .portfolio-masonry-2 .p-wrapper:hover .open-btn, .portfolio-masonry-3 .p-wrapper:hover .open-btn {
      top: 0; }

.portfolio-masonry-2 .p-item, .portfolio-masonry-3 .p-item,
.portfolio-masonry-2 .grid-sizer, .portfolio-masonry-3 .grid-sizer {
  width: 33.33%; }

.portfolio-masonry-3 .p-item,
.portfolio-masonry-3 .grid-sizer {
  width: 30.7%;
  margin: 15px; }

/* --------------------------------------------------
	12.0 Hover Effects
-------------------------------------------------- */
/* ---- 12.1 Hover Default - Effect ---- */
.hover-default .p-hover, .hover-light .p-hover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 17, 0.8);
  overflow: hidden;
  opacity: 0;
  transition: opacity .5s; }
  .hover-default .p-hover .p-content, .hover-light .p-hover .p-content {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 25px;
    transition: bottom .5s; }
    .hover-default .p-hover .p-content h4, .hover-light .p-hover .p-content h4 {
      margin-top: 0;
      margin-bottom: 0;
      color: #ececec; }
    .hover-default .p-hover .p-content .subheading, .hover-light .p-hover .p-content .subheading {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
      letter-spacing: 2.5px;
      color: #999; }
  .hover-default .p-hover:hover, .hover-light .p-hover:hover {
    opacity: 1; }
    .hover-default .p-hover:hover .p-content, .hover-light .p-hover:hover .p-content {
      bottom: 45px; }
    .hover-default .p-hover:hover .open-btn, .hover-light .p-hover:hover .open-btn {
      top: 0; }

.hover-default .open-btn, .hover-light .open-btn {
  position: absolute;
  padding-top: 22px;
  width: 60px;
  height: 60px;
  right: 0;
  top: -60px;
  font-size: 15px;
  text-align: center;
  line-height: 0;
  color: #111;
  background: #ececec;
  transition: top .5; }
  .hover-default .open-btn:focus, .hover-light .open-btn:focus, .hover-default .open-btn:visited, .hover-light .open-btn:visited {
    outline: none; }
  .hover-default .open-btn:hover, .hover-light .open-btn:hover {
    color: #ececec;
    background: #111; }

.hover-light .p-hover {
  background: rgba(236, 236, 236, 0.9); }
  .hover-light .p-hover .p-content h4 {
    color: #111; }

.hover-light .open-btn {
  color: #ececec;
  background: #111; }
  .hover-light .open-btn:hover {
    color: #111;
    background: #ececec; }

/* ---- 12.2 Hover Bottom - Effect ---- */
.portfolio-item.hover-bottom figure img {
  transition: transform .4s; }

.portfolio-item.hover-bottom figure:hover img, .portfolio-item.hover-bottom figure:active img {
  transform: scale(1);
  transform: translateY(-60px); }

.portfolio-item.hover-bottom figure:hover figcaption, .portfolio-item.hover-bottom figure:active figcaption {
  top: initial;
  bottom: 0; }

.portfolio-item.hover-bottom figure figcaption {
  height: 60px;
  top: initial;
  bottom: -60px;
  background: #111;
  opacity: 1;
  transition: bottom .4s; }
  .portfolio-item.hover-bottom figure figcaption a:focus {
    otline: none; }
  .portfolio-item.hover-bottom figure figcaption .hover-heading {
    display: inline-block;
    padding-left: 40px;
    line-height: 2.6;
    letter-spacing: 2.8px;
    color: #ececec; }
  .portfolio-item.hover-bottom figure figcaption .hover-btns {
    display: inline-block;
    margin: 0;
    list-style: none;
    float: right; }
    .portfolio-item.hover-bottom figure figcaption .hover-btns li {
      display: inline-block;
      margin-left: 1px;
      float: right;
      background: #2b2b2b;
      transition: background .4s; }
      .portfolio-item.hover-bottom figure figcaption .hover-btns li:hover {
        cursor: pointer;
        background: #ececec; }
        .portfolio-item.hover-bottom figure figcaption .hover-btns li:hover a {
          color: #111; }
      .portfolio-item.hover-bottom figure figcaption .hover-btns li a {
        display: block;
        padding: 22px;
        font-size: 17px;
        line-height: 0;
        color: #ececec; }
        .portfolio-item.hover-bottom figure figcaption .hover-btns li a:focus, .portfolio-item.hover-bottom figure figcaption .hover-btns li a:active {
          outline: none; }

.hover-bottom.hover-light figure figcaption {
  background: #f4f4f4; }
  .hover-bottom.hover-light figure figcaption .hover-heading {
    color: #111; }
  .hover-bottom.hover-light figure figcaption .hover-btns li {
    background: #eaeaea; }
    .hover-bottom.hover-light figure figcaption .hover-btns li:hover {
      background: #c4c4c4; }
    .hover-bottom.hover-light figure figcaption .hover-btns li a {
      color: #111; }

/* ---- 12.3 Hover Side Panel - Effect ---- */
.portfolio-item.hover-side figure img {
  transition: transform .4s; }

.portfolio-item.hover-side figure:hover img, .portfolio-item.hover-side figure:active img {
  transform: scale(1);
  transform: translateX(38.2%); }

.portfolio-item.hover-side figure:hover figcaption, .portfolio-item.hover-side figure:active figcaption {
  transform: translateX(0); }
  .portfolio-item.hover-side figure:hover figcaption .hover-heading,
  .portfolio-item.hover-side figure:hover figcaption .hover-text,
  .portfolio-item.hover-side figure:hover figcaption .hover-more-btn,
  .portfolio-item.hover-side figure:hover figcaption .hover-btns, .portfolio-item.hover-side figure:active figcaption .hover-heading,
  .portfolio-item.hover-side figure:active figcaption .hover-text,
  .portfolio-item.hover-side figure:active figcaption .hover-more-btn,
  .portfolio-item.hover-side figure:active figcaption .hover-btns {
    opacity: 1; }

.portfolio-item.hover-side figure figcaption {
  padding: 40px 30px;
  width: 38.2%;
  background: #111;
  opacity: 1;
  transform: translateX(-100%);
  transition: transform .4s; }
  .portfolio-item.hover-side figure figcaption .hover-heading {
    margin: 0;
    padding-bottom: 20px;
    font-size: .95em;
    line-height: 1.7;
    color: #ececec;
    opacity: 0;
    transition: opacity .6s; }
  .portfolio-item.hover-side figure figcaption .hover-text {
    margin: 0;
    font-size: .9em;
    line-height: 1.6;
    color: #999;
    opacity: 0;
    transition: opacity .6s; }
  .portfolio-item.hover-side figure figcaption .hover-more-btn {
    display: block;
    padding-top: 5px;
    font-size: 25px;
    color: #999;
    opacity: 0;
    transition: opacity .6s, color .4s; }
    .portfolio-item.hover-side figure figcaption .hover-more-btn:hover {
      color: #ececec; }
  .portfolio-item.hover-side figure figcaption .hover-btns {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    right: 20px;
    margin: 0;
    list-style: none;
    opacity: 0;
    transition: opacity .7s; }
    .portfolio-item.hover-side figure figcaption .hover-btns li {
      display: inline-block;
      margin-left: 15px;
      float: right; }
      .portfolio-item.hover-side figure figcaption .hover-btns li:hover a {
        color: #ececec; }
      .portfolio-item.hover-side figure figcaption .hover-btns li a {
        display: block;
        font-size: 24px;
        line-height: 0;
        color: #999; }
        .portfolio-item.hover-side figure figcaption .hover-btns li a:focus {
          outline: none;
          text-decoration: none; }

.hover-side.hover-light figure figcaption {
  background: #f4f4f4; }
  .hover-side.hover-light figure figcaption .hover-heading {
    color: #111; }
  .hover-side.hover-light figure figcaption .hover-more-btn:hover {
    color: #111; }
  .hover-side.hover-light figure figcaption .hover-btns li:hover a {
    color: #111; }

/* --------------------------------------------------
	13.0 Pricing Tables
-------------------------------------------------- */
.pricing-table {
  padding-top: 10px;
  padding-bottom: 40px; }
  .pricing-table .p-table {
    position: relative;
    padding: 75px 25px 50px 25px;
    text-align: center;
    border-top: 1px solid #f8f8f8;
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
    .pricing-table .p-table h5 {
      margin: 0; }
    .pricing-table .p-table hr {
      width: 150px;
      margin: 0 auto;
      left: 0;
      right: 0; }
    .pricing-table .p-table .banner {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 60px;
      height: 58px;
      padding-top: 15px;
      background: #111;
      color: white;
      font-size: 11px;
      letter-spacing: 0.2em;
      text-align: center;
      text-transform: uppercase;
      visibility: hidden; }
    .pricing-table .p-table .banner:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: 0;
      border-bottom: 10px solid #fff;
      border-left: 29px solid transparent;
      border-right: 30px solid transparent; }
    .pricing-table .p-table .star {
      position: absolute;
      top: 12px;
      left: 19px;
      margin: 0 auto;
      font-size: 23px;
      color: #fff; }
    .pricing-table .p-table .price {
      display: block;
      margin-top: 40px; }
      .pricing-table .p-table .price .currency, .pricing-table .p-table .price .type {
        display: inline-block;
        margin-left: -10px;
        vertical-align: bottom;
        font-size: 15px;
        font-weight: 300;
        color: #999; }
      .pricing-table .p-table .price .value {
        display: inline-block;
        font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
        font-size: 70px;
        color: #111; }
      .pricing-table .p-table .price .type {
        vertical-align: top;
        margin-top: -19px;
        margin-right: -20px;
        padding-left: 10px; }
    .pricing-table .p-table .desc {
      margin-top: 20px;
      margin-bottom: 0;
      padding-bottom: 20px;
      font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 0.85em;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #777; }
    .pricing-table .p-table ul {
      list-style: none;
      padding: 0;
      margin-top: 25px; }
      .pricing-table .p-table ul li {
        padding-bottom: 15px; }
        .pricing-table .p-table ul li b {
          font-weight: 400; }
    .pricing-table .p-table .btn, .pricing-table .p-table input[type="submit"], .pricing-table .p-table .btn-ghost, .pricing-table .p-table .btn-ghost-light, .pricing-table .p-table .btn-text, .pricing-table .p-table .btn-text-light, .pricing-table .p-table .btn-light, .pricing-table .p-table .cta-newsletter .cta-wrapper input[type="submit"].cta-btn-light, .cta-newsletter .cta-wrapper .pricing-table .p-table input[type="submit"].cta-btn-light,
    .pricing-table .p-table .btn-ghost,
    .pricing-table .p-table .btn-ghost-light {
      margin-top: 30px; }
  .pricing-table .pt-featured {
    transform: translateY(-10px);
    box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
    .pricing-table .pt-featured .banner {
      visibility: visible; }

/* --------------------------------------------------
	14.0 CTA - Call to Action
-------------------------------------------------- */
/* ---- 14.1 CTA - Link ---- */
.cta-link .bg-overlay {
  width: 100%; }

.cta-link .cta-wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center; }
  .cta-link .cta-wrapper h3 {
    margin-top: 0;
    margin-bottom: 50px;
    letter-spacing: 8px;
    color: #ececec; }

/* ---- 14.2 CTA - Newsletter Signup ---- */
.cta-newsletter {
  background: #999; }
  .cta-newsletter .cta-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center; }
    .cta-newsletter .cta-wrapper h3 {
      margin-top: 0;
      margin-bottom: 100px;
      letter-spacing: 8px;
      color: #ececec; }
    .cta-newsletter .cta-wrapper input[type="email"] {
      display: block;
      margin: 0 auto 50px auto;
      padding-bottom: 10px;
      width: 600px;
      background: none;
      border: none;
      border-bottom: 2px solid #777;
      font-size: 2.6em;
      font-weight: 400;
      text-align: center;
      color: #999;
      transition: border-color .4s; }
      .cta-newsletter .cta-wrapper input[type="email"]:focus {
        outline: none;
        border-color: #ececec; }
    .cta-newsletter .cta-wrapper ::-webkit-input-placeholder {
      letter-spacing: 2px;
      color: rgba(235, 235, 235, 0.2); }
    .cta-newsletter .cta-wrapper :-moz-placeholder {
      letter-spacing: 2px;
      color: rgba(235, 235, 235, 0.2); }
    .cta-newsletter .cta-wrapper ::-moz-placeholder {
      letter-spacing: 2px;
      color: rgba(235, 235, 235, 0.2); }
    .cta-newsletter .cta-wrapper :-ms-input-placeholder {
      letter-spacing: 2px;
      color: rgba(235, 235, 235, 0.2); }
    .cta-newsletter .cta-wrapper .mc-info {
      display: block;
      font-weight: initial;
      transition: translateY(10px); }
    .cta-newsletter .cta-wrapper .subscribe-result {
      position: absolute;
      left: 0;
      right: 0; }
      .cta-newsletter .cta-wrapper .subscribe-result .alert {
        display: inline-block;
        margin-top: 20px; }
    .cta-newsletter .cta-wrapper input[type="submit"].cta-btn-light {
      background-color: #ececec;
      color: #111; }
      .cta-newsletter .cta-wrapper input[type="submit"].cta-btn-light:hover {
        background-color: #cdcdcd;
        color: #111; }

/* ---- 14.3 CTA - Popup ---- */
.cta-popup {
  height: 365px; }

.play-btn {
  display: inline-block;
  padding-top: 30px; }
  .play-btn .play-icon {
    display: inline-block;
    font-size: 64px;
    vertical-align: middle;
    color: #ececec;
    transform: translateX(65px);
    transition: all .3s; }
  .play-btn h5 {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
    color: #ececec;
    opacity: 0;
    transition: opacity .4s; }
  .play-btn:hover .play-icon {
    font-size: 40px;
    transform: translateX(0); }
  .play-btn:hover h5 {
    opacity: 1; }
  .play-btn:focus {
    outline: none; }

/* --------------------------------------------------
	15.0 Blog
-------------------------------------------------- */
/* ---- 15.1 Blog Meta ---- */
.post-meta {
  position: relative;
  display: block;
  margin-bottom: 23px;
  height: 30px; }
  .post-meta .post-date,
  .post-meta .post-comments,
  .post-meta .post-sticky {
    font-weight: 400; }
    .post-meta .post-date i,
    .post-meta .post-comments i,
    .post-meta .post-sticky i {
      display: inline-block;
      padding-right: 9px;
      font-size: 14px;
      vertical-align: middle;
      color: #777;
      transition: color .3s; }
    .post-meta .post-date span,
    .post-meta .post-comments span,
    .post-meta .post-sticky span {
      display: inline-block;
      padding-left: 12px;
      border-left: 1px solid #ccc;
      border-height: 18px;
      font-size: .85em;
      letter-spacing: 2px;
      text-transform: uppercase;
      vertical-align: middle;
      color: #777;
      transition: all .3s; }
  .post-meta .post-sticky {
    float: left;
    margin-right: 10px; }
    .post-meta .post-sticky i {
      font-size: 16px; }
  .post-meta .post-date {
    float: left; }
  .post-meta .post-comments {
    float: right; }
    .post-meta .post-comments:hover i,
    .post-meta .post-comments:hover span {
      color: #111;
      border-color: #777; }
  .post-meta .bypostauthor {
    display: inline-block;
    margin-left: 15px;
    padding-top: 2px;
    float: left;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase; }
    .post-meta .bypostauthor a {
      color: #777; }
      .post-meta .bypostauthor a:hover {
        color: #111; }

/* ---- 15.2 Blog Columns ---- */
.blog-columns {
  padding-left: 0;
  padding-right: 0; }
  .blog-columns .blog-post {
    margin-top: 10px;
    margin-bottom: 40px;
    border-top: 1px solid #f8f8f8;
    background: #f8f8f8;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    transition: all .3s; }
    .blog-columns .blog-post:hover {
      transform: translateY(-10px);
      box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
    .blog-columns .blog-post .post-img {
      display: block; }
      .blog-columns .blog-post .post-img img {
        max-width: 100%;
        height: auto;
        transition: opacity .5s; }
      .blog-columns .blog-post .post-img:hover img {
        opacity: .8; }
    .blog-columns .blog-post .bp-content {
      padding: 40px 50px 50px 50px; }
      .blog-columns .blog-post .bp-content .post-title {
        display: block;
        margin: 0;
        padding-bottom: 20px;
        font-size: 1.3em;
        letter-spacing: 3.5px;
        word-wrap: break-word; }
        .blog-columns .blog-post .bp-content .post-title a {
          color: #111; }
          .blog-columns .blog-post .bp-content .post-title a:visited .blog-columns .blog-post .bp-content .post-title a:focus {
            text-decoration: none; }
      .blog-columns .blog-post .bp-content .read-more-btn {
        margin-top: 20px; }
        .blog-columns .blog-post .bp-content .read-more-btn:hover {
          background: #444444; }

.blog-col .blog-post .bp-content .post-title,
.blog-masonry .blog-post .bp-content .post-title {
  font-size: 1em; }

.blog-preview {
  padding-top: 10px;
  padding-bottom: 40px; }
  .blog-preview .blog-post {
    background: #fff; }
    .blog-preview .blog-post .bp-content {
      word-break: break-word; }
      .blog-preview .blog-post .bp-content .post-title {
        font-size: 1em; }

/* ---- 15.3 Blog Masonry ---- */
.blog-masonry .blog-post {
  margin-bottom: 30px; }

/* ---- 15.4 Blog Post Single ---- */
.blog-post-single {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 40px; }
  .blog-post-single img {
    margin-bottom: 20px;
    max-width: 100%;
    height: auto; }
  .blog-post-single .post-title {
    margin: 0;
    padding: 15px 0 15px 0; }
  .blog-post-single .post-meta {
    margin-bottom: 40px; }
  .blog-post-single .bp-content p {
    margin-bottom: 13px; }
  .blog-post-single .bp-content strong {
    font-weight: bold;
    color: #777; }
  .blog-post-single .bp-content em {
    font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; }
  .blog-post-single .bp-content blockquote cite a, .blog-post-single .bp-content q cite a, .blog-post-single .bp-content .wrapper-404 .content-wrapper .info-404 cite a, .wrapper-404 .content-wrapper .blog-post-single .bp-content .info-404 cite a {
    display: inline-block;
    margin-top: 30px;
    font-size: .8em;
    line-height: 1.4em;
    color: #0facf3;
    border-bottom: 1px solid rgba(17, 17, 17, 0); }
    .blog-post-single .bp-content blockquote cite a:hover, .blog-post-single .bp-content q cite a:hover, .blog-post-single .bp-content .wrapper-404 .content-wrapper .info-404 cite a:hover, .wrapper-404 .content-wrapper .blog-post-single .bp-content .info-404 cite a:hover {
      border-bottom: 1px solid #0facf3; }
  .blog-post-single .bp-content .left-blog-quote {
    margin: 20px 30px 20px -50px; }
  .blog-post-single .bp-content .right-blog-quote {
    margin: 20px -50px 20px 30px; }
  .blog-post-single .bp-content figure {
    max-width: 100%; }
  .blog-post-single .bp-content img {
    margin-top: 10px;
    margin-bottom: 30px;
    vertical-align: bottom; }
  .blog-post-single .bp-content .wp-caption {
    position: relative; }
    .blog-post-single .bp-content .wp-caption img {
      max-width: 100%;
      height: auto; }
    .blog-post-single .bp-content .wp-caption .wp-caption-text {
      display: inline-block;
      position: absolute;
      padding: 10px 15px;
      bottom: 45px;
      left: -15px;
      max-width: 80%;
      font-size: 1.1em;
      font-weight: 300;
      letter-spacing: .5px;
      color: #777;
      background: #f4f4f4; }
  .blog-post-single .bp-content .aligncenter {
    display: block;
    clear: both;
    margin-right: auto;
    margin-left: auto; }
  .blog-post-single .bp-content .alignleft {
    display: inline;
    float: left; }
  .blog-post-single .bp-content .alignright {
    display: inline;
    float: right; }
  .blog-post-single .bp-content img.alignleft {
    margin-right: 30px; }
  .blog-post-single .bp-content img.alignright {
    margin-left: 30px; }
  .blog-post-single .bp-content .wp-caption.alignleft {
    margin-right: 30px; }
  .blog-post-single .bp-content .wp-caption.alignright {
    margin-left: 30px; }
  .blog-post-single .bp-content .gallery {
    clear: both;
    overflow: hidden; }
    .blog-post-single .bp-content .gallery .gallery-item {
      display: inline-block;
      position: relative;
      margin: 10px;
      float: left;
      max-width: 100%; }
      .blog-post-single .bp-content .gallery .gallery-item .gallery-caption {
        display: inline-block;
        position: absolute;
        max-width: 85%;
        max-height: 85%;
        padding: 10px 15px;
        bottom: 10px;
        left: -10px;
        font-size: .9em;
        font-weight: 300;
        line-height: 1.4em;
        letter-spacing: .5px;
        color: #777;
        background: #f4f4f4;
        overflow: hidden; }
  .blog-post-single .post-pagination {
    text-align: center; }
    .blog-post-single .post-pagination .post-pagination-title {
      margin-right: 20px;
      font-size: 1em;
      letter-spacing: 2px; }
    .blog-post-single .post-pagination a:hover span {
      color: #777; }
    .blog-post-single .post-pagination a span {
      display: inline-block;
      margin-right: 10px;
      font-size: 1em;
      letter-spacing: 2px;
      color: #111;
      transition: color .35s; }
    .blog-post-single .post-pagination span {
      display: inline-block;
      margin-right: 10px;
      font-size: 1em;
      letter-spacing: 2px;
      color: #999; }

/* ---- 15.5 Blog Utility  ---- */
.author-description {
  clear: both;
  margin-top: 75px;
  padding: 50px 100px;
  background: #f4f4f4;
  text-align: center; }
  .author-description .ad-avatar {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 4px;
    width: 74px;
    height: 74px;
    border-radius: 100px;
    border: 6px solid #fff;
    overflow: hidden; }
    .author-description .ad-avatar img {
      position: relative;
      top: -15px;
      left: -5px;
      max-width: 120%;
      height: 120%; }
  .author-description .ad-description {
    display: inline-block;
    margin: 20px 0 10px 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.3em;
    font-weight: 300;
    letter-spacing: .5px;
    color: #999; }
    .author-description .ad-description:before {
      content: '';
      display: block;
      margin: 0 auto 20px auto;
      width: 250px;
      border-bottom: 1px solid #ccc; }
    .author-description .ad-description:after {
      content: '';
      display: block;
      margin: 20px auto 0 auto;
      width: 250px;
      border-top: 1px solid #ccc; }
  .author-description .ad-name {
    margin-bottom: 0;
    font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 0.85em;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #777; }
  .author-description .ad-nickname {
    font-size: 0.85em;
    letter-spacing: 2px;
    text-transform: uppercase; }

.sticky .post-meta .post-sticky i {
  color: #999; }

.post-meta-footer {
  margin-top: 50px;
  padding: 40px;
  background: #f4f4f4; }
  .post-meta-footer .blog-post-categories {
    display: block;
    margin-bottom: 0 !important;
    font-size: 0.85em;
    letter-spacing: 2px;
    text-transform: uppercase; }
    .post-meta-footer .blog-post-categories a {
      text-transform: uppercase;
      color: #999; }
      .post-meta-footer .blog-post-categories a:hover, .post-meta-footer .blog-post-categories a:focus {
        color: #111; }
      .post-meta-footer .blog-post-categories a:visited {
        color: #999; }
        .post-meta-footer .blog-post-categories a:visited:hover {
          color: #111; }
  .post-meta-footer .blog-post-tags {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 0 !important;
    font-size: 0.85em;
    letter-spacing: 2px;
    text-transform: uppercase; }
    .post-meta-footer .blog-post-tags a {
      display: inline-block;
      padding: 0 10px;
      margin-bottom: 5px;
      border: 1px solid #9e9e9e;
      font-size: 0.85em;
      letter-spacing: 2px;
      font-weight: 400;
      color: #999;
      text-transform: uppercase;
      transition: all .5s; }
      .post-meta-footer .blog-post-tags a:hover {
        border-color: #777;
        color: #111; }
  .post-meta-footer .blog-post-categories span,
  .post-meta-footer .blog-post-tags span,
  .post-meta-footer .share-links-wrapper span {
    padding-right: 20px;
    font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    color: #111; }

.post-navigation,
.posts-navigation {
  margin-top: 50px;
  clear: both; }
  .post-navigation .nav-links .nav-previous,
  .post-navigation .nav-links .nav-next,
  .posts-navigation .nav-links .nav-previous,
  .posts-navigation .nav-links .nav-next {
    display: inline-block;
    font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.85em;
    letter-spacing: 2px;
    text-transform: uppercase; }
    .post-navigation .nav-links .nav-previous a,
    .post-navigation .nav-links .nav-next a,
    .posts-navigation .nav-links .nav-previous a,
    .posts-navigation .nav-links .nav-next a {
      color: #999;
      text-decoration: none;
      transition: color .5s; }
      .post-navigation .nav-links .nav-previous a span,
      .post-navigation .nav-links .nav-next a span,
      .posts-navigation .nav-links .nav-previous a span,
      .posts-navigation .nav-links .nav-next a span {
        font-size: 28px;
        vertical-align: text-top; }
      .post-navigation .nav-links .nav-previous a:hover,
      .post-navigation .nav-links .nav-next a:hover,
      .posts-navigation .nav-links .nav-previous a:hover,
      .posts-navigation .nav-links .nav-next a:hover {
        color: #111; }
  .post-navigation .nav-links .nav-previous,
  .posts-navigation .nav-links .nav-previous {
    float: left; }
    .post-navigation .nav-links .nav-previous a span,
    .posts-navigation .nav-links .nav-previous a span {
      margin-right: 5px; }
  .post-navigation .nav-links .nav-next,
  .posts-navigation .nav-links .nav-next {
    float: right; }
    .post-navigation .nav-links .nav-next a span,
    .posts-navigation .nav-links .nav-next a span {
      margin-left: 5px; }

.posts-navigation {
  margin-top: 0;
  padding-left: 15px;
  padding-right: 15px; }

.post-password-required .post-password-form label {
  width: 100%;
  font-size: .8em;
  font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #111; }
  .post-password-required .post-password-form label input[type="password"] {
    width: 100%; }

.archive-header h1,
.search-header h1 {
  font-size: 1.3em;
  letter-spacing: 3.5px;
  margin-bottom: 75px; }
  .archive-header h1 span,
  .search-header h1 span {
    display: block;
    margin-top: 7px;
    font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 300; }

.not-found-header {
  margin-bottom: 15px; }
  .not-found-header p {
    font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px; }

.share-links-wrapper {
  margin-top: 30px; }
  .share-links-wrapper span {
    position: relative;
    top: 5px;
    padding-right: 20px;
    font-size: 0.85em;
    letter-spacing: 2px;
    text-transform: uppercase; }
  .share-links-wrapper .blog-single-social-links {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none; }
    .share-links-wrapper .blog-single-social-links li {
      display: inline-block;
      margin-right: 5px;
      margin-bottom: 5px; }
      .share-links-wrapper .blog-single-social-links li a {
        display: block;
        width: 45px;
        height: 45px;
        background: #dcdcdc;
        text-align: center;
        font-size: 24px; }
        .share-links-wrapper .blog-single-social-links li a i {
          position: relative;
          top: 9px;
          color: #9e9e9e; }
        .share-links-wrapper .blog-single-social-links li a:hover {
          transition: all .35s; }
          .share-links-wrapper .blog-single-social-links li a:hover i {
            color: #fff; }
      .share-links-wrapper .blog-single-social-links li .facebook-social-link:hover {
        background: #3B5998; }
      .share-links-wrapper .blog-single-social-links li .twitter-social-link:hover {
        background: #1da1f2; }
      .share-links-wrapper .blog-single-social-links li .linkedin-social-link:hover {
        background: #0077b5; }
      .share-links-wrapper .blog-single-social-links li .pinterest-social-link:hover {
        background: #bd081c; }
      .share-links-wrapper .blog-single-social-links li .instagram-social-link:hover {
        background: #050707; }
      .share-links-wrapper .blog-single-social-links li .google-plus-social-link:hover {
        background: #dd5044; }
      .share-links-wrapper .blog-single-social-links li .flickr-social-link:hover {
        background: #0063db; }
      .share-links-wrapper .blog-single-social-links li .youtube-social-link:hover {
        background: #e62117; }
      .share-links-wrapper .blog-single-social-links li .vimeo-social-link:hover {
        background: #1ab7ea; }
      .share-links-wrapper .blog-single-social-links li .soundcloud-social-link:hover {
        background: #ff5500; }
      .share-links-wrapper .blog-single-social-links li .dribbble-social-link:hover {
        background: #dd3e7b; }
      .share-links-wrapper .blog-single-social-links li .behance-social-link:hover {
        background: #053eff; }
      .share-links-wrapper .blog-single-social-links li .tumblr-social-link:hover {
        background: #35465d; }
      .share-links-wrapper .blog-single-social-links li .snapchat-social-link:hover {
        background: #fffc00; }
      .share-links-wrapper .blog-single-social-links li .vk-social-link:hover {
        background: #4c75a3; }
      .share-links-wrapper .blog-single-social-links li .weibo-social-link:hover {
        background: #e6162d; }
      .share-links-wrapper .blog-single-social-links li .rss-social-link:hover {
        background: #f58432; }

/* --------------------------------------------------
	16.0 Blog Comments
-------------------------------------------------- */
.comments-area {
  margin-top: 60px;
  margin-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px; }
  .comments-area .comments-title {
    padding-bottom: 18px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    color: #111; }
  .comments-area .comment-list {
    margin: 0 0 100px 0;
    padding: 0;
    list-style: none; }
    .comments-area .comment-list .comment .comment-body {
      position: relative;
      margin-left: 90px;
      margin-bottom: 30px;
      padding-bottom: 15px;
      border-bottom: 1px solid #ccc; }
    .comments-area .comment-list .comment .comment-author {
      float: left;
      display: inline-block;
      margin-left: -90px;
      margin-bottom: -15px; }
      .comments-area .comment-list .comment .comment-author img {
        vertical-align: top; }
      .comments-area .comment-list .comment .comment-author .fn {
        display: inline-block;
        margin-left: 27px;
        font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
        font-size: 0.85em;
        font-weight: 300;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #777; }
        .comments-area .comment-list .comment .comment-author .fn a {
          color: inherit; }
          .comments-area .comment-list .comment .comment-author .fn a:focus {
            text-decoration: none; }
      .comments-area .comment-list .comment .comment-author .says {
        display: none; }
    .comments-area .comment-list .comment .comment-meta {
      display: block;
      clear: both; }
      .comments-area .comment-list .comment .comment-meta a {
        position: relative;
        top: -20px;
        font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
        font-size: 0.85em;
        font-weight: 300;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #999; }
      .comments-area .comment-list .comment .comment-meta .comment-edit-link {
        margin-left: 10px;
        font-size: 11px; }
        .comments-area .comment-list .comment .comment-meta .comment-edit-link:hover {
          color: #111; }
    .comments-area .comment-list .comment .reply a,
    .comments-area .comment-list .comment .edit-link a {
      padding: 3px 7px;
      border: 1px solid rgba(153, 153, 153, 0);
      font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #999;
      transform: all .1s; }
      .comments-area .comment-list .comment .reply a:hover,
      .comments-area .comment-list .comment .edit-link a:hover {
        border-color: #999999;
        color: #111; }
      .comments-area .comment-list .comment .reply a:focus,
      .comments-area .comment-list .comment .edit-link a:focus {
        text-decoration: none; }
    .comments-area .comment-list .comment .children {
      list-style: none;
      margin: 0 0 0 90px;
      padding: 0; }
    .comments-area .comment-list .pingback {
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid #ececec; }
      .comments-area .comment-list .pingback a {
        border-bottom: 1px solid rgba(17, 17, 17, 0); }
        .comments-area .comment-list .pingback a:hover {
          border-bottom: 1px solid #111111;
          color: #111; }
      .comments-area .comment-list .pingback .edit-link {
        margin-left: 15px; }
        .comments-area .comment-list .pingback .edit-link a {
          padding: 3px 7px;
          border: 1px solid rgba(153, 153, 153, 0);
          font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
          font-size: 11px;
          font-weight: 400;
          letter-spacing: 2px;
          text-transform: uppercase;
          color: #999;
          transform: all .1s; }
          .comments-area .comment-list .pingback .edit-link a:hover {
            border-color: #999999; }
          .comments-area .comment-list .pingback .edit-link a:focus {
            text-decoration: none; }
  .comments-area .no-comments {
    display: inline-block;
    padding: 3px 20px;
    background: #ececec;
    color: #111; }
  .comments-area .comment-navigation.post-navigation {
    display: inline-block;
    width: 100%;
    margin-top: 40px; }
  .comments-area .comment-navigation {
    margin-top: 0 !important;
    margin-bottom: 90px; }
  .comments-area .comment-respond {
    height: 365px; }
    .comments-area .comment-respond .comment-reply-title {
      margin-top: 0;
      padding-bottom: 18px;
      border-bottom: 1px solid #ccc;
      color: #111; }
      .comments-area .comment-respond .comment-reply-title a {
        margin-left: 5px;
        border-bottom: 1px solid #111;
        font-size: inherit;
        color: #111; }
      .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
        float: right;
        padding: 3px 7px;
        border: 1px solid rgba(153, 153, 153, 0);
        font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #999;
        transform: all .1s; }
        .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link:hover {
          border-color: #999999; }
        .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link:focus {
          text-decoration: none; }
    .comments-area .comment-respond .comment-form {
      margin-top: 0; }
      .comments-area .comment-respond .comment-form .logged-in-as {
        display: block; }
        .comments-area .comment-respond .comment-form .logged-in-as a {
          font-size: .9em;
          color: #999; }
          .comments-area .comment-respond .comment-form .logged-in-as a:hover {
            color: #999;
            border-color: #999; }
      .comments-area .comment-respond .comment-form .comment-notes {
        display: block;
        margin-bottom: 30px;
        font-size: .9em;
        text-align: right; }
      .comments-area .comment-respond .comment-form input[type="text"],
      .comments-area .comment-respond .comment-form input[type="email"] {
        color: #111; }
        .comments-area .comment-respond .comment-form input[type="text"]:hover, .comments-area .comment-respond .comment-form input[type="text"]:focus,
        .comments-area .comment-respond .comment-form input[type="email"]:hover,
        .comments-area .comment-respond .comment-form input[type="email"]:focus {
          border-color: #111; }
      .comments-area .comment-respond .comment-form label {
        margin-top: 20px; }
      .comments-area .comment-respond .comment-form .comment-form-comment textarea {
        height: 150px;
        color: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; }
        .comments-area .comment-respond .comment-form .comment-form-comment textarea:hover, .comments-area .comment-respond .comment-form .comment-form-comment textarea:focus {
          border-color: #111; }
      .comments-area .comment-respond .comment-form .btn-submit-comment {
        margin-top: 30px;
        background-color: #111; }
        .comments-area .comment-respond .comment-form .btn-submit-comment:hover {
          background-color: none;
          opacity: .75; }

/* --------------------------------------------------
	17.0 Blog Sidebar/Widgets
-------------------------------------------------- */
.widget_search form {
  position: relative; }
  .widget_search form input[type="text"] {
    padding-right: 45px;
    width: 100%;
    font-weight: 300; }
    .widget_search form input[type="text"]:focus {
      color: #777; }
  .widget_search form input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 40px;
    border: none;
    color: rgba(255, 255, 255, 0);
    background: rgba(255, 255, 255, 0);
    z-index: 2; }
  .widget_search form .search_widget_icon {
    position: absolute;
    right: 15px;
    top: 12px;
    font-size: 16px;
    z-index: 1;
    color: #999; }

.widget_recent_entries ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .widget_recent_entries ul li {
    padding-bottom: 15px; }
    .widget_recent_entries ul li a {
      display: block;
      margin-top: 0;
      margin-bottom: 0;
      font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 0.85em;
      font-weight: 300;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #777; }
    .widget_recent_entries ul li span {
      font-size: .9em;
      letter-spacing: .6px;
      color: #ccc; }
      .widget_recent_entries ul li span a {
        color: #ccc; }
        .widget_recent_entries ul li span a:hover {
          color: #111; }
    .widget_recent_entries ul li:last-child {
      padding-bottom: 0; }

.widget_recent_comments ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .widget_recent_comments ul li {
    padding-bottom: 15px; }
    .widget_recent_comments ul li .comment-author-link a {
      text-transform: none;
      color: #999;
      letter-spacing: 0.5px;
      font-size: 1em;
      font-style: italic;
      border-bottom: 1px solid rgba(153, 153, 153, 0); }
      .widget_recent_comments ul li .comment-author-link a:hover {
        color: #111;
        border-bottom: 1px solid #111111; }
    .widget_recent_comments ul li a {
      font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 0.85em;
      font-weight: 300;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #777;
      transition: all .35s;
      border-bottom: 1px solid rgba(119, 119, 119, 0); }
      .widget_recent_comments ul li a:hover {
        color: #111;
        border-bottom: 1px solid #111111; }
    .widget_recent_comments ul li:last-child {
      padding-bottom: 0; }

.widget_categories ul,
.widget_archive ul,
.widget_meta ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .widget_categories ul li,
  .widget_archive ul li,
  .widget_meta ul li {
    padding-bottom: 7px; }
    .widget_categories ul li:last-child,
    .widget_archive ul li:last-child,
    .widget_meta ul li:last-child {
      padding-bottom: 0; }
    .widget_categories ul li a,
    .widget_archive ul li a,
    .widget_meta ul li a {
      font-size: .9em;
      color: #999;
      border-bottom: 1px solid rgba(153, 153, 153, 0);
      transition: all .35; }
      .widget_categories ul li a:hover,
      .widget_archive ul li a:hover,
      .widget_meta ul li a:hover {
        border-bottom: 1px solid #111111;
        color: #111; }

.widget_categories select {
  width: 100%; }

.widget_meta ul li a {
  font-style: italic;
  border: none; }
  .widget_meta ul li a:hover {
    border: none; }

.widget_pages ul,
.widget_nav_menu ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .widget_pages ul li a,
  .widget_nav_menu ul li a {
    font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.85em;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #999;
    border-bottom: 1px solid rgba(153, 153, 153, 0); }
    .widget_pages ul li a:hover,
    .widget_nav_menu ul li a:hover {
      border-bottom: 1px solid #111111;
      color: #111; }
  .widget_pages ul li .children,
  .widget_nav_menu ul li .children {
    padding-left: 40px; }
  .widget_pages ul li .sub-menu,
  .widget_nav_menu ul li .sub-menu {
    padding-left: 40px; }
    .widget_pages ul li .sub-menu .sub-menu,
    .widget_nav_menu ul li .sub-menu .sub-menu {
      padding-left: 40px; }
      .widget_pages ul li .sub-menu .sub-menu .sub-menu,
      .widget_nav_menu ul li .sub-menu .sub-menu .sub-menu {
        padding-left: 40px; }
        .widget_pages ul li .sub-menu .sub-menu .sub-menu .sub-menu,
        .widget_nav_menu ul li .sub-menu .sub-menu .sub-menu .sub-menu {
          padding-left: 0; }

.widget_tag_cloud .tagcloud {
  padding: 0;
  margin: 0; }
  .widget_tag_cloud .tagcloud a {
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 10px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #999;
    transition: all .5s; }
    .widget_tag_cloud .tagcloud a:hover {
      border-color: #777;
      color: #111; }

.widget_calendar .calendar_wrap table {
  width: 100%; }
  .widget_calendar .calendar_wrap table caption {
    font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1em;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #777; }
  .widget_calendar .calendar_wrap table #today {
    position: relative;
    color: #fff;
    background: #f23d34;
    text-align: center; }
  .widget_calendar .calendar_wrap table thead tr th,
  .widget_calendar .calendar_wrap table thead tr td,
  .widget_calendar .calendar_wrap table tbody tr th,
  .widget_calendar .calendar_wrap table tbody tr td {
    padding: 5px;
    vertical-align: middle;
    text-align: center; }
    .widget_calendar .calendar_wrap table thead tr th a,
    .widget_calendar .calendar_wrap table thead tr td a,
    .widget_calendar .calendar_wrap table tbody tr th a,
    .widget_calendar .calendar_wrap table tbody tr td a {
      display: block;
      font-weight: 600;
      color: #f23d34;
      background: #f8f8f8; }
  .widget_calendar .calendar_wrap table tfoot tr td a {
    color: #777;
    font-style: italic; }
    .widget_calendar .calendar_wrap table tfoot tr td a:hover {
      color: #111; }
  .widget_calendar .calendar_wrap table tfoot tr .next a {
    float: right; }

.widget_text img {
  max-width: 100%;
  height: auto; }

.widget_text form,
.widget_text select,
.widget_text input[type="*"] {
  max-width: 100%; }

.widget_text .textwidget {
  min-width: 1px;
  min-height: 1px; }

.widget_rss .rsswidget {
  color: #111;
  text-decoration: none; }
  .widget_rss .rsswidget:focus {
    text-decoration: none; }

.widget_rss ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .widget_rss ul li {
    padding-bottom: 30px; }
    .widget_rss ul li:last-child {
      padding-bottom: 0; }
    .widget_rss ul li a {
      border-bottom: 1px solid rgba(17, 17, 17, 0);
      font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 0.85em;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #777;
      transition: all .35s; }
      .widget_rss ul li a:hover {
        border-bottom: 1px solid #111111; }
    .widget_rss ul li .rss-date {
      display: block;
      padding-top: 5px;
      padding-bottom: 15px;
      font-size: .95em;
      font-style: italic; }

.sidebar {
  padding-top: 10px; }

.sidebar .widget,
.footer-widgets .widget,
.wpb_wrapper .widget {
  margin-bottom: 70px; }

.sidebar .header-widget,
.footer-widgets .header-widget,
.wpb_wrapper .header-widget {
  margin-top: 0;
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc; }

.sidebar.sb-x {
  padding-top: 120px;
  padding-bottom: 60px; }
  .sidebar.sb-x .widget {
    margin-bottom: 0; }

.sb-x-sep {
  margin-top: 100px; }

/* ---- 18.7 Footer Widgets (dark bg) ---- */
.footer-widgets .widget_recent_entries ul li a:hover {
  color: #ececec; }

.footer-widgets .widget_recent_comments ul li .comment-author-link a {
  border-bottom: 1px solid rgba(153, 153, 153, 0); }
  .footer-widgets .widget_recent_comments ul li .comment-author-link a:hover {
    color: #ececec;
    border-bottom: 1px solid #999999; }

.footer-widgets .widget_recent_comments ul li a {
  border-bottom: 1px solid rgba(153, 153, 153, 0); }
  .footer-widgets .widget_recent_comments ul li a:hover {
    color: #ececec;
    border-bottom: 1px solid #999999; }

.footer-widgets .widget_categories ul li a,
.footer-widgets .widget_archive ul li a,
.footer-widgets .widget_meta ul li a,
.footer-widgets .widget_pages ul li a,
.footer-widgets .widget_nav_menu ul li a {
  border-bottom: 1px solid rgba(153, 153, 153, 0); }
  .footer-widgets .widget_categories ul li a:hover,
  .footer-widgets .widget_archive ul li a:hover,
  .footer-widgets .widget_meta ul li a:hover,
  .footer-widgets .widget_pages ul li a:hover,
  .footer-widgets .widget_nav_menu ul li a:hover {
    border-bottom: 1px solid #999999;
    color: #ececec; }

.footer-widgets .widget_rss .rsswidget {
  color: #ececec;
  text-decoration: none; }
  .footer-widgets .widget_rss .rsswidget:focus {
    text-decoration: none; }

.footer-widgets .widget_tag_cloud .tagcloud a {
  border: 1px solid #777; }
  .footer-widgets .widget_tag_cloud .tagcloud a:hover {
    border-color: #ececec;
    color: #ececec; }

.footer-widgets .widget_calendar .calendar_wrap table caption {
  font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1em;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #999; }

.footer-widgets .widget_calendar .calendar_wrap table thead tr {
  border: 1px solid #777; }
  .footer-widgets .widget_calendar .calendar_wrap table thead tr th {
    border-right: 1px solid #777; }

.footer-widgets .widget_calendar .calendar_wrap table tfoot tr td a {
  color: #999;
  border-bottom: 1px solid rgba(153, 153, 153, 0); }
  .footer-widgets .widget_calendar .calendar_wrap table tfoot tr td a:hover {
    color: #ececec;
    border-bottom: 1px solid #999999; }

/* --------------------------------------------------
	18.0 Contact Layouts
-------------------------------------------------- */
.map-boxed {
  display: block;
  position: relative;
  height: 500px;
  width: 100%; }

.map-wide {
  display: block;
  position: relative;
  height: 300px;
  width: 100%; }

.social-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #e3e3e3; }
  .social-wrapper .social-links {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    text-align: center; }
    .social-wrapper .social-links li {
      display: inline-block;
      font-size: 30px;
      margin: 0 20px; }
      .social-wrapper .social-links li a {
        vertical-align: bottom;
        color: #111; }
        .social-wrapper .social-links li a:hover {
          color: #999; }

form .alert-error {
  color: #e80000;
  font-size: .85em; }

form .input-error,
form .input-error-2 {
  border-color: #e80000;
  transition: border-color .4s; }
  form .input-error:hover, form .input-error:focus,
  form .input-error-2:hover,
  form .input-error-2:focus {
    border-color: #e80000; }

/* ---- 18.1 Contact Layout 1 ---- */
.contact-1 {
  padding-left: 0;
  padding-right: 0; }
  .contact-1 .contact-wrapper {
    position: relative; }
    .contact-1 .contact-wrapper .contact-info-wrapper {
      position: absolute;
      padding: 70px 110px 40px 110px;
      top: 75px;
      left: 0;
      right: 0;
      margin: 0 auto;
      background: #fff;
      transition: opacity .5s, visibility .6s, margin-top .5s; }
      .contact-1 .contact-wrapper .contact-info-wrapper address .address-group {
        margin-bottom: 40px; }
        .contact-1 .contact-wrapper .contact-info-wrapper address .address-group span {
          display: block;
          margin-top: 0;
          margin-bottom: 10px;
          font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
          letter-spacing: 2px;
          text-transform: uppercase;
          color: #111; }
        .contact-1 .contact-wrapper .contact-info-wrapper address .address-group a,
        .contact-1 .contact-wrapper .contact-info-wrapper address .address-group p {
          display: block;
          margin-bottom: 3px;
          font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
          font-weight: 300;
          font-size: 0.85em;
          letter-spacing: 2px;
          text-transform: uppercase;
          color: #999; }
      .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a {
        display: block;
        margin-top: -20px;
        font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #111; }
        .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:hover, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:focus, .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:visited {
          text-decoration: none; }
        .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a:hover {
          color: #999; }
        .contact-1 .contact-wrapper .contact-info-wrapper address .show-map-link a span {
          margin-right: 15px;
          padding-left: 15px;
          vertical-align: middle;
          font-size: 24px; }
    .contact-1 .contact-wrapper .map-open {
      margin-top: 30px;
      opacity: 0;
      visibility: hidden; }
    .contact-1 .contact-wrapper .show-info-link {
      position: absolute;
      height: 50px;
      width: 200px;
      top: -20px;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center;
      opacity: 0;
      visibility: hidden;
      transition: opacity .5s, visibility .6s, top .5s; }
      .contact-1 .contact-wrapper .show-info-link a {
        display: block;
        padding-top: 8px;
        width: 100%;
        height: 100%;
        background: #fff;
        color: #111; }
        .contact-1 .contact-wrapper .show-info-link a:hover {
          background: #ececec; }
        .contact-1 .contact-wrapper .show-info-link a i {
          display: inline-block;
          padding-right: 15px; }
        .contact-1 .contact-wrapper .show-info-link a h6 {
          display: inline-block; }
    .contact-1 .contact-wrapper .info-open {
      top: 0;
      opacity: 1;
      visibility: visible; }
    .contact-1 .contact-wrapper form .alert {
      margin-top: 30px; }

/* ---- 18.2 Contact Layout 2 ---- */
.contact-2 .address-info {
  background: #f8f8f8; }

/* ---- 18.3 Contact Layout 3 ---- */
.contact-3 .form-wrapper {
  padding: 160px 100px 100px 100px;
  border-top: 1px solid #f8f8f8;
  background: #fff;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
  .contact-3 .form-wrapper .from-header {
    text-align: center;
    margin-bottom: 100px; }
    .contact-3 .form-wrapper .from-header h2 {
      margin-top: 0;
      margin-bottom: 30px; }
  .contact-3 .form-wrapper p {
    color: #999; }
  .contact-3 .form-wrapper .form-group {
    padding-right: 45px;
    padding-left: 45px; }
  .contact-3 .form-wrapper input[type="submit"] {
    display: block;
    margin: auto;
    margin-top: 30px; }
  .contact-3 .form-wrapper .form-minimal input[type="text"],
  .contact-3 .form-wrapper .form-minimal input[type="email"],
  .contact-3 .form-wrapper .form-minimal input[type="tel"],
  .contact-3 .form-wrapper .form-minimal textarea {
    border: none !important;
    border-bottom: 1px solid #999 !important; }
    .contact-3 .form-wrapper .form-minimal input[type="text"]:focus,
    .contact-3 .form-wrapper .form-minimal input[type="email"]:focus,
    .contact-3 .form-wrapper .form-minimal input[type="tel"]:focus,
    .contact-3 .form-wrapper .form-minimal textarea:focus {
      border-color: #111 !important; }
  .contact-3 .form-wrapper .form-minimal .alert {
    margin-top: 20px; }
  .contact-3 .form-wrapper .form-minimal .input-error,
  .contact-3 .form-wrapper .form-minimal .input-error-2 {
    border-color: #e80000 !important;
    transition: border-color .4s; }
    .contact-3 .form-wrapper .form-minimal .input-error:hover, .contact-3 .form-wrapper .form-minimal .input-error:focus,
    .contact-3 .form-wrapper .form-minimal .input-error-2:hover,
    .contact-3 .form-wrapper .form-minimal .input-error-2:focus {
      border-color: #e80000; }

/* ---- 18.4 Contact Layout 4 ---- */
.contact-4 .contact-info {
  position: relative; }
  .contact-4 .contact-info .footer-map {
    height: 790px;
    background: #ccc; }
  .contact-4 .contact-info .show-info-link {
    display: inline-block;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
    width: 200px;
    height: 50px;
    font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.85em;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    color: #111;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .6s, top .5s;
    z-index: 999; }
    .contact-4 .contact-info .show-info-link:hover {
      background: #ececec; }
    .contact-4 .contact-info .show-info-link:focus {
      text-decoration: none !important;
      border-bottom: none; }
    .contact-4 .contact-info .show-info-link i {
      display: inline-block;
      padding-top: 18px;
      padding-right: 15px; }
  .contact-4 .contact-info .info-open {
    top: 0;
    opacity: 1;
    visibility: visible; }
  .contact-4 .contact-info address {
    position: absolute;
    margin-bottom: 0;
    padding: 280px 100px 0 130px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.93);
    transition: opacity .5s, visibility .6s; }
    .contact-4 .contact-info address ul {
      list-style: none;
      padding: 0;
      margin: 0;
      width: 50%;
      float: left; }
      .contact-4 .contact-info address ul li {
        display: block;
        margin-bottom: 30px;
        padding: 7px 0 7px 20px;
        border-left: 1px solid #777; }
        .contact-4 .contact-info address ul li .adr-heading {
          display: block;
          font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
          font-size: 0.85em;
          letter-spacing: 2px;
          text-transform: uppercase;
          color: #ececec; }
        .contact-4 .contact-info address ul li .adr-info {
          display: block;
          font-size: .9em;
          letter-spacing: 1.7px;
          text-transform: uppercase;
          color: #999; }
    .contact-4 .contact-info address .show-map {
      display: block;
      position: absolute;
      bottom: 100px;
      font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 0.85em;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #ececec; }
      .contact-4 .contact-info address .show-map span {
        padding-right: 20px;
        font-size: 35px;
        vertical-align: middle; }
      .contact-4 .contact-info address .show-map:hover {
        color: #999; }
      .contact-4 .contact-info address .show-map:focus {
        text-decoration: none; }

.contact-4 .map-open {
  opacity: 0;
  visibility: hidden; }

.contact-4 .contact-form {
  padding-left: 100px;
  padding-right: 12%; }
  .contact-4 .contact-form header {
    text-align: left;
    margin-bottom: 50px; }
  .contact-4 .contact-form form .alert {
    position: absolute;
    left: 0;
    right: 0;
    top: 15px; }

/* --------------------------------------------------
	19.0 Sliders
-------------------------------------------------- */
/* ---- 19.1 Single Image Slider ---- */
.single-img-slider {
  padding: 0;
  margin: 0;
  list-style: none; }
  .single-img-slider li img {
    max-width: 100%;
    width: 100%;
    height: auto; }
  .single-img-slider .slider-nav {
    top: 50%;
    margin-top: -25px; }
    .single-img-slider .slider-nav span {
      display: block;
      padding-bottom: 7px;
      font-size: 26px; }

/* ---- 19.2 Sliders Nav ---- */
.box {
  width: 60px;
  height: 60px;
  background: #ececec;
  text-align: center; }

.slick-dots {
  position: absolute;
  list-style: none;
  padding: 0;
  margin-top: 25px;
  left: 0;
  right: 0;
  bottom: 15px;
  text-align: center; }
  .slick-dots li {
    display: inline-block;
    margin-right: 10px;
    height: 14px;
    width: 14px;
    vertical-align: middle;
    border: 2px solid #ececec;
    border-radius: 0;
    transition: all .3s; }
    .slick-dots li button {
      display: none; }
    .slick-dots li:hover {
      background: #ececec;
      cursor: pointer; }
  .slick-dots .slick-active {
    border: 2px solid rgba(17, 17, 17, 0);
    background: #ececec;
    height: 14px;
    width: 14px; }

.slider-nav {
  display: inline-block;
  position: absolute;
  margin-top: -50px;
  top: 50%;
  width: 50px;
  height: 50px;
  border: none;
  background: #111;
  line-height: 0;
  color: #ececec;
  transition: background .3s; }
  .slider-nav i {
    font-size: 15px; }
  .slider-nav:hover {
    background: #373737; }
  .slider-nav:focus {
    outline: none; }

.sl-next {
  right: 20px; }

.sl-prev {
  left: 20px; }

.arrows-hover-only .t-slider-nav,
.arrows-hover-only .slider-nav {
  opacity: 0;
  transition: opacity .4s; }

.arrows-hover-only:hover .t-slider-nav,
.arrows-hover-only:hover .slider-nav {
  opacity: 1; }

/* --------------------------------------------------
	20.0 404 Page
-------------------------------------------------- */
.wrapper-404 {
  display: table;
  position: relative;
  width: 100%;
  height: 100vh;
  background: #cd5b3c; }
  .wrapper-404 .content-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .wrapper-404 .content-wrapper .lead-404 {
      display: inline;
      margin: auto;
      width: 200px;
      font-size: 150px;
      letter-spacing: 20px;
      color: #ececec; }
    .wrapper-404 .content-wrapper .sep-404 {
      display: block;
      margin: 40px auto 55px auto;
      border-bottom: 3px solid #ececec;
      width: 220px; }
    .wrapper-404 .content-wrapper .info-404 {
      margin: auto;
      padding-bottom: 50px;
      max-width: 600px;
      color: #ececec; }

/* --------------------------------------------------
	28.0 Tables
-------------------------------------------------- */
table,
.table {
  display: table !important;
  border: none; }
  table thead,
  .table thead {
    border: none;
    background: #111; }
    table thead tr th,
    .table thead tr th {
      padding: 15px;
      border: none;
      font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 11px !important;
      font-weight: 400 !important;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #fff; }
  table tbody tr,
  .table tbody tr {
    background: #fff; }
    table tbody tr:first-child,
    .table tbody tr:first-child {
      padding: 15px;
      border: none;
      font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
      font-size: 11px !important;
      font-weight: 400 !important;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #fff;
      background: #111; }
    table tbody tr th,
    .table tbody tr th {
      padding: 15px;
      border: 1px solid #ececec;
      font-weight: 300; }
    table tbody tr td,
    .table tbody tr td {
      padding: 15px;
      border: 1px solid #ececec;
      vertical-align: middle; }

.table-light thead {
  border: none;
  background: #ececec; }
  .table-light thead tr th {
    color: #111; }

.table-light tbody tr:nth-child(even) {
  background: none; }

.table-row-highlight tbody tr:nth-child(even) {
  background: #f8f8f8; }
