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

This file only contains the theme color schemes, (not the style ) If you want to change the color
 schemes of the theme 
just change the color code  and rgba value. The whole theme color will be changed.

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





/* Filter the 'background' value classes*/

.switcher .switch_btn button,.btn-one,.btn-two:hover,.pricing-section .single-table.active .btn-two, .pricing-section 
.single-table:hover .btn-two,.main-footer .logo-wideget .footer-social li a:hover,.scroll-to-top,.sidebar li a.active, .sidebar li a:hover,
.gallery-section .post-filter li.active span,.team-details-content .content-style-one .team-social li a.active, .team-details-content 
.content-style-one .team-social li a:hover,.shop-content .top-content .right-content a.active, .shop-content .top-content .right-content 
a:hover,.shop-product .content-layer .btn-two:hover,.shop-section .price-text button,.noUi-connect,.checkout-section .customer:before, 
.checkout-section .coupon:before,.page-pagination li a:hover, .page-pagination li a.active,.blog-single .post-share-option .post-share li a.active, 
.blog-single .post-share-option .post-share li a:hover,.onoffswitch-label,.onoffswitch-checkbox:checked + .onoffswitch-label,
.main-menu .navbar-header .navbar-toggle .icon-bar,.pricing-section .single-table.active .top-content, .pricing-section 
.single-table:hover .top-content,.tparrows.preview3:hover:after,.cart-section .coupon-box .apply-btn:hover,.slide-nav .owl-nav .owl-next:hover,
.slide-nav .owl-nav .owl-prev:hover
{
	/*background: #26889e;*/
    background: #B23850;
}


/* background style two */

.single-item-overlay .img-box .overlay

{
	background: rgba(34, 134, 156, 0.6);
}
.we-work .single-item:hover .icon-box {
    box-shadow: 0 0 0 10px rgba(34, 134, 156, 0.50);
}


/* Filter the 'color' value classes*/

.main-menu .navigation > li.current > a,.main-menu .navigation > li:hover > a, .main-menu .navbar-collapse > ul li.dropdown:hover 
.dropdown-btn span:before,.main-menu .navigation > li > ul > li:hover > a,.main-header .cart-box a i:before,.title-top,.btn-one:hover,
h3 a:hover, h4 a:hover, h5 a:hover,.pricing-section .single-table .top-content .text,.news-section .lower-content li span,
.main-footer .list li a:hover,.footer-bottom a:hover,.single-item-overlay .content li a:hover, .main-menu .navbar-collapse > 
ul li.dropdown.current .dropdown-btn span:before,.tesimonial-page .single-item .icon-box i:before,.error-section .error-title i:before,
.gallery-section .single-item-overlay .content li a:hover,a:hover,.team-details-content .content-style-two .list li:before,
.single-shop .product-content .price,.product-discription .tab-title li.active,.cart-section .cart-table tbody tr .sub-total,
.cart-section .cart-totals .text.order span,.checkout-section .customer a, .checkout-section .coupon a,.checkout-section .order-info 
.price.color,.checkout-section .payment-info .payment-option  .checkbox a,.blog-single .blog-single-content .content-text i:before,
.contact-section .contact-info .icon-box i:before,.main-header .cart-box a:hover,.main-menu li.dropdown:hover:before,
.main-menu li.current.dropdown:before,.video-gallery .icon-holder .icon a,.main-footer .list li a:hover:before,
.page-title .bread-crumb a:hover,.accordion-box .accordion .acc-btn.active .acc-title h4,
.accordion-box .accordion .acc-btn.active .toggle-icon,.error-section .input-form input[type='search']:focus + button,
.error-section .input-form button:hover,.blog-page .sidebar-search input[type='search']:focus + button,
.blog-page .sidebar-search button:hover

 {
	color:#26889e;
    /*color: white;*/
    font-weight: 600;
}

/* Filter the 'border color' value classes*/

.main-menu .navigation > li > ul > li > a,.main-menu .navigation > li > ul,.btn-one:hover,.btn-one,.btn-two:hover,
.pricing-section .single-table.active .btn-two, .pricing-section .single-table:hover .btn-two,input:focus, textarea:focus,
.team-details-content .content-style-one .team-social li a.active, .team-details-content .content-style-one .team-social li a:hover,
.shop-content .top-content .right-content a.active, .shop-content .top-content .right-content a:hover,.noUi-horizontal .noUi-handle,
.product-discription .tab-title li.active,.blog-single .post-share-option .post-share li a.active, .blog-single .post-share-option 
.post-share li a:hover,.tparrows.preview3:hover:after,.subscribe-section input[type='text']:focus,
.subscribe-section input[type='email']:focus,.faq-form-area input[type='text']:focus,
.faq-form-area input[type='email']:focus,.error-section .input-form input[type='search']:focus,
.cart-section .coupon-box input:focus,.checkout-section input[type='text']:focus,
.blog-page .sidebar-search input[type='search']:focus,.blog-single .comment-form input[type='text']:focus,
.blog-single .comment-form input[type='email']:focus,.blog-single .comment-form textarea:focus,
.contact-section input[type='text']:focus,.contact-section input[type='email']:focus,.slide-nav .owl-nav .owl-next:hover,
.slide-nav .owl-nav .owl-prev:hover

{
  /*border-color:#26889e;*/
  border-color:#3B8BEB;
  background: #3B8BEB;
}




.d-flex{
	display: flex !important;
}

header .logo-box img{
	height: auto;
	max-width: 100%;
	margin: 5px 0;
}

/* main menu */
.menu-bar{
	display: flex;
	align-items: center;
	margin-left: auto;
}
.menu-bar .menu-list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}
.menu-bar .menu-list .menu-item{
	display: block;
	font-weight: bold;
	padding: 0.4rem 1.2rem;

}


.menu-bar .menu-list .menu-item:hover,
.menu-bar .menu-list .menu-item.current{
		color: #B23850;
}

.menu-mobile-toggle{
	display: none;
	align-items: center;
}
.menu-mobile-toggle .fa{
	font-size: 3rem;
	padding: 1rem;
}
#menu-mobile{
	position: absolute;
	top: 90px;
	flex-direction: column;
	background-color: #fff;
}
#menu-mobile.collapse.in,
#menu-mobile.collapsing{
		display: flex;
}
#menu-mobile .menu-item{
	padding: 0.4rem 1.2rem;
}
#menu-mobile .menu-item:hover{
	background-color: #B23850;
	color: #fff;
}

.main-slider .slider-caption{
	max-width: 800px;
	left: 50%;
}
.main-slider h2{
	margin-bottom: 42px;
	color: #fff;
	font-size: 42px;
	font-weight: bold;
}

.slider-caption .tp-title{
	color: #92d7e7;
}

.btn-one.btn-red{
	background-color: #B23850;
	border-color: #B23850;
}
.btn-one.btn-red:hover{
	background-color: transparent;
	color: #B23850;
	border-color: #B23850;
}
.menu-bar .btn-one.btn-red{
	padding: 0.6rem 1.2rem;
}
 
.footer-logo{
	margin-bottom: 2rem;
	margin-top: -30px;
}

header .phones{
	display: inline-block;
	margin-left: 1rem;
	min-width: 150px;
	text-align: left;
    font-weight: 600;
}
header .phones div a{
	font-size: 1.6rem;
	font-weight: 600;
    color: #3B8BEB;
}


.footr-form{
	display: block;
	max-width: 600px;
}
.footr-form input,
.footr-form textarea{
	width: 100%;
	margin-bottom: 1rem;
}

.footr-form textarea{
	background: #343c3b;
	color: #fff;
	border: 1px solid #343c3b;
	border-radius: 30px;
	margin-right: 16px;
	padding: 10px 20px;
	transition: all 500ms ease;
}
.single-item .service-content{
	display: none;
}
.service-section .single-item{
	min-height: 390px;
}
  

/* testi */


.testimonial-each {
    margin-top: 5rem;
}
.testimonial-quote{
    background-color: #f6f6ff;
    padding: 1.6rem;
    border-radius: 3rem 3rem 3rem 0;
}
.testimonial-quote:after{
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    width: 0; 
    height: 0;
    border-top: 40px solid #f6f6ff;
    border-right: 40px solid transparent;
}
.testimonial-quote .quote-blue{
    font-size: 7rem;
    margin-top: -3rem;
    margin-bottom: 5rem;
    color: #92d7e7;
}
.testimonial-quote .fa-star,
.testimonial-quote .fa-star-o{
    color:rgb(233, 233, 91);
    font-size: 2rem;
}
.testimonials .client-name{
    color: #26889e;
    font-weight: bold;
    margin: 2rem 0 0;
}

.py-70{
    padding-top: 70px;
    padding-bottom: 70px;
}
.mt-5{
    margin-top: 3rem;
}

/* rating */

.rating {
	width: auto;
	margin: 5px 0 20px;
	color: #e0ab18;
	font-size: 30px;
}
  .rating .star {
	cursor: pointer;
	display: inline-block;
  }
  .rating .star .fa-star{
	display: none;
  }
  .rating .star .fa-star-o{
	display: inline;
  }
  
  .rating .star.set .fa-star{
	display: inline;
  }
  .rating .star.set .fa-star-o{
	display: none;
  }
  
  .pricing-section .slide-nav{
	margin: 0 auto;
  }
  .pricing-section .slide-nav .owl-nav .owl-next,
  .pricing-section .slide-nav .owl-nav .owl-prev{
	color: #1a8bb3;
	border: 2px #1a8bb3 solid;
  }
  .pricing-section .slide-nav .owl-nav .owl-next:hover,
  .pricing-section .slide-nav .owl-nav .owl-prev:hover{
	color: #fff;
  }
  
  .pricing-section .slide-nav .owl-nav .owl-next {
	right: 0;
	float: right;
  }


.pricing-section .slide-nav .owl-nav .owl-prev {
	left: 0;
	float: left;
}
.pricing-section .top-content .text{
	line-height: 0.6em;
	margin-top: 2.6rem;
}
.pricing-section .btn-one,
.pricing-section .btn-two{
	padding: 1rem 3rem;
	z-index: 100;
}


.modal button.close{
	padding: 1rem;
	position: absolute;
	z-index: 10;
	font-size: 4rem;
	color: #999;
	margin: 0;
	top: 0;
	right: 1rem;
}
.modal button.close:hover{
	color: #ff0404;
}

.modal ul.list{
	margin-left: 3rem;
}

.modal ul.list li{
	list-style: disc;
}

.pricing-section .single-table .lower-content {
    position: absolute;
    width: 100%;
    bottom: 0;
}