/*============================================

    'Hex': '#5687bf',  'colorName': 'blue-1'

============================================*/
.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover{
  background-color: #000000;
}
#pricing li:hover .price-inner {
    border: 1px solid #000000;
}
#pricing li:hover .btn {
  background: #000000;
}
#banner .text-slider h3, .port-over .over-info, .inspectors .teach-over, #testimonial .carousel-indicators li .feeder-name {
    background: rgba(0, 0, 0,0.8);
}
#accordion .panel-default > .panel-heading .panel-title a:before {
    color: #000000;
}
#accordion .panel-default > .panel-heading .panel-title a.collapsed:before, .missing-2 .cont .change {
    color: #000000;
}
#banner .text-slider .btn {
    border: 2px solid #fff;
    background: rgba(0,0,0,0.2);
}
#banner .text-slider button.btn {
    background: #000000;
    border: none;
}
#banner .text-slider button.btn:hover {
    background: rgba(0,0,0,0.5);
}
#feature li a:hover {
    background: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.2);
}
#banner .text-slider .btn:hover {
    background: #000000;
    border-color: #000000;
}
.top-bar, header nav li a:hover {
    border-color: #000000;
}
.pagination > li > a:hover, .intrested-2 {
    background: #000000;
}
#pricing.pricing-2 .price-inner.papu {
    border-top-color: #000000;
}
#banner .text-slider p {
    background: rgba(0,0,0,0.5);
}
.tittle h3, #feature li:hover .icon, .port-over .over-info a:hover {
    color: #000000;
}
#pricing .price-inner .check-gr i {
    color: #000000 !important;
}
#pricing .price-inner .btn, .logo a .logo-hex {
    background: #000000;
}
#pricing .price-inner .btn:hover {
    background: #4d4d4d;
}
.quote .btn:hover {
    color: #000000;
}
header .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #000000;
}
header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    border-bottom: 2px solid #000000;
    color: #000000;
}
.btn, .intrested-2 .intres-lesson .btn {
    background: #4d4d4d;
}
.btn:hover, .intrested-2 .intres-lesson .btn:hover {
    background: #000000;
}
.quote, footer button, .intres-lesson .btn, .products .pro-info .btn, .nav-tabs .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background: #000000;
}
.products .pro-info .btn-1 {
    background: #f8f8f8;
}
#feature li:hover .inner, .filter li a.active, .filter li a:hover, .products .pro-info .btn-1:hover {
    background: #000000;
    border-color: #000000;
}

.products .pro-info .btn {
}
#pricing.pricing-2 li .price-head {
    background: none !important;
}

.products .cate-name .heart li i:hover {
  color: #000000;
  }
div#respond p.form-submit input#submit{
  background: #000000;  
}

.contact-info .social_icons{
    z-index:1px;
}
form#wp-stripe-payment-form .stripe-submit-button {
    background: #000000 !important; 
}
.where a,.where a i {
  color: #000000;
}

.top-bar {
  background: #647382;
}
footer .rights {
  background: #23282d;
}
footer{
  background: #2d3237;
}


body{font-family:''Roboto', sans-serif';font-size:14px !important;color:#000000;}

.container h1 {
    color: blue;
    }
    
.container .links li a {
    color: blue; 
    }


.sub-banner .links {
    color: blue;
    margin-top: 0px;
    
}

@media (max-width: 767px) {
    .sub-banner .links {
      
  display: flex;
  margin: 0 auto;
  justify-content: center;
  width: 100%;
    }
    
}

@media (max-width: 320px) {
#banner .text-slider, #banner {
    
    
    padding-top: 0px !important;
}
}


@media (max-width: 767px){
.top-bar {
    	display:block !important;
	background: #647382;
	width: 100%;
	color: #fff;
    height: 100%;
    text-align: center;
    
}
.top-bar .left-bar-side {
    display: none;
}
}



@media (max-width: 767px){
.left-bar-side {
    text-align: center;
}}



header {
    background-color: #2d3237;
}
header .navbar-default .navbar-nav a {
    color: #ffc900;
}

header .navbar-default .navbar-nav a:hover {
    color: #ffc900;
}
header .navbar-default .navbar-nav li a:hover {
    color: #ffc900;
}
header .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #ffc900;
}
header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    border-bottom: 2px solid #0096ff;
    color: #ffc900;
}

header .navbar-default .navbar-nav .dropdown-menu li a:hover {
    color: ;
}

#testimonials {
    background: #00C300;
    
}

#feature {
    background: #647382;
    
}

#portfolio {
    background: #00C300;
}

#products {
    background: #21201a;
}

#pricing {
    background: #21201a;
}

#inspectors {
    background: #00C300;
}

.quote {
    background: #647382;
}
.quote h2 {
    color: #ffc900 !important;
}
.quote a {
    color: #ffc900 !important;
}
.quote span {
    color: #ffc900 !important;
}
@media (max-width: 767px) {
body {
    background-color: #21201a !important;
}
}
body {
    background-color: #21201a !important;
}
#testimonials .testi h5 {
    color: #000000;
}
#testimonials .testi p {
    color: #000000;
}

#feature li h5 {
    color: #ffc900;
}

#feature h3 {
    color: #ffc900;
}
#feature p {
    color: #ffc900;
}
#portfolio p {
    color: #000000;
}
.filter li a {
    color: #000000;
}
#products p {
    color: #ffc900;
}
#products h3 {
    color: #ffc900;
}
.products .pro-info .price {
    color: #ffc900;
}
.products .pro-info a {
    color: #ffc900;
}
#pricing .price-inner p {
    color: #ffc900;
}
#pricing .price-inner .btn {
    background: #ffc900;
}
#pricing p {
    color: #ffc900;
}
#pricing h3 {
    color: #ffc900;
}
#pricing .price-inner .check-gr i {
    color: #ffc900 !important;
}
#inspectors p {
    color: #000000;
}
.news h3 {
    color: #000;
}
.news p {
    color: #000;
}
.related-course .pro-info .price {
    color: #000000;
}
.related-course .pro-info a {
    color: #000000;
}
.prodct-single .pro-info .price {
    color: #000000;
}
.prodct-single .pro-info h4 a {
    color: #000000;
}
.prodct-single .pro-info a {
    color: #000000;
}
.products .pro-info .btn {
    color: #ffc900;
    background: #647382;
}
.products .pro-info .btn-1 {
    color: #000;
}
.products .pro-info .btn:hover {
    background: #FFF;
    color: #000;
}
.scroll-top {
    display:block !important;
}


@media (max-width: 767px) {
.logo  {
    
    
    max-width: 100% !important;
    height: auto !important;
    margin-top: 15px !important;
    
}    
}
.products .cate-name {
    color: #ffc900 !important;
}
#banner .text-slider h1 {
        color: #fff;
    text-transform: uppercase;
    background: rgba(55,60,64,0.4);
    
    
    padding: 0 20px;
    padding-right: 7px;
    
    font-size: 40px;
    margin-right: 7px;
    }
    
#banner .text-slider p {
    color: #fff;
}  


#banner .text-slider h1 i {
    background: 
    
    padding: 0 0px;
    margin-left: 0px;
    margin-right: ;
}
@media (max-width: 767px) {
#banner .text-slider h1 {
    font-size: 17px !important;
    
 } 

#banner .text-slider .btn  {
    color: #fff;
    
}
#banner .text-slider a {
    font-size: 8px;
    padding: 0 auto;
   
    
}

}
.col-md-10 h2 {
    color: #fff;
}

.top-bar a {
    color: #ffc900 !important;
}

#banner .text-slider .btn  {
    color: #fff;
    
}


@media (max-width: 767px) {
   .navbar-toggle {
       background: #0096ff;
   }
}

.faqs-with-bg-2 p {
    color: #fff;
}

.faqs-with-bg-2 h6 {
    color: #fff;
}
.panel-default > .panel-heading a {
    color: #fff;
}
@media (max-width: 767px) {
    
#banner .text-slider .btn {
    
    width: 75px;
    height: 22px;
    font-size: 10px;
    padding: 3px 0;
    text-align: center;
    
}

#banner .text-slider .btn.btn-1 {
    width: 60px;
}


#banner .text-slider h1 {
    font-size: 17px !important;
    
}


.wellcome .titlepage h2 {
    color: #151515;
    float: left;
    padding-right: 15px;
    font-weight: bold;
    font-size: 30px;
    
}


}

.flexslider {
    margin-bottom: 0px;
}

.top-bar ul li {
    color: #ffc900;
}

#pricing .price-head {
    
    background: #ffc900 top center no-repeat;
    text-align: center;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

#pricing li:hover .price-head {
    background: #ffc900 top center no-repeat;
}

#pricing .price-head h4,span {
    color: #000 !important;
}

.products .pro-info .price {
    
    color: #FFF !important;
}
.cate-name span.multi-cat {
    color: #FFF !important;
}
.cate-name span.pull-left {
    color: #ffc900 !important;
}

.intrested .tittle h3 {
    color: #000;
}

.intrested .tittle p {
    
    color: #000;
}
.intres-lesson h3 {
    color: #000;
}
.courses {
    background-color: #000 !important;
}

#banner .text-slider {
    
   
}
.news h3 {
    color: #fff;
}
#accordion .panel-body p {
    color: #fff;
}
#accordion .panel-default > .panel-heading .panel-title a.collapsed:before {
    color: #fff !important;
}
.prodct-single .pro-info h4 a {
    color: #fff;
}
.prodct-single .pro-info a {
    color: #fff;
}
.prodct-single .pro-info p {
    color: #fff;
}
.products .pro-info ol {
    color: #fff;
}
.products .pro-info ul {
    color: #fff;
}
@media (max-width: 767px) {
    
.tittle {
    margin-top: 30px;
}
    
header .navbar-default .navbar-nav a {
    color: #000;
    }
header .navbar-default .navbar-nav a:hover {
    color: #000;
}
header .navbar-default .navbar-nav li a:hover {
    color: #000;
}
header .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #000;
}
header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    border-bottom: 2px solid #0096ff;
    color: #000;
}
}
/* CSS for the container holding the boxes */
.box-container {
    display: flex;
    justify-content: center; /* Center the buttons */
    flex-wrap: wrap; /* Allow boxes to wrap on smaller screens */
    padding: 20px; /* Optional: add padding inside the container */
}

/* CSS for the links inside the boxes */
.button1 {
    text-decoration: none;
    color: #21201a;
    font-size: 20px;
    background-color: #ffc900; /* Background color for the links */
    padding: 10px 20px; /* Add some padding to the links for better visibility */
    border-radius: 5px; /* Add rounded corners to the links */
    display: inline-block;
    width: calc(33.33% - 40px); /* Set button width for desktop (adjust as needed) */
    margin: 20px 10px; /* Add vertical and horizontal margins */
    text-align: center;
    line-height: 1.5; /* Ensures uniform text line height */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    height: 50px; /* Set a fixed height for the buttons */
    display: flex; /* Enable flexbox for centering */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
}

/* CSS for the boxes with titles and links */
.box {
    width: calc(33.33% - 20px); /* Set box width for desktop (adjust as needed) */
    margin: 10px;
    padding: 10px;
    background-color: #ffc900; /* Background color for the boxes */
    text-align: center;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

.box h2 {
    margin: 0 0 10px 0; /* Ensure there's some space between the title and the link */
    color: #21201a; /* Title color */
}

.box a {
    text-decoration: none;
    color: #fff;
    background-color: #007bff; /* Background color for the links */
    padding: 10px 20px; /* Add some padding to the links for better visibility */
    border-radius: 5px; /* Add rounded corners to the links */
    display: inline-block;
    width: 100%; /* Ensure the link takes full width within the box */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    height: 50px; /* Set a fixed height for the buttons */
    display: flex; /* Enable flexbox for centering */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
}

/* CSS for responsive design */
@media (max-width: 768px) {
    .button1, .box {
        width: calc(100% - 40px); /* Full width on smaller screens with some padding */
        margin: 10px 0; /* Adjust margin for smaller screens */
    }
}



/* CSS for payment page Proceed Button */
.intres-lesson .btn {
    background: #0096ff;
}

.billing-info button.btn {
    width: auto !important;
    float: left !important;
    
}
.container-button {
    display: flex;
    justify-content: center;
    text-align: center; /* This is added for older browser compatibility */
}
.button {
        background-color: #c72633;
        -webkit-border-radius: 60px;
        border-radius: 60px;
        border: none;
        color: #eeeeee;
        cursor: pointer;
        display: inline-block;
        font-family: sans-serif;
        font-size: 20px;
        padding: 5px 15px;
        text-align: center;
        text-decoration: none;
      }
      @keyframes glowing {
        0% {
          background-color: #c72633;
          box-shadow: 0 0 5px #2ba805;
        }
        50% {
          background-color: #1e6296;
          box-shadow: 0 0 20px #49e819;
        }
        100% {
          background-color: #c72633;
          box-shadow: 0 0 5px #2ba805;
        }
      }
      .button {
        animation: glowing 1300ms infinite;
      }