html, body {
	background-color: rgb(255, 255, 255);
}

.navbar.navbar-custom {
	background-color: transparent;
	border: 0px;
}

.navbar, .jumbotron {
	margin-bottom: 0;
	background-color: transparent;
}

.navbar-default .navbar-nav>li>a {
	color: white;
}

.navbar-default .navbar-nav>li>a:hover {
	color: red;
}

.jumbotron a.btn-primary {
	background-color: transparent;
	border: 3px solid white;
}

.jumbotron a.btn-primary:hover {
	background-color: white;
	color: red;
	border-color: red;
}

.header-bg {
	background-image: url('../img/jumbotron_002.jpg');
	background-repeat: no-repeat;
	background-size: 50% 50%;
	background-position: left center;
	background-size: cover;
	/* background-attachment:fixed; */
	width: 100%;
	height: 100%;
	color: white;
	display: block;
}

.jumbotron h1 {
	text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
	-webkit-font-smoothing: antialiased;
}

@media (max-width: 767px) {
    .row.vertical-align {
        display: block; /* Turn off the flexible box layout */
    }
}
@media (min-width: 768px) {
	.vertical-align {
	    display: flex;
	    align-items: center;
	}
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
/** doesn't works correctly.**/
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.col-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.price-panel .panel-heading {
	max-height: 120px;
	height: 120px;
}

.price-panel .panel-body {
	max-height: 200px;
	height: 200px;
}

/* .price-panel {
	background-color:
} */
.price-panel .panel-footer {
	max-height: 30px;
	height: 30px;
}

.page-header {
	border-bottom: 1px solid #aaa;
}

.phone-trigger {
transition: transform 500ms ease-in-out
}
.phone-trigger:hover .animated-phone{
transform: rotate(20deg)
}

/**
* ------------review carousel
**/

#rCarousel {
  margin-left: 15%;
  margin-right: 15%;
}

#rCarousel .carousel-control.left {
  left: -10%;
}

#rCarousel .carousel-control.right {
  right: -10%;
}

#dCarousel {
  margin-left: 15%;
  margin-right: 15%;
}

#dCarousel .carousel-control.left {
  left: -10%;
}

#dCarousel .carousel-control.right {
  right: -10%;
}