/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
}

@media (min-width: 992px) {
body {
}
}
.carousel-item {
/*height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}
.portfolio-item {
    margin-bottom: 30px;
}
.bg-pic{
	background:url("../images/bg-pic.jpg")left top repeat-x;
    background-size:auto;
    height: auto;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/	
}
.shadow {
    box-shadow: 1px 10px 10px 0rem rgba(108, 117, 125, 0.5);
}
.text-header {
    color: #736357;
}
.cursor{
	cursor: pointer;
}
.waterpipe_logoBg {
    background: url(../images/bg.png?0336) center top repeat;
    background-size:auto;
    height: auto;
}
.LogoCare {
    width: 270px;
    height: 86px;
    background: url(../images/waterpipe_logo.png?0336) left center no-repeat;
    text-indent: -99999px;
    background-size: contain;
}
a{
	color: #2da7c3 !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
	/* logo */
	.LogoCare {
		width: 215px;
		height: 53px;
		background-image: url(../images/waterpipe_logo@2x.png?0336) !important;
		background-repeat: no-repeat !important;
		background-size: 197px 64px !important;
	}
	.bg-waterpipe{
		min-height: 86px !important
	}
	.service_bg, .about_bg, .phone24_bg{
	background:rgba(255,255,255,0.48)!important;
	}
}
@media (min-width: 415px) and (max-width: 769px) {
	h4.edit_title{
	letter-spacing: 0px;font-size: 1.1rem;line-height: 1.1rem;
	}
}

@media (max-width: 575px) {
.m-xs-0 {
    margin: 0 !important;
}
.mt-xs-0,  .my-xs-0 {
    margin-top: 0 !important;
}
.mr-xs-0,  .mx-xs-0 {
    margin-right: 0 !important;
}
.mb-xs-0,  .my-xs-0 {
    margin-bottom: 0 !important;
}
.ml-xs-0,  .mx-xs-0 {
    margin-left: 0 !important;
}
.m-xs-1 {
    margin: 0.25rem !important;
}
.mt-xs-1,  .my-xs-1 {
    margin-top: 0.25rem !important;
}
.mr-xs-1,  .mx-xs-1 {
    margin-right: 0.25rem !important;
}
.mb-xs-1,  .my-xs-1 {
    margin-bottom: 0.25rem !important;
}
.ml-xs-1,  .mx-xs-1 {
    margin-left: 0.25rem !important;
}
.m-xs-2 {
    margin: 0.5rem !important;
}
.mt-xs-2,  .my-xs-2 {
    margin-top: 0.5rem !important;
}
.mr-xs-2,  .mx-xs-2 {
    margin-right: 0.5rem !important;
}
.mb-xs-2,  .my-xs-2 {
    margin-bottom: 0.5rem !important;
}
.ml-xs-2,  .mx-xs-2 {
    margin-left: 0.5rem !important;
}
.m-xs-3 {
    margin: 1rem !important;
}
.mt-xs-3,  .my-xs-3 {
    margin-top: 1rem !important;
}
.mr-xs-3,  .mx-xs-3 {
    margin-right: 1rem !important;
}
.mb-xs-3,  .my-xs-3 {
    margin-bottom: 1rem !important;
}
.ml-xs-3,  .mx-xs-3 {
    margin-left: 1rem !important;
}
.m-xs-4 {
    margin: 1.5rem !important;
}
.mt-xs-4,  .my-xs-4 {
    margin-top: 1.5rem !important;
}
.mr-xs-4,  .mx-xs-4 {
    margin-right: 1.5rem !important;
}
.mb-xs-4,  .my-xs-4 {
    margin-bottom: 1.5rem !important;
}
.ml-xs-4,  .mx-xs-4 {
    margin-left: 1.5rem !important;
}
.m-xs-5 {
    margin: 3rem !important;
}
.mt-xs-5,  .my-xs-5 {
    margin-top: 3rem !important;
}
.mr-xs-5,  .mx-xs-5 {
    margin-right: 3rem !important;
}
.mb-xs-5,  .my-xs-5 {
    margin-bottom: 3rem !important;
}
.ml-xs-5,  .mx-xs-5 {
    margin-left: 3rem !important;
}
.p-xs-0 {
    padding: 0 !important;
}
.pt-xs-0,  .py-xs-0 {
    padding-top: 0 !important;
}
.pr-xs-0,  .px-xs-0 {
    padding-right: 0 !important;
}
.pb-xs-0,  .py-xs-0 {
    padding-bottom: 0 !important;
}
.pl-xs-0,  .px-xs-0 {
    padding-left: 0 !important;
}
.p-xs-1 {
    padding: 0.25rem !important;
}
.pt-xs-1,  .py-xs-1 {
    padding-top: 0.25rem !important;
}
.pr-xs-1,  .px-xs-1 {
    padding-right: 0.25rem !important;
}
.pb-xs-1,  .py-xs-1 {
    padding-bottom: 0.25rem !important;
}
.pl-xs-1,  .px-xs-1 {
    padding-left: 0.25rem !important;
}
.p-xs-2 {
    padding: 0.5rem !important;
}
.pt-xs-2,  .py-xs-2 {
    padding-top: 0.5rem !important;
}
.pr-xs-2,  .px-xs-2 {
    padding-right: 0.5rem !important;
}
.pb-xs-2,  .py-xs-2 {
    padding-bottom: 0.5rem !important;
}
.pl-xs-2,  .px-xs-2 {
    padding-left: 0.5rem !important;
}
.p-xs-3 {
    padding: 1rem !important;
}
.pt-xs-3,  .py-xs-3 {
    padding-top: 1rem !important;
}
.pr-xs-3,  .px-xs-3 {
    padding-right: 1rem !important;
}
.pb-xs-3,  .py-xs-3 {
    padding-bottom: 1rem !important;
}
.pl-xs-3,  .px-xs-3 {
    padding-left: 1rem !important;
}
.p-xs-4 {
    padding: 1.5rem !important;
}
.pt-xs-4,  .py-xs-4 {
    padding-top: 1.5rem !important;
}
.pr-xs-4,  .px-xs-4 {
    padding-right: 1.5rem !important;
}
.pb-xs-4,  .py-xs-4 {
    padding-bottom: 1.5rem !important;
}
.pl-xs-4,  .px-xs-4 {
    padding-left: 1.5rem !important;
}
.p-xs-5 {
    padding: 3rem !important;
}
.pt-xs-5,  .py-xs-5 {
    padding-top: 3rem !important;
}
.pr-xs-5,  .px-xs-5 {
    padding-right: 3rem !important;
}
.pb-xs-5,  .py-xs-5 {
    padding-bottom: 3rem !important;
}
.pl-xs-5,  .px-xs-5 {
    padding-left: 3rem !important;
}
.m-xs-auto {
    margin: auto !important;
}
.mt-xs-auto,  .my-xs-auto {
    margin-top: auto !important;
}
.mr-xs-auto,  .mx-xs-auto {
    margin-right: auto !important;
}
.mb-xs-auto,  .my-xs-auto {
    margin-bottom: auto !important;
}
.ml-xs-auto,  .mx-xs-auto {
    margin-left: auto !important;
}
}
/***** Top menu *****/
.bg-waterpipe{background: url(../images/page_nav_bg.png?0312) center top no-repeat;    background-size:cover; min-height:136px;}
ul.navbar-nav li a {color: #656565!important; font-size:1.3em;}
ul.navbar-nav li a:hover, ul.navbar-nav li a:focus, ul.navbar-nav li.active a{ outline: 0; color: #2da7c3!important;text-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }	
#home li.home, 
#about li.about,
#services li.services, 
#photo li.photo, 
#knowhow li.knowhow, 
#contact li.contact {color: #2da7c3!important;}
#home li.home a, 
#about li.about a, 
#services li.services a, 
#photo li.photo a,
#knowhow li.knowhow a, 
#contact li.contact a{border-top:3px solid #2da7c3;}
li.menuphone, li.menuphone a {color: #ea5550!important;}
ul.navbar-nav.btn-group li.btn{}
.card-title, .text-Edtse {color: #ff8d41;}
.edit_title{
    padding: 12px 10px 12px 10px;
    position: relative;
    text-align: left;
    letter-spacing: 0px;
    font-size: 1.6rem;
    line-height: 1.6rem;
    color: #f8f9fa;
    background-image: url(../images/edit_title.png?2703);	
    background-repeat: no-repeat;
    font-weight: 800;
    background-size:contain;
	margin-bottom: -15px;
	z-index: 1;
}
.edit_title.puleft{
	background-position: left top;
}
.edit_title.puright{
	background-position: right top;
}
.phone24_bg{	
	background-image: url(../images/24-phone-pic.png?2303);
    background-position: right center;
    background-repeat: no-repeat;
	background-size:contain;
	min-height: 186px;
}
.service_bg{
	background-image: url(../images/service-area-bg.png?2303);
    background-position: right center;
    background-repeat: no-repeat;
	background-size:cover;
	min-height: 500px;
}
.about_bg{
	background:rgba(255,255,255,0.48);
}
.footer_bg {
	background-image: url(../images/footer_rep.gif?2303);
    background-position: left top;
    background-repeat: repeat-x;
	background-size:auto;
	padding: 30px 0 10px 0;	
}
@media only screen and (max-width: 576px){
	h2.edit_title {
    max-width: 220px;
    height: 75px;
    background-size: contain;
    margin: 20px;
    padding: 26px 10px;
    padding-left: 68px;
    line-height: 1.5rem;
	}
	
}