/**
 * -------------------
 *  Defult CSS 
 * -------------------
 */
body {
  color: #ffffff;
}
a,
.nav li a {
  background-color: transparent;
}
a:hover,
.nav li a:hover {
  background-color: transparent;
  font-weight: bold;
}
a:focus,
.nav li a:focus {
  background-color: transparent;
  outline: 0 !important;
}
.designedby {
  font-family:"Times New Roman";
  color: #12a170;
}
p {
  color: #37363b;
  font-family:"Times New Roman";
}
p.italic {
	Font-Style: italic;
}
/* Heading Style */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #282828;
}
/**
 * ------------------------------------
 *  Every Section Headline Defult Class
 * ------------------------------------
 */
.section-heading {
  color: #37363b;
}
.section-headingh {
  color: #f4f5f5;
}
.section-header .sub-heading {
  color: #ffffff;
}
.section-header-separator .icon {
  color: #ffffff;
}
.section-header-separator::before,
.section-header-separator::after {
  background-color: #f4f5f5;
}
/**
 * -----------------
 *  Light Text Color
 * -----------------
 */
.light-text h1,
.light-text h2,
.light-text h3,
.light-text h4,
.light-text h5,
.light-text h6,
.light-text .btn * {
  color: #ffffff;
}
.light-text p,
.light-text span,
.light-text .sub-heading {
  color: rgba(255, 255, 255, 0.75);
}
/**
 * ---------------------------
 *  Two Section Line Separator
 * ---------------------------
 */
.section-separator-line {
  border-color: rgba(0, 0, 0, 0.12);
}
/**
 * ------------------------
 * Background Overlay Color
 * ------------------------
 */
.overlay-color {
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-overlay::before {
  background-color: rgba(0, 0, 0, 0.6);
}

/**
 * ---------------------
 *   Defult Button Style
 * ---------------------
 */
.btn {
  color: #ffffff;
}
.btn:hover{
  color:#37363b;
}
.btn:focus {
  color: #37363b;
}
.btn.btn-fill:hover,
.btn.btn-border:hover {
  border-color: #37363b;
}
.btn.btn-fill {
  border-color: #37363b;
  background-color: #37363b;
}
.btn.btn-fill:hover {
  border-color: #37363b;
  background-color: #ffffff;
}
.btn.btn-border {
  background-color: transparent;
  border-color: #ffffff;
}
.btn.btn-border:hover {
  background-color: #007dbd;
}
.btn.btn-round {
  background-color: #37363b;
  color: #ffffff;
  -webkit-box-shadow: 0 13px 42px 0 rgba(0, 0, 0, 0.25) ;
  -moz-box-shadow: 0 13px 42px 0 rgba(0, 0, 0, 0.25) ;
  -ms-box-shadow: 0 13px 42px 0 rgba(0, 0, 0, 0.25) ;
  -o-box-shadow: 0 13px 42px 0 rgba(0, 0, 0, 0.25) ;
  box-shadow: 0 13px 42px 0 rgba(0, 0, 0, 0.25) ;
}
.btn.apple,
.btn.androad {
  background: #111111;
  border-color: #111111;
}
.btn.apple:hover,
.btn.androad:hover {
  background-color: #37363b;
  border-color: #37363b;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  color: #ffffff;
}
.btn-text-link {
  color: rgba(40, 40, 40, 0.85);
}
.btn-text-link a {
  color: #37363b;
}
/** 
 * -----------------
 * Social Icon Style
 * -----------------
 */
.social-icon li a {
  background-color: #37363b;
  color: #ffffff;
}
.social-icon li a:hover,
.social-icon li a:focus {
  background-color: #fd3537;
  color: #ffffff;
}
/****************************************************************
    START MAIN CSS STYLE
*****************************************************************/
/**
 * ================================
 * Defult Background Color
 * ================================
 */
.background-dark {
background-image: url('../../images/p17.png');
}
.background-semi-dark {
  background-color: #242424;
}
/**
 * ================================
 * Preloader Style
 * ================================
 */
.loader-wrapper {
  background: #242424;
}
.ball-scale-multiple > div {
  background-color: #37363b;
}
/**
 * ================================
 * Template Text Logo Defult Style
 * ================================
 */
.logo {
  border-bottom-color: #37363b;
  color: #ffffff;
}
/**
 * =======================
 * Navigation
 * =======================
 */
.main-navbar-top .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.nav-theme-1 {
  -webkit-box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1) ;
  -ms-box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1) ;
  -o-box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1) ;
  box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1) ;
}
.nav-theme-1 .navbar-nav li .btn-nav {
  color: rgba(255, 255, 255, 0.6);
}
.nav-theme-1 .navbar-nav li .btn-nav:hover,
.nav-theme-1 .navbar-nav li .btn-nav:focus {
  background-color: transparent;
  color: #ffffff;
}
.nav-theme-1 .navbar-nav li.active .btn-nav {
  color: #ffffff;
}
.nav-theme-2 {
  -webkit-box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1) ;
  -ms-box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1) ;
  -o-box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1) ;
  box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1) ;
}
.nav-theme-2 .navbar-nav li .btn-nav {
  color: rgba(255, 255, 255, 0.6);
}
.nav-theme-2 .navbar-nav li .btn-nav:hover,
.nav-theme-2 .navbar-nav li .btn-nav:focus {
  background-color: transparent;
  color: #ffffff;
}
.nav-theme-2 .navbar-nav li .btn-fill {
  background-color: #37363b;
  color: #ffffff;
}
.nav-theme-2 .navbar-nav li .btn-fill:hover {
  background-color: #007dbd;
}
.nav-theme-2 .navbar-nav li.active .btn-nav {
  color: #ffffff;
}
.nav-theme-2 .navbar-nav li.active .btn-fill {
  background-color: #007dbd;
}
.nav-theme-3 {
  background-color: rgba(17, 17, 17, 0.25);
}
.nav-theme-3 .navbar-nav li .btn-nav {
  color: rgba(255, 255, 255, 0.6);
}
.nav-theme-3 .navbar-nav li .btn-nav:hover,
.nav-theme-3 .navbar-nav li .btn-nav:focus {
  background-color: transparent;
  color: #ffffff;
}
.nav-theme-3 .navbar-nav li.active .btn-nav {
  color: #ffffff;
}
.nav-theme-3.navbar-home {
  background-color: rgba(17, 17, 17, 0.9);
}

/**
 * ===============================
 * Header Style
 * ===============================
*/
/* Header Style 1 */
.header-section-1 .title {
  font-family:"Times New Roman";
  color: #37363b;
}
.header-section-1 .color {
  color: #37363b;
  font-family: 'Courgette', cursive;
}
/* Header Style 2 */
.header-section-2 .title {
  color: #ffffff;
}
/**
 * ====================================
 * App Fratures Style
 * ====================================
 */
.app-features .detail p {
  color: #37363b;
}
.app-features .detailh p {
  color: #f4f5f5;
}
.app-features .features-list .nav li::before {
  color: #37363b;
}
.app-features .features-list .media .icon {
  color: #37363b;
}
.app-features .features-list .media .media-body .title {
  color: #37363b;
}
.app-features .features-list .media .media-body .detail {
  color: #37363b;
}
.circle-top {
  background-color: #242424;
}
.circle-top::before,
.circle-top::after {
  border-color: #242424;
}
/**
 * =======================
 * Features Section 2
 * =======================
 */
.features-section-2 .part-2 .media {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.8);
}
.features-section-2 .part-2 .media .icon {
  color: #ffffff;
  border-color: #37363b;
}
.features-section-2 .part-2 .media-body .title {
  color: #ffffff;
}
/**
 * =======================
 * Team Section Style
 * =======================
 */
.team-member .each-item .inner {
  background-color: #ffffff;
}
.team-member .each-item .title {
  color: #37363b;
  font-weight: bold;
}
.team-member .each-item .detail,
.team-member .each-item .position {
  color: #282828;
}
.team-member .each-item .position {
  border-bottom-color: rgba(40, 40, 40, 0.1);
}
.team-member .each-item .phone-number a {
  color: #282828;
}
.team-member .each-item .phone-number a:hover {
  color: #37363b;
}
.team-member .each-item .hover-section {
  background-color: #ffffff;
}
/**
 * =======================
 * Pricing Table Style
 * =======================
 */
.pricing-table .each-table .table-single {
  background-color: #ffffff;
}
.pricing-table .each-table .table-single .section-heading {
  color: #282828;
}
.pricing-table .each-table .table-single .meta-price .meta-inner {
  background-color: #37363b;
}
.pricing-table .each-table .table-single .nav li {
  color: rgba(40, 40, 40, 0.75);
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
.pricing-table .each-table .table-single:hover {
  background-color: #37363b;
}
.pricing-table .each-table .table-single:hover .meta-price .meta-inner,
.pricing-table .each-table .table-single:hover .btn {
  background-color: #ffffff;
}
.pricing-table .each-table .table-single:hover .section-heading,
.pricing-table .each-table .table-single:hover .nav li {
  color: #ffffff;
}
.pricing-table .each-table .table-single:hover .nav li {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.pricing-table .each-table .table-single:hover .meta-inner,
.pricing-table .each-table .table-single:hover .btn {
  color: #37363b;
}
/**
 * =======================
 * Video Section Style
 * =======================
 */
.video-section .screenshot-outer::before {
  background-color: rgba(0, 0, 0, 0.4);
}
/**
 * ===========================
 * Testmonial Section Style
 * ===========================
 */
.testmonial blockquote {
  background-color: #242424;
}
.testmonial blockquote::before {
  border-color: #242424 transparent transparent;
}
.testmonial blockquote q::before,
.testmonial blockquote q::after {
  color: #37363b;
}
.testmonial .media .img-outer {
  border-color: #37363b;
}
.testmonial .media .title {
  color: #37363b;
}
.testmonial .media .detail {
  color: rgba(255, 255, 255, 0.9);
}
/**
 * =======================
 * Subscribe Form Style
 * =======================
 */
.subscribe-form .form-control {
  border-color: #37363b;
}
/**
 * =======================
 * Search Form Style Style
 * =======================
 */
.search-form {
  border-color: rgba(40, 40, 40, 0.35);
}
.search-form .form-control,
.search-form .btn {
  background-color: transparent;
}
.search-form .form-control {
  color: rgba(40, 40, 40, 0.7);
}
.search-form .form-control::-webkit-input-placeholder {
  color: rgba(40, 40, 40, 0.4) ;
}
.search-form .form-control:-moz-placeholder {
  color: rgba(40, 40, 40, 0.4) ;
}
.search-form .form-control::-moz-placeholder {
  color: rgba(40, 40, 40, 0.4) ;
}
.search-form .form-control:-ms-input-placeholder {
  color: rgba(40, 40, 40, 0.4) ;
}
.search-form .btn {
  color: rgba(40, 40, 40, 0.3);
}
.search-form .btn:hover {
  color: rgba(40, 40, 40, 0.6);
}
/**
 * =======================
 * ScreenShot Slider Style
 * =======================
 */
.screenshotSlider-area .carousel-wrapper img {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6) ;
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6) ;
  -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6) ;
  -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6) ;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6) ;
}
/**
 * =======================
 * Footer Section Style
 * =======================
 */
.footer-section-1 .copyright {
  color: #37363b;
}
.footer-section-1 .color {
  color: #37363b;
}
@media (max-width: 767px) {
  /**
     * =======================
     * Navigation
     * =======================
     */
  .main-navbar-top .navbar-collapse {
    border-top-color: rgba(0, 0, 0, 0.08);
  }
  .nav-theme-4 .navbar-toggle .icon-bar {
    background-color: #37363b;
  }
}