/* STYLE.CSS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* This is main CSS file that contains custom styling used in this template */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: HYPNO */
/* Version: 1.0 */
/* Author: Synergy Themes */
/* Website: http://www.synergy-themes.com */
/* Copyright: (C) 2016 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - PRELOADER */
/* 02 - REVOLUTION SLIDER */
/* 03 - FONTS & TYPOGRAPHY */
/* 04 - WEBSITE SECTIONS */
/* 05 - PAGES */
/* 06 - SIDEBAR */
/* 07 - SPACING CLASSES */
/* 08 - NAVIGATION */
/* 09 - MEGA MENU */
/* 10 - BLOG */
/* 11 - COMMON ELEMENTS */
/* 12 - PORTFOLIO */
/* 13 - LOAD MORE */
/* 14 - SHORTCODES */
/* 14.01 - SHORTCODES - SOCIAL ICONS */
/* 14.02 - SHORTCODES - BUTTOONS */
/* 14.03 - SHORTCODES - PROGRESS BARS */
/* 14.04 - SHORTCODES - STEP BOXES */
/* 14.05 - SHORTCODES - TEAM */
/* 14.06 - SHORTCODES - QUOTES */
/* 14.07 - SHORTCODES - TABS & TOGGLES */
/* 14.08 - SHORTCODES - SERVICE BOXES */
/* 14.09 - SHORTCODES - LISTS */
/* 14.10 - SHORTCODES - COUNTERS */
/* 14.11 - SHORTCODES - TESTIMONIALS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - PRELOADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#jpreOverlay,
#qLoverlay {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
}
#jpreSlide {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  text-align: center;
  width: 100%;
}
#jpreLoader,
#qLloader {
  width: 448px;
  height: 169px;
  position: fixed;
  top: 43%;
  left: 50%;
  margin-left: 0px;
  margin-top: -300px;
}
#jpreBar,
#qLbar {
  width: 448px;
  height: 0;
  position: absolute;
  bottom: 0;
  background: url('../../images/Logo.jpg') 100px 100% no-repeat;
}
#jprePercentage,
#qLpercentage {
  color: #000;
  text-align: center;
  position: absolute;
  height: 30px;
  width: 100px;
  margin-top: 40px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - REVOLUTION SLIDER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.boxedcontainer {
  max-width: 1170px;
  margin: auto;
  padding: 0 30px;
}
/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/
.tp-banner-container {
  width: 100%;
  position: relative;
  padding: 0;
}
.tp-banner-container .slider_caption1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 60px;
  color: #1F0812;
  font-weight: 100;
  line-height: 85px;
}
.tp-banner-container .slider_caption2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 60px;
  color: #1F0812;
  font-weight: bold;
  line-height: 85px;
}
.tp-banner-container .slider_caption3 {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  color: #1F0812;
  line-height: 14px;
}
.tp-banner-container .slider_caption4 {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  color: #1F0812;
}
.tp-banner-container .tp-banner {
  width: 100%;
  position: relative;
}
.tp-banner-container .tp-banner-fullscreen-container {
  width: 100%;
  position: relative;
  padding: 0;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - FONTS & TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  line-height: 1;
  margin: 0;
}
h1 {
  font-weight: 600;
  font-size: 46px;
  color: #000000;
}
h2 {
  font-weight: 600;
  font-size: 40px;
  color: #000000;
}
h3 {
  font-weight: 600;
  font-size: 32px;
  color: #000000;
}
h4 {
  font-weight: 600;
  font-size: 24px;
  color: #000000;
}
h5 {
  font-weight: 600;
  font-size: 20px;
  color: #000000;
}
h6 {
  font-weight: 600;
  font-size: 10px;
  color: #000000;
}
body,
p,
div {
  color: #000000;
  line-height: 125%;
  font-family: 'Tinos', serif;
  font-size: 16px;
}
p {
  -webkit-text-stroke: 0.2x rgba(0, 0, 0, 0.5);
  line-height: 125%;
  padding-bottom: 20px;
  font-size: 16px;
}
b,
strong,
.strong {
  font-weight: 900 !important;
}
a {
  color: #008b8b;
}
a:hover,
a:visited,
a:focus {
  text-decoration: none;
  color: initial;
}
.white-text,
#white-text {
  color: #1F0812;
}
.thin-font {
  font-weight: 100;
}
.medium-thin-font,
.chart h2,
.chart-dark h2 {
  font-weight: 300;
}
.footnote {
  font-size: 11px;
  color: #dcdcdc;
}
.colored-bg-text-dark {
  display: inline-block;
  padding: 0 5px;
  background: #008b8b;
  color: #1F0812;
  -webkit-text-stroke: initial;
}
.colored-bg-text-light {
  display: inline-block;
  padding: 0 5px;
  background: #dcdcdc;
  color: #1F0812;
  -webkit-text-stroke: initial;
}
.highlight {
  color: #dcdcdc;
  -webkit-text-stroke: initial;
}
small {
  font-size: 11px;
}
.drop-cap {
  -webkit-text-stroke: initial;
  float: left;
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
  padding-top: 4px;
  padding-right: 10px;
  padding-left: 3px;
  color: #008b8b;
}
.drop-cap.dropcap-light {
  color: #dcdcdc;
}
.drop-cap.dropcap-bg,
.drop-cap.dropcap-bg-dark {
  padding: 0;
  margin: 4px 10px 1px 0;
  display: inline-block;
  font-size: 32px;
  line-height: 38px;
  font-weight: bold;
  width: 38px;
  text-align: center;
  height: 38px;
  color: #1F0812;
}
.drop-cap.dropcap-bg-round,
.drop-cap.dropcap-bg-round-dark {
  padding: 0;
  display: inline-block;
  font-size: 32px;
  line-height: 38px;
  width: 38px;
  text-align: center;
  height: 38px;
  margin: 4px 10px 1px 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #1F0812;
}
.drop-cap.dropcap-bg-round,
.drop-cap.dropcap-bg {
  background: #dcdcdc;
}
.drop-cap.dropcap-bg-round-dark,
.drop-cap.dropcap-bg-dark {
  background: #008b8b;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - WEBSITE SECTIONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#intro,
#team {
  background-color: #008b8b;
}
#news {
  background-color: #dcdcdc;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - PAGES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.page-header {
  margin: 100px 0 0 0;
  border: none;
  background: 50% 50%;
}
.page-header .breadcrumb {
  background: none;
  display: inline-block;
  padding: 5px;
  border-radius: 0;
}
.page-header .breadcrumb.breadcrumb-border {
  border: 1px solid #dcdcdc;
}
.page-header .breadcrumb a {
  position: relative;
  padding: 7px;
  font-weight: bold;
}
.page-header .breadcrumb a:before {
  position: absolute;
  right: -15px;
  top: 7px;
  width: 15px;
  height: 13px;
  content: "/";
  opacity: .5;
  text-align: left;
  z-index: 3;
}
.page-header .breadcrumb span {
  padding: 7px;
}
.page-header.dark-header {
  background-color: #008b8b;
}
.page-header.dark-header h1,
.page-header.dark-header h2,
.page-header.dark-header h3,
.page-header.dark-header h4,
.page-header.dark-header h5 {
  color: #1F0812;
}
.page-header.dark-header .breadcrumb a {
  color: #fff;
}
.page-header.dark-header .breadcrumb span {
  color: #dcdcdc;
}
.page-header.error-page .error-shadow {
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  text-align: center;
  width: 100%;
  top: -50px;
}
.page-header.error-page .error-shadow h1 {
  display: block;
  color: #dcdcdc;
  font-size: 600px;
}
.page-header.error-page .return-home a {
  color: #000000;
  font-size: 36px;
}
@media (max-width: 991px) {
  .page-header {
    margin: 0;
  }
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - SIDEBAR */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.widget {
  padding-bottom: 50px;
}
.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6 {
  padding-bottom: 30px;
}
.widget ul {
  list-style: none;
  padding: 0;
}
.widget .search-button,
.widget .search-button:focus,
.widget .search-button:active,
.widget .search-button:target {
  z-index: 2;
  background: #008b8b;
  height: 50px;
  width: 40px;
  border-radius: 0 4px 4px 0;
  box-shadow: none;
  outline: none;
  color: #1F0812;
  text-align: center;
  overflow: hidden;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
}
.widget .sidebar-list {
  padding: 0;
}
.widget .sidebar-list li {
  display: block;
  border-bottom: 1px solid #ddd;
  -webkit-text-stroke: 0.2x rgba(0, 0, 0, 0.5);
  position: relative;
  background: url(../../images/bullet.png) no-repeat 20px center;
}
.widget .sidebar-list li a {
  display: block;
  padding: 15px 15px 15px 50px;
}
.widget .sidebar-list li:hover {
  background: url(../../images/bullet-white.png) no-repeat 30px center #008b8b;
}
.widget .sidebar-list li:hover a {
  color: #1F0812;
}
.widget .latest-news-list {
  padding: 0;
}
.widget .latest-news-list li {
  width: 100%;
  height: 150px;
  overflow: hidden;
  position: relative;
  background: no-repeat 50% 50%;
  background-size: cover !important;
  display: block;
  margin-bottom: 20px;
}
.widget .latest-news-list .news-list-hover {
  background: #1F0812;
  opacity: 0;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 2;
  background: rgba(255, 255, 255, 0.9);
  padding-top: 40px;
}
.widget .latest-news-list .news-list-hover h6 {
  padding-bottom: 15px;
}
.widget .latest-news-list .news-list-hover a {
  font-size: 20px;
}
.widget .latest-news-list li:hover .news-list-hover {
  opacity: 1;
}
.widget .tag-cloud li {
  display: inline-block;
  padding-right: 3px;
  padding-bottom: 6px;
}
.widget .tag-cloud li a {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  padding: 12px 18px;
  border: 1px solid #ddd;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.widget .tag-cloud li a:hover {
  background: #008b8b;
  border-color: #008b8b;
  color: #1F0812;
}
.form-control,
.form-control:focus {
  display: block;
  width: 100%;
  height: 50px;
  padding: 20px 0 20px 20px;
  font-size: 10px;
  line-height: 10px;
  color: #dcdcdc;
  background-color: transparent;
  border: 1px solid #ddd;
  box-shadow: none;
  border-radius: 4px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - SPACING CLASSES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*
* Spacing classes - TOP MARGIN
*/
.margin-top-2 {
  margin-top: 2px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-25 {
  margin-top: 25px;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-top-50 {
  margin-top: 50px;
}
.margin-top-60 {
  margin-top: 60px;
}
.margin-top-70 {
  margin-top: 70px;
}
.margin-top-80 {
  margin-top: 80px;
}
.margin-top-90 {
  margin-top: 90px;
}
.margin-top-100 {
  margin-top: 100px;
}
.margin-top-120 {
  margin-top: 120px;
}
.margin-top-150 {
  margin-top: 150px;
}
.margin-top-200 {
  margin-top: 200px;
}
.margin-top-250 {
  margin-top: 250px;
}
/*
* Spacing classes - BOTTOM MARGIN
*/
.margin-bottom-2 {
  margin-bottom: 2px;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-25 {
  margin-bottom: 25px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-bottom-50 {
  margin-bottom: 50px;
}
.margin-bottom-60 {
  margin-bottom: 60px;
}
.margin-bottom-70 {
  margin-bottom: 70px;
}
.margin-bottom-80 {
  margin-bottom: 80px;
}
.margin-bottom-90 {
  margin-bottom: 90px;
}
.margin-bottom-100 {
  margin-bottom: 100px;
}
.margin-bottom-120 {
  margin-bottom: 120px;
}
.margin-bottom-150 {
  margin-bottom: 150px;
}
.margin-bottom-200 {
  margin-bottom: 200px;
}
.margin-bottom-250 {
  margin-bottom: 250px;
}
/*
* Spacing classes - LEFT MARGIN
*/
.margin-left-2 {
  margin-left: 2px;
}
.margin-left-5 {
  margin-left: 5px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-left-15 {
  margin-left: 15px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-left-25 {
  margin-left: 25px;
}
.margin-left-30 {
  margin-left: 30px;
}
.margin-left-40 {
  margin-left: 40px;
}
.margin-left-50 {
  margin-left: 50px;
}
.margin-left-60 {
  margin-left: 60px;
}
.margin-left-70 {
  margin-left: 70px;
}
.margin-left-80 {
  margin-left: 80px;
}
.margin-left-90 {
  margin-left: 90px;
}
.margin-left-100 {
  margin-left: 100px;
}
.margin-left-120 {
  margin-left: 120px;
}
.margin-left-150 {
  margin-left: 150px;
}
.margin-left-200 {
  margin-left: 200px;
}
.margin-left-250 {
  margin-left: 250px;
}
/*
* Spacing classes - RIGHT MARGIN
*/
.margin-right-2 {
  margin-right: 2px;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-right-15 {
  margin-right: 15px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-right-25 {
  margin-right: 25px;
}
.margin-right-30 {
  margin-right: 30px;
}
.margin-right-40 {
  margin-right: 40px;
}
.margin-right-50 {
  margin-right: 50px;
}
.margin-right-60 {
  margin-right: 60px;
}
.margin-right-70 {
  margin-right: 70px;
}
.margin-right-80 {
  margin-right: 80px;
}
.margin-right-90 {
  margin-right: 90px;
}
.margin-right-100 {
  margin-right: 100px;
}
.margin-right-120 {
  margin-right: 120px;
}
.margin-right-150 {
  margin-right: 150px;
}
.margin-right-200 {
  margin-right: 200px;
}
.margin-right-250 {
  margin-right: 250px;
}
/*
* Spacing classes - TOP PADDING
*/
.padding-top-2 {
  padding-top: 2px;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-15 {
  padding-top: 15px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-top-25 {
  padding-top: 25px;
}
.padding-top-30 {
  padding-top: 30px;
}
.padding-top-40 {
  padding-top: 40px;
}
.padding-top-50 {
  padding-top: 50px;
}
.padding-top-60 {
  padding-top: 60px;
}
.padding-top-70 {
  padding-top: 70px;
}
.padding-top-80 {
  padding-top: 80px;
}
.padding-top-90 {
  padding-top: 90px;
}
.padding-top-100 {
  padding-top: 100px;
}
.padding-top-120 {
  padding-top: 120px;
}
.padding-top-130 {
  padding-top: 135px;
}

.padding-top-150 {
  padding-top: 150px;
}
.padding-top-200 {
  padding-top: 200px;
}
.padding-top-250 {
  padding-top: 250px;
}
/*
* Spacing classes - BOTTOM PADDING
*/
.padding-bottom-0 {
  padding-bottom: 0;
}
.padding-bottom-2 {
  padding-bottom: 2px;
}
.padding-bottom-5 {
  padding-bottom: 5px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-bottom-15 {
  padding-bottom: 15px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-bottom-25 {
  padding-bottom: 25px;
}
.padding-bottom-30 {
  padding-bottom: 30px;
}
.padding-bottom-40 {
  padding-bottom: 40px;
}
.padding-bottom-50 {
  padding-bottom: 50px;
}
.padding-bottom-60 {
  padding-bottom: 60px;
}
.padding-bottom-70 {
  padding-bottom: 70px;
}
.padding-bottom-80 {
  padding-bottom: 80px;
}
.padding-bottom-90 {
  padding-bottom: 90px;
}
.padding-bottom-100 {
  padding-bottom: 100px;
}
.padding-bottom-120 {
  padding-bottom: 120px;
}
.padding-bottom-150 {
  padding-bottom: 150px;
}
.padding-bottom-200 {
  padding-bottom: 200px;
}
.padding-bottom-250 {
  padding-bottom: 250px;
}
/*
* Spacing classes - LEFT PADDING
*/
.padding-left-2 {
  padding-left: 2px;
}
.padding-left-5 {
  padding-left: 5px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-left-15 {
  padding-left: 15px;
}
.padding-left-20 {
  padding-left: 20px;
}
.padding-left-25 {
  padding-left: 25px;
}
.padding-left-30 {
  padding-left: 30px;
}
.padding-left-35 {
  padding-left: 35px;
}
.padding-left-40 {
  padding-left: 40px;
}
.padding-left-50 {
  padding-left: 50px;
}
.padding-left-60 {
  padding-left: 60px;
}
.padding-left-70 {
  padding-left: 70px;
}
.padding-left-80 {
  padding-left: 80px;
}
.padding-left-90 {
  padding-left: 90px;
}
.padding-left-100 {
  padding-left: 100px;
}
.padding-left-120 {
  padding-left: 120px;
}
.padding-left-150 {
  padding-left: 150px;
}
.padding-left-200 {
  padding-left: 200px;
}
.padding-left-250 {
  padding-left: 250px;
}
/*
* Spacing classes - RIGHT PADDING
*/
.padding-right-2 {
  padding-right: 2px;
}
.padding-right-5 {
  padding-right: 5px;
}
.padding-right-10 {
  padding-right: 10px;
}
.padding-right-15 {
  padding-right: 15px;
}
.padding-right-20 {
  padding-right: 20px;
}
.padding-right-25 {
  padding-right: 25px;
}
.padding-right-30 {
  padding-right: 30px;
}
.padding-right-35 {
  padding-right: 35px;
}
.padding-right-40 {
  padding-right: 40px;
}
.padding-right-50 {
  padding-right: 50px;
}
.padding-right-60 {
  padding-right: 60px;
}
.padding-right-70 {
  padding-right: 70px;
}
.padding-right-80 {
  padding-right: 80px;
}
.padding-right-90 {
  padding-right: 90px;
}
.padding-right-100 {
  padding-right: 100px;
}
.padding-right-120 {
  padding-right: 120px;
}
.padding-right-150 {
  padding-right: 150px;
}
.padding-right-200 {
  padding-right: 200px;
}
.padding-right-250 {
  padding-right: 250px;
}
/*
* Spacing classes - PADDING
*/
.padding-2 {
  padding: 2px;
}
.padding-5 {
  padding: 5px;
}
.padding-10 {
  padding: 10px;
}
.padding-15 {
  padding: 15px;
}
.padding-20 {
  padding: 20px;
}
.padding-25 {
  padding: 25px;
}
.padding-30 {
  padding: 30px;
}
.padding-35 {
  padding: 35px;
}
.padding-40 {
  padding: 40px;
}
.padding-50 {
  padding: 50px;
}
.padding-60 {
  padding: 60px;
}
.padding-70 {
  padding: 70px;
}
.padding-80 {
  padding: 80px;
}
.padding-90 {
  padding: 90px;
}
.padding-100 {
  padding: 100px;
}
.padding-120 {
  padding: 120px;
}
.padding-150 {
  padding: 150px;
}
.padding-200 {
  padding: 200px;
}
.padding-250 {
  padding: 250px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - NAVIGATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.navbar {
  padding: 25px 100px 10px 100px;
  background: #ffffff;
  border: none;
  margin: 0;
  position: relative;
}
.navbar .navheader {
  margin: 5px 0 30px 30px;
  padding-left: 30px;
  border-left: 1px solid #e6e6e7;
  display: inline-block;
}
.navbar .navheader h5 {
  margin: 0;
  color: #008b8b;
}
.navbar .dropdown .toggleDropdown {
  display: none;
}
.navbar .social-header {
  float: right;
  padding-top: 10px;
  padding-left: 40px;
}
.navbar .social-header a {
  color: #000000;
  margin-left: 5px;
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
  text-align: center;
}
.navbar .social-header a:hover {
  color: #1F0812;
  background: #dcdcdc;
}
.navbar .nav .open > a,
.navbar .nav .open > a:focus,
.navbar .nav .open > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  background-color: transparent;
}
.navbar .dropdown-menu {
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar .dropdown-menu > li {
  border-bottom: 1px solid #dcdedf;
  -webkit-text-stroke: 0.3px rgba(0, 0, 0, 0.3);
}
.navbar .dropdown-menu > li > a {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  color: #000;
}
.navbar .dropdown-menu .dropdown-menu > li {
  border-bottom: 1px solid #dcdedf;
  -webkit-text-stroke: 0.3px rgba(0, 0, 0, 0.3);
}
.navbar .navbar-toggle .icon-bar {
  background: #dcdcdc;
}
.navbar .navbar-nav > li:hover {
  background: none;
}
.navbar .navbar-nav > li:hover a {
  background: none;
}
.navbar .navbar-nav > li > a {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #000;
}
.navbar .navbar-nav > li > a:hover {
  color: #dcdcdc;
}
.navbar .navbar-nav > .active > a {
  color: #dcdcdc;
}
.navbar .navbar-nav a:hover {
  background: none;
}
@media (max-width: 1200px) {
  .navbar {
    padding: 25px 20px;
  }
  .social-header {
    display: none;
  }
}
@media (max-width: 991px) {
  .navbar .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar .navbar-collapse.in {
    display: block !important;
    overflow: visible;
  }
  .navbar .dropdown .toggleDropdown {
    color: #008b8b;
    font-family: Tinos, serif;
    display: inline-block;
    width: 32px;
    height: 32px;
    float: right;
    cursor: pointer;
  }
  .navbar .dropdown a {
    display: inline-block;
  }
  .navbar .navbar-toggle {
    display: block;
  }
  .navbar .navbar-header {
    float: none;
  }
  .navbar .navheader {
    display: none;
  }
  .navbar .navbar-right {
    float: none !important;
    margin-top: 45px;
    margin-right: 0;
  }
  .navbar .navbar-nav > li {
    float: none !important;
  }
  .navbar .navbar-nav > li > a {
    padding: 10px 0 10px 30px;
  }
  .navbar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar .navbar-nav .open .dropdown-menu > li {
    padding: 3px 30px;
  }
  .navbar .navbar-nav .open .dropdown-menu > li:last-child {
    border-bottom: none;
  }
  .navbar .navbar-nav .open .dropdown-menu > li:hover {
    border-color: #000;
  }
  .navbar .navbar-nav .open .dropdown-menu .dropdown-menu > li {
    padding: 3px 30px;
  }
  .navbar .navbar-nav .open .dropdown-menu .dropdown-menu > li:last-child {
    border-bottom: none;
  }
  .navbar .navbar-nav .open .dropdown-menu .dropdown-menu > li:hover {
    border-color: #000;
  }
  .navbar.navbar-fixed-bottom .navbar-collapse,
  .navbar.navbar-fixed-top .navbar-collapse {
    max-height: none;
  }
}
@media (min-width: 992px) {
  .navbar {
    position: fixed;
  }
  .navbar ul.nav li.dropdown > ul.dropdown-menu {
    display: block;
    overflow: hidden;
    max-height: 0;
  }
  .navbar ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    max-height: 1000px;
  }
  .navbar ul.nav li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu {
    top: -2px;
    left: 100%;
    width: 100%;
  }
  .navbar .dropdown-menu:before {
    position: absolute;
    width: 100%;
    height: 3px;
    background: #008b8b;
    display: block;
    content: '';
    left: 0;
    top: 0;
  }
  .header {
    margin-top: 100px;
  }
  .helper-dropdown-menu-li,
  .navbar .dropdown-menu > li,
  .navbar .dropdown-menu .dropdown-menu > li {
    display: block;
    padding: 12px 5px 12px 35px;
    background: url(../../images/bullet.png) no-repeat 20px center;
    position: relative;
  }
  .helper-dropdown-menu-li-hover,
  .navbar .dropdown-menu > li:hover,
  .navbar .dropdown-menu > li > ul li:hover,
  .navbar .dropdown-menu > li > ul li:hover > ul li:hover {
    background: url(../../images/bullet-white.png) no-repeat 30px center #008b8b;
    color: #fff;
    overflow: visible;
  }
  .helper-dropdown-menu-li-hover-a,
  .navbar .dropdown-menu > li:hover > a,
  .navbar .dropdown-menu > li > ul li:hover > a,
  .navbar .dropdown-menu > li > ul li:hover > ul li:hover > a {
    color: #fff;
    overflow: visible;
  }
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - MEGA MENU */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.menu-large {
  position: static !important;
}
.megamenu {
  list-style: none;
  padding: 0;
  width: 100%;
  margin-top: -32px !important;
}
.megamenu ul {
  list-style: none;
}
.megamenu ul ul {
  list-style: none;
}
.megamenu .dropdown-header {
  padding: 0 0 15px;
  color: #000;
  font-size: 15px;
  font-weight: bold;
}
.megamenu .dropdown-header:hover {
  color: #000 !important;
}
.megamenu li {
  padding: 0 0 5px;
  background: transparent none;
}
.megamenu li:hover {
  background: transparent none;
}
.megamenu li a {
  background: transparent none;
}
.megamenu li a :hover {
  background: transparent none;
  color: #000;
}
.megamenu > li {
  padding: 30px 0;
}
.megamenu > li > ul {
  padding: 30px 0 0;
  margin: 0;
}
.megamenu > li > ul > li {
  list-style: none;
}
.megamenu > li > ul > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  white-space: normal;
}
.dropdown-menu.megamenu li {
  background: none !important;
  border-bottom: none !important;
}
.dropdown-menu.megamenu li:hover {
  background: none !important;
  border-bottom: none !important;
}
.dropdown-menu.megamenu > li:hover > a {
  color: #000;
}
.dropdown-menu.megamenu > li > ul li:hover > a {
  color: #000;
}
.dropdown-menu.megamenu > li > ul li > ul li:hover > a {
  color: #000;
}
.dropdown-menu.megamenu a:hover {
  color: #000 !important;
}
.dropdown-menu.megamenu li:hover a {
  color: #000 !important;
}
@media (max-width: 768px) {
  .megamenu {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .megamenu > li {
    margin-bottom: 30px;
  }
  .megamenu > li:last-child {
    margin-bottom: 0;
  }
  .megamenu .dropdown-header {
    padding: 10px 0 !important;
  }
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - BLOG */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.blog-masonry .item .well {
  background-color: #fff;
}
.blog-masonry .item .well:hover {
  background-color: transparent;
}
.blog-masonry .item .well .post-title {
  display: block;
  padding-bottom: 20px;
}
.blog-masonry .item .well .post-info {
  color: #000000;
  font-size: 11px;
}
.blog-masonry .item .well .post-info i {
  font-size: 14px;
  padding-right: 8px;
}
.blog-masonry .item .well .post-info .fa-calendar {
  padding: 0 8px;
}
.blog-masonry .item:hover h5 {
  color: #008b8b;
}
.pagination li {
  display: inline-block;
  margin-right: 3px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  font-weight: bold;
  border: 1px solid #ddd;
  background: transparent;
}
.pagination li:hover,
.pagination li.active {
  border-color: #008b8b;
  background: #008b8b;
}
.pagination li:hover a,
.pagination li.active a {
  color: #1F0812;
  border: none;
  background: transparent;
}
.pagination li:hover:hover a,
.pagination li.active:hover a {
  background: transparent;
}
.pagination li a {
  border: none;
  padding: 7px 12px;
  background: transparent;
  color: #008b8b;
}
.pagination a:hover,
.pagination a:active,
.pagination a:focus {
  color: #1F0812;
  border: none;
  background: transparent;
}
.post-info {
  -webkit-text-stroke: 0.2x rgba(0, 0, 0, 0.5);
}
.post-info i {
  color: #000000;
  font-size: 14px;
  padding-right: 12px;
}
.post-info span {
  font-size: 12px;
  padding-right: 12px;
}
.post-date i {
  color: #008b8b;
  font-size: 40px;
  padding-bottom: 20px;
}
.post {
  border-bottom: 1px solid #ddd;
}
.post-tags,
.post-tags a {
  color: #000000;
  font-weight: bold;
}
.post-tags i,
.post-tags a i {
  padding-right: 15px;
}
.comments,
.reply-comment {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comments img,
.reply-comment img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  float: left;
  margin-right: 20px;
}
.comments .comment-inner,
.reply-comment .comment-inner {
  display: block;
}
.comments li,
.reply-comment li {
  clear: both;
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid #dcdcdc;
}
.comments .name,
.reply-comment .name {
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  padding-right: 15px;
}
.comments .reply,
.reply-comment .reply {
  color: #dcdcdc;
}
.comments .comment-date,
.reply-comment .comment-date {
  font-size: 11px;
  color: #dcdcdc;
}
.reply-comment {
  padding-left: 200px;
}
.comments > li:last-child {
  border-bottom: none;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - COMMON ELEMENTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body {
  overflow-x: hidden;
  display: none;
}
section {
  position: relative;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
img {
  max-width: 100%;
}
.easein {
  transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -ms-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
}
.easeout {
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
}
.ease,
.widget .sidebar-list li,
.widget .sidebar-list li a,
.widget .latest-news-list .news-list-hover,
.widget .tag-cloud li a,
.navbar .social-header a,
.navbar .dropdown-menu > li,
.navbar .dropdown-menu .dropdown-menu > li,
.navbar .dropdown-menu > li a,
.navbar .dropdown-menu > li > ul li a,
.navbar .dropdown-menu > li > ul li > ul li a,
.navbar ul.nav li.dropdown:hover > ul.dropdown-menu,
.navbar .navbar-nav > li > a,
.blog-masonry .item .well .post-title h5,
.pagination li,
.pagination li a,
.masonry > .item .well,
.portfolio-item,
.portfolio-item .portfolio-description h4,
.portfolio-item .portfolio-picture .portfolio-hover,
.portfolioFilters a,
.social-icon,
.btn,
.chart h2,
.chart-dark h2,
.step-box .step-box-icon,
blockquote,
.nav-tabs > li a,
.service .service-icon,
.counter > i {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.header {
  width: 100%;
  height: auto;
  max-height: 700px;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
@media (max-width: 991px) {
  .sm-center {
    text-align: center;
  }
}
.spacer {
  display: block;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
}
.spacer-dark-bg {
  background-color: #008b8b;
  padding: 15px;
}
.spacer-light-bg {
  background-color: #dcdcdc;
  padding: 15px;
}
.dark-bg {
  background: #008b8b;
}
.light-bg {
  background: #dcdcdc;
}
.lower-footer {
  background: #dcdcdc;
}
.social-widget {
  color: #000000;
  font-size: 48px;
}
.masonry {
  -moz-column-width: 18em !important;
  -webkit-column-width: 18em !important;
  column-width: 18em !important;
  -moz-column-gap: 1em !important;
  column-gap: 1em !important;
  -webkit-column-gap: 1em !important;
  margin-left: -5px !important;
  margin-right: -5px !important;
}
.masonry.light-bg-masonry .item .well {
  background-color: #dcdcdc;
}
.masonry.light-bg-masonry .item .well:hover {
  background-color: transparent;
}
.masonry.white-bg-masonry .item .well {
  background-color: #fff;
}
.masonry.white-bg-masonry .item .well:hover {
  background-color: transparent;
}
.masonry.masonry-3-col {
  -moz-column-width: 22em !important;
  -webkit-column-width: 22em !important;
  column-width: 22em !important;
}
.masonry.masonry-2-col {
  -moz-column-width: 30em !important;
  -webkit-column-width: 30em !important;
  column-width: 30em !important;
}
.masonry > .item {
  float: none;
  display: inline-block;
  width: 100%;
}
.masonry > .item .well {
  padding: 19px;
  margin-bottom: 20px;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.masonry > .item {
  float: none;
}
.flexslider {
  margin: 0;
}
.flexslider .flex-direction-nav {
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
}
.flexslider .flex-direction-nav .flex-nav-prev,
.flexslider .flex-direction-nav .flex-nav-next,
.flexslider .flex-direction-nav .flex-nav-prev .flex-prev,
.flexslider .flex-direction-nav .flex-nav-next .flex-next {
  position: relative;
  text-align: center;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  opacity: 1;
  display: inline-block;
}
.flexslider .flex-direction-nav .flex-prev,
.flexslider .flex-direction-nav .flex-next {
  font-size: 0;
}
.flexslider .flex-direction-nav a {
  background: #008b8b;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.flexslider .flex-direction-nav a:before {
  font-size: 10px;
  color: #1F0812;
}
.flexslider .flex-direction-nav a.flex-prev {
  margin-right: 1px;
}
.flexslider .flex-direction-nav a.flex-prev:before {
  font-family: Tinos, serif;
  content: "\f053";
}
.flexslider .flex-direction-nav a.flex-next:before {
  font-family: Tinos, serif;
}
.flexslider:hover .flex-nav-prev,
.flexslider:hover .flex-nav-next,
.flexslider:hover .flex-nav-prev .flex-prev,
.flexslider:hover .flex-nav-next .flex-next {
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  opacity: 1;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - PORTFOLIO */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.portfolio-carousel .owl-controls {
  position: absolute;
  left: 0;
  top: 230px;
  width: 100%;
}
.portfolio-carousel .owl-controls .owl-buttons div {
  background: transparent !important;
}
.portfolio-carousel .owl-controls .owl-prev {
  left: -100px;
  position: absolute;
  opacity: 1;
}
.portfolio-carousel .owl-controls .owl-next {
  right: -100px;
  position: absolute;
  opacity: 1 !important;
}
@media (max-width: 991px) {
  .portfolio-carousel .owl-controls {
    display: none !important;
  }
}
.portfolio-item {
  padding: 15px;
}
.portfolio-item .portfolio-description {
  overflow: hidden;
  height: 270px;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 0 40px;
}
.portfolio-item .portfolio-description h4 {
  margin-bottom: 40px;
  position: relative;
}
.portfolio-item .portfolio-description h4:after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 1px;
  background: #000000;
  left: 0;
  bottom: -20px;
}
.portfolio-item .portfolio-picture {
  width: 100%;
  height: 270px;
  overflow: hidden;
  position: relative;
  background: no-repeat 50% 50%;
  background-size: cover !important;
}
.portfolio-item .portfolio-picture .portfolio-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  line-height: 270px;
  background: rgba(255, 255, 255, 0.9);
}
.portfolio-item .portfolio-picture .portfolio-hover a {
  padding: 10px;
  color: #000000;
  font-size: 20px;
}
.portfolio-item:hover .portfolio-hover {
  opacity: 1;
}
.portfolio-item:hover h4 {
  color: #008b8b;
}
.portfolioFilters a {
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  display: inline-block;
  margin: 2px;
  padding: 10px 18px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.portfolioFilters a.active-filter,
.portfolioFilters a:hover {
  color: #1F0812;
  background: #000000;
}
.portfolio-item-navigation-ajax {
  display: none;
}
#ajaxPortfolioContainer .portfolio-item-navigation-ajax {
  display: block;
}
.portfolio-item-navigation a {
  padding: 10px;
}
.exit-item {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background: #008b8b;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - LOAD MORE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.load-more-container .lm-item {
  display: none;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 14 - SHORTCODES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/* 14.01 - SHORTCODES - SOCIAL ICONS */
/*---------------------------------------------------------------*/
.social-icon {
  font-size: 14px;
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
}
.social-icon.small-icon {
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.social-icon.large-icon {
  font-size: 20px;
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.social-icon.white-icon {
  color: #1F0812 !important;
}
.social-icon.white-icon:hover {
  background: #1F0812;
  color: #008b8b !important;
}
.social-icon.dark-icon {
  color: #008b8b;
}
.social-icon.dark-icon:hover {
  background: #008b8b;
  color: #1F0812;
}
.social-icon.accent-icon {
  color: #008b8b;
}
.social-icon.accent-icon:hover {
  background: #008b8b;
  color: #1F0812;
}
.social-icon.dark-bg {
  color: #1F0812;
  background: #008b8b;
}
.social-icon.dark-bg:hover {
  background: transparent;
  color: #008b8b;
}
.social-icon i {
  color: inherit;
}
/*---------------------------------------------------------------*/
/* 14.02 - SHORTCODES - BUTTOONS */
/*---------------------------------------------------------------*/
.btn {
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  line-height: 1;
  border: 1px solid;
  color: #008b8b;
  background: transparent;
}
.btn:after {
  font-family: Tinos, serif;
  content: "\f178";
  font-weight: normal;
  position: absolute;
  display: block;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.3);
  padding-left: 10px;
  height: auto;
}
.btn:hover {
  border: 1px solid transparent;
}
.btn.btn-lg {
  padding: 20px 50px 20px 20px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  font-size: 14px;
}
.btn.btn-lg:after {
  padding-left: 10px;
  width: 20px;
  top: 20px;
  bottom: 20px;
  right: 20px;
}
.btn.btn-md,
.btn.btn-sm,
.btn.btn-xs {
  padding: 12px 50px 12px 12px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 12px;
}
.btn.btn-md:after,
.btn.btn-sm:after,
.btn.btn-xs:after {
  padding-left: 10px;
  width: 20px;
  top: 12px;
  bottom: 12px;
  right: 20px;
}
.btn.btn-dark {
  background: #008b8b;
  color: #1F0812;
  border: 1px solid #008b8b;
}
.btn.btn-dark:after {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.3);
}
.btn.btn-light {
  background: #dcdcdc;
  color: #1F0812;
  border: 1px solid #dcdcdc;
}
.btn.btn-light:after {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.3);
}
.btn.btn-dark-bg {
  background: transparent;
  color: #1F0812;
  border-color: #1F0812;
}
.btn.btn-dark-bg:hover {
  border-color: transparent;
}
.btn.btn-dark-bg:after {
  border-left: 1px solid #1F0812;
  color: #1F0812;
}
.btn.btn-dark-bg.btn-light {
  background: #1F0812;
  color: #008b8b;
  border-color: #1F0812;
}
.btn.btn-dark-bg.btn-light:after {
  border-left: 1px solid #008b8b;
  color: #008b8b;
}
.btn.btn-dark-bg.btn-dark {
  background: #dcdcdc;
  color: #008b8b;
  border: #dcdcdc;
}
.btn.btn-dark-bg.btn-dark:after {
  border-left: 1px solid #008b8b;
  color: #008b8b;
}
.btn.btn-shopping:after {
  content: "\f07a";
}
.btn.btn-arrow:after {
  content: "\f178";
}
.btn.btn-bold-arrow:after {
  content: "\f061";
}
.btn.btn-resize:after {
  content: "\f0b2";
}
.btn.btn-forward:after {
  content: "\f064";
}
.btn.btn-check:after {
  content: "\f05d";
}
/*---------------------------------------------------------------*/
/* 14.03 - SHORTCODES - PROGRESS BARS */
/*---------------------------------------------------------------*/
.chart,
.chart-dark {
  position: relative;
  display: inline-block;
  width: 125px;
  height: 125px;
  text-align: center;
  background: transparent;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.chart canvas,
.chart-dark canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.chart h2,
.chart-dark h2 {
  display: inline-block;
  line-height: 120px;
  z-index: 2;
}
.progressbar .footnote {
  padding: 8px 0 20px;
  display: block;
}
.progressbar:hover h2 {
  color: #dcdcdc;
}
.progress {
  height: 20px;
  margin-bottom: 15px;
  background-color: #dcdcdc;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress.nobg {
  background: transparent;
}
.progress .progress-bar {
  background-color: #008b8b;
  line-height: 20px;
}
/*---------------------------------------------------------------*/
/* 14.04 - SHORTCODES - STEP BOXES */
/*---------------------------------------------------------------*/
.step-box {
  text-align: center;
}
.step-box .step-box-icon {
  display: block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
}
.step-box .step-box-icon.with-arrow:after {
  font-family: Tinos, serif;
  color: #dcdcdc;
  width: 90px;
  display: inline-block;
  height: auto;
  position: absolute;
  top: 0;
  left: 145px;
  content: "\f178";
  text-align: center;
  font-size: 28px;
}
.step-box p {
  font-size: 13px;
  padding-top: 20px;
  width: 50%;
  margin: 0 auto;
  padding-bottom: 40px;
}
.step-box.light-step-box:hover p {
  color: #000000;
}
.step-box.light-step-box:hover .step-box-icon {
  color: #1F0812;
  background: #008b8b;
}
.step-box.light-step-box .step-box-icon {
  color: #008b8b;
  background: #dcdcdc;
}
.step-box.dark-step-box p {
  color: #dcdcdc;
}
.step-box.dark-step-box .step-box-icon {
  color: #008b8b;
  background: #1F0812;
}
.step-box.dark-step-box:hover p {
  color: #1F0812;
}
.step-box.dark-step-box:hover .step-box-icon {
  color: #dcdcdc;
  background: #008b8b;
}
@media (max-width: 991px) {
  .step-box-icon.with-arrow:after {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .step-box-icon.with-arrow:after {
    left: 115px !important;
  }
}
/*---------------------------------------------------------------*/
/* 14.05 - SHORTCODES - TEAM */
/*---------------------------------------------------------------*/
.team-carousel .owl-controls {
  position: absolute;
  left: 0;
  top: 120px;
  width: 100%;
}
.team-carousel .owl-controls .owl-buttons div {
  background: transparent !important;
}
.team-carousel .owl-controls .owl-prev {
  left: 50px;
  position: absolute;
  opacity: 1;
}
.team-carousel .owl-controls .owl-next {
  right: 50px;
  position: absolute;
  opacity: 1 !important;
}
.team-carousel.light-team-carousel .team-description {
  border-right: 1px solid #008b8b;
}
.team-carousel.dark-team-carousel .team-description {
  border-right: 1px solid #dcdcdc;
}
.team-carousel.dark-team-carousel h1,
.team-carousel.dark-team-carousel h2,
.team-carousel.dark-team-carousel p {
  color: #1F0812;
}
@media (max-width: 991px) {
  .team-carousel .owl-controls {
    display: none !important;
  }
}
.team-member h3 {
  color: #008b8b;
}
.team-member h4 {
  color: #008b8b;
}
/*---------------------------------------------------------------*/
/* 14.06 - SHORTCODES - QUOTES */
/*---------------------------------------------------------------*/
blockquote p {
  font-family: Montserrat, sans-serif;
  color: #008b8b;
  -webkit-text-stroke: unset;
  font-size: 16px;
  margin: 0;
}
blockquote footer {
  color: #008b8b;
  font-size: 12px;
}
blockquote:hover {
  background: #dcdcdc;
}
blockquote.dark-border {
  border-color: #000000;
}
blockquote.colored-bg {
  background: #dcdcdc;
}
blockquote.colored-bg:hover {
  background: transparent;
}
/*---------------------------------------------------------------*/
/* 14.07 - SHORTCODES - TABS & TOGGLES */
/*---------------------------------------------------------------*/
.tab-pane p {
  padding: 20px 0;
}
.nav-tabs {
  border: none;
}
.nav-tabs > li a {
  font-weight: 600;
  border: none;
  border-radius: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover {
  border: none;
  color: #1F0812;
  background: #008b8b;
}
.nav-tabs.dark > li.active > a,
.nav-tabs.dark > li.active > a:focus,
.nav-tabs.dark > li.active > a:hover,
.nav-tabs.dark > li > a:hover {
  border: none;
  color: #1F0812;
  background: #dcdcdc;
}
.panel-default {
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  padding: 20px 0;
  border: none;
}
.panel-default > .panel-heading {
  border: none;
  background-color: #dcdcdc;
  border-radius: 0;
}
.panel-default > .panel-heading a {
  color: #1F0812;
}
.panel-default .panel-body p {
  margin: 0;
  padding: 0;
}
.panel-default.dark .panel-heading {
  background-color: #008b8b;
}
/*---------------------------------------------------------------*/
/* 14.08 - SHORTCODES - SERVICE BOXES */
/*---------------------------------------------------------------*/
.service .service-icon {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #dcdcdc;
  color: #dcdcdc;
  line-height: 50px;
  text-align: center;
  margin: 0 auto;
  font-size: 20px;
}
.service:hover .service-icon {
  background: transparent;
}
.service.service-dark .service-icon {
  color: #1F0812;
  background: #008b8b;
}
.service.service-dark:hover .service-icon {
  background: transparent;
  color: #008b8b;
}
/*---------------------------------------------------------------*/
/* 14.09 - SHORTCODES - LISTS */
/*---------------------------------------------------------------*/
.item-list {
  padding: 0;
}
.item-list li {
  display: block;
  padding: 5px 5px 5px 50px;
  position: relative;
}
.item-list li:before {
  color: #008b8b;
  font-family: Tinos, serif;
  display: inline-block;
  margin-left: -32px;
  width: 32px;
  content: '\f192';
}
.item-list.circlearrow li:before {  
  content: '\2666';
}
.item-list.arrow li:before {
  content: '\f061';
}
.item-list.chevron li:before {
  content: '\f054';
}
.item-list.check li:before {
  content: '\f00c';
}
.item-list.check-circle li:before {
  content: '\f058';
}
.item-list.check-square li:before {
  content: '\f046';
}
.item-list.xclose li:before {
  content: '\f00d';
}
.item-list.forward li:before {
  content: '\f064';
}
.item-list.toggles li:before {
  content: '\f152';
}
.item-list.times li:before {
  content: '\f057';
}
.item-list.play li:before {
  content: '\f16a';
}
/*---------------------------------------------------------------*/
/* 14.10 - SHORTCODES - COUNTERS */
/*---------------------------------------------------------------*/
.counter > i {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #dcdcdc;
  color: #dcdcdc;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  margin: 10px 30px 10px auto;
}
.counter h2 {
  padding-bottom: 10px;
}
.counter:hover > i {
  background: transparent;
}
.counter > .counter-data {
  text-align: left;
}
.counter > .counter-data > span {
  display: block;
}
.counter.dark-bg-counter > i {
  background: #1F0812;
  color: #008b8b;
}
.counter.dark-bg-counter:hover > i {
  background: transparent;
  color: #1F0812;
}
.counter.dark-bg-counter h2 {
  color: #fff;
}
/*---------------------------------------------------------------*/
/* 14.11 - SHORTCODES - TESTIMONIALS */
/*---------------------------------------------------------------*/
.testimonial {
  padding: 20px;
}
.testimonial.light-bg {
  background-color: #dcdcdc;
}
.testimonial .ttm-footer > img {
  float: left;
  border-radius: 50px;
  margin: 0 20px 0 0;
  width: 80px;
  height: 80px;
}
.testimonial .ttm-footer > span {
  display: block;
}