.bg_background{
    background-color: #efefef;background-image:url(../images/BG.png);background-repeat: repeat; 

}.nav > li > a:focus, 
.nav > li > a:hover 
{
    text-decoration: underline;
    background-color: pink;
}
.bg_blue{
    background-color: #efefef;

}
.bg_about{
    background-color: blue;background-image:url(../images/12.png);background-repeat: repeat; 

}
.bg_footer{
    background-color: #fff;background-image:url(../images/Footer-bg.png);background-repeat: repeat; 

}
.bg_white{
    background-color: #ffffff;

}
.pTRBL10{
	padding:10px;
}

/* ***************** TEXT ALIGN ******************* */
.rFloat{
	float:right
}
/* ***************** PADDING ******************* */
.pL5{
	padding-left:5px;
}
.pL10{
	padding-left:10px;
}
.pL20{
	padding-left:20px;
}
.pL25{
	padding-left:25px;
}
.pL30{
	padding-left:30px;
}
.pL40{
	padding-left:40px;
}
.pL50{
	padding-left:50px;
}
.pL60{
	padding-left:60px;
}
.pL70{
	padding-left:70px;
}
.pL80{
	padding-left:80px;
}
.pL90{
	padding-left:95px;
}
.pL100{
	padding-left:100px;
}
.pR5{
	padding-right:5px;
}
.pR10{
	padding-right:10px;
}
.pR15{
	padding-right:15px;
}
.pR20{
	padding-right:20px;
}
.pR25{
	padding-right:25px;
}
.pR30{
	padding-right:30px;
}
.pR50{
	padding-right:50px;
}
.pR100{
	padding-right:100px;
}
.pT4{
	padding-top:4px;
}
.pT5{
	padding-top:5px;
}
.pT10{
	padding-top:10px;
}
.pT12{
	padding-top:15px;
}
.pT15{
	padding-top:15px;
}
.pT20{
	padding-top:20px;
}
.pT30{
	padding-top:30px;
}
.pT40{
	padding-top:40px;
}
.pT50{
	padding-top:50px;
}
.pT80{
	padding-top:80px;
}
.pT100{
	padding-top:110px;
}
.pB10{
	padding-bottom:10px;
}
.pB9{
	padding-bottom:8.5px;
}
.pB5{
	padding-bottom:5px;
}
.pB15{
	padding-bottom:15px;
}
.pB20{
	padding-bottom:20px;
}
.pB30{
	padding-bottom:30px;
}
.pB50{
	padding-bottom:50px;
}
.pB100{
	padding-bottom:100px;
}
.pTRBL20{
	padding:20px;
}
.pTRBL10{
	padding:10px;
}
.pTRBL5{
	padding:5px;
}
.pTRBL2{
	padding:2px;
}
/* ***************** MARGINS ******************* */
.mR10{
	margin-right:10px;
}
.mR20{
	margin-right:20px;
}
.mR30{
	margin-right:30px;
}
.mL10{
	margin-left:10px;
}
.mL20{
	margin-left:20px;
}
.mL30{
	margin-left:30px;
}
.mL40{
	margin-left:40px;
}
.mT10{
	margin-top:10px;
}
.mT5{
	margin-top:3px;
}
.mB10{
	margin-bottom:10px;
}
.mTRBL10{
	margin:10px;
}
 
.txtcenter{
	text-align:center;
}
.txtleft{
	text-align:left;
}
.txtright{
	text-align:right;
}
.txtbold{
	font-weight:bold;
}
.txtuppercase{
  text-transform: uppercase;
}

/* **************** TEXT COLOR ***************** */
.txtwhite{
	color: #FFFFFF;
}
.txtgray{
	color: #999999;
}
.txtmidgray{
	color: #666666;
}
.txtdarkgray{
	color: #029F5B;
}
.txtgreen{
	color: #009900;
}
.txtyellow{
	color: yellow;
}
.txtred{
	color:#FF0000;
}
.txtred2{
	color:#FF65C0;
}
.txtblue2{
	color:#1BFBFB;
}
.txtblue{
	color: #0A598E;
}

.txtblack{
	color: #000000;
}
.txtsitecolor{
	color: #00a6cd;
}
.txtorange{
	color: #FFA333;
}
.blink
{
	text-decoration:blink;
}
.nolink
{
	text-decoration:none;
}
.clear_spacer_5{
	clear: both;
    height: 5px; /* or margin-bottom: 10px; */
    width: 100%; /* Optional */
}
.clear_spacer_10{
	clear:both;
	height:10px;
}
.clear_spacer_20{
	clear:both;
	height:20px;
}
.clear_spacer_40{
	clear:both;
	height:40px;
}
.clear_spacer_60{
	clear:both;
	height:60px;
}
.info_bg_hr
{
    width:100%x;
    height:4px;
	
    background-image:url(../images/bg_hr.png);
    background-position:50% 0px;
    background-repeat:no-repeat;
	text-align: center;
}
form {
    display: inline;
}
.button {
	width: auto;
 	padding: 10px 20px ;
 	background: #00b1da;
 	color: #FFF;
 	cursor:pointer;
 	border: 0px solid #000;
	font-weight:normal;  border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
.button:hover {
	color: #FFF;font-weight:normal;
	padding: 5px 15px ;
	background: #50c8ea;
	border: 5px solid #50c8ea;
}
/* Wrapper */
.icon-button {
	background-color: #cccccc;
	border-radius: 3.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 2.0rem;
	height: 3.6rem;
	line-height: 3.6rem;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 3.6rem;
}

/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 20%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 3.6rem;
	margin: -1.8rem;
}
.twitter span {
	background-color: #4099ff;
}
.facebook span {
	background-color: #3B5998;
}
.google-plus span {
	background-color: #db5a3c;
}
.google-linkdin span {
	background-color: #3692C3;
}
.google-instagram span {
	background-color: #37668D;
}
/* Icons */
.icon-button i {
	background: none;
	color: white;
	height: 3.6rem;
	left: 0;
	line-height: 3.6rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 3.6rem;
	z-index: 10;
}
.icon-button .icon-twitter {
	color: #4099ff;
}
.icon-button .icon-facebook {
	color: #3B5998;
}
.icon-button .icon-google-plus {
	color: #db5a3c;
}
.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus {
	color: white;
}



/* Carousel */

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: auto; border: 0px solid red;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
footer a {
	color: #111; padding-right: 10px; font-weight: bold;
}

        /* Custom confirmation dialog styling */
        #confirm-dialog {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #fff;
            padding: 20px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
            z-index: 1000;
            text-align: center;
            border-radius: 10px;
        }
        #confirm-dialog p {
            margin-bottom: 20px;
        }
        #confirm-dialog button {
            padding: 10px 20px;
            margin: 5px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        #confirm-yes {
            background-color: #28a745;
            color: white;
        }
        #confirm-no {
            background-color: #dc3545;
            color: white;
        }
        #overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 900;
        }
        /* Scale the radio buttons */
        input[type="radio"] {
            transform: scale(1.5); /* Increase the scale to make the button bigger */
            margin-right: 10px; /* Add some space between the radio button and its label */
        }
        input[type="checkbox"] {
            transform: scale(1.5); /* Increase the scale to make the button bigger */
            margin-right: 10px; /* Add some space between the radio button and its label */
        }
                .price-box {
            border: 1px solid #dee2e6;
            padding: 20px;
            text-align: center;
            background-color: #fff;
            margin-bottom: 20px;
            border-radius: 10px;
            height: 180px;
        }
        .price-box .price {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 10px;
        } 
         .price-box .btn {
            margin-top: 10px;
        }
        a:hover { 
          text-decoration: none; 
        } 
        .carousel {
	position: relative;
}

 
.carousel-caption {
	left: 20%;
	right: 20%;
	padding-bottom: 30px;
}

.carousel-control.left, 
.carousel-control.right {
	background-image: none; 
}

.carousel-caption {
	position: relative;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	padding-top: 0;
	padding-bottom: 0;
	color: #000;
	text-align: center;
	text-shadow: none; 
}
.error-message {
  color: red; /* Error message color */
  font-size: 16px; /* Text size */ 
  margin-top: 0px; /* Add some space above the error message */
  display: block; /* Make sure the message is on a new line */
}