/* @import "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css";
 @import "../node_modules/owl.carousel/dist/assets/owl.carousel.min.css";
 @import "../node_modules/owl.carousel/dist/assets/owl.theme.default.css";
 @import "../node_modules/materialize-css/dist/css/materialize.css"; */
 @import url(https://fonts.googleapis.com/css?family=Cormorant+Infant|Open+Sans|Lato|Tajawal|Montez:100,200,300,400,500);
/* You can add global styles to this file, and also import other style files */
 body {
	position: relative; 
	font-family: Tajawal, sans-serif;
	 /*color: #444;*/
	 font-size: 18px;
	 font-weight: 300;
	 /*margin-top: 70px;*/
	 background-color: #96858f;
	/* height: 200px;
	 overflow-y: scroll;*/
}
 .navbar-nav .nav-link {
	 color: white;
}

 /* .mat-drawer-content {
	 background-color: #96858f;
} */
 h4 {
	 font-family: "Cormorant Infant", serif;
	 color: #943634;
	 font-weight: 300;
	 text-align: center;
}
 /* .testimonial-ghost {
	 position: absolute;
	 z-index: -100;
	 width: 100%;
	 height: 1500px;
}
 .footer-ghost {
	 position: absolute;
	 top: -300px;
	 z-index: -100;
	 width: 100%;
	 height: 300px;
}
 .ghost-container {
	 position: relative;
} */
 * {
	 box-sizing: border-box;
}

.content-center {
	 max-width: 1080px;
	 margin: 0 auto;
}
 /* .mat-toolbar {
	 position: fixed;
	 top: 0;
	 right: 0;
	 left: 0;
	 z-index: 9;
	 height: 100px;
} */
 /* .mat-sidenav {
	 position: fixed;
	 top: 100px;
} */
 .contact {
	 font-weight: 300;
	 font-size: 22px;
	 vertical-align: middle;
	 text-align: right;
}
 mat-icon.md-18 {
	 font-size: 22px;
	 vertical-align: middle;
	 color: rgba(128, 128, 128, 1);
}

.footer mat-icon.md-18 {
	color: white;
}

 /* .nav-button {
	 text-align: left;
	 width: 160px;
	 min-width: initial;
	 display: inline-block;
	 color: #444;
	 font-weight: 400;
}
 .nav-button.active {
	 background-color: #943634;
	 color: white;
}
 .mat-drawer-container {
	 background-color: #fff;
	 color: #444;
	 top: 100px;
}
 .mat-toolbar {
	 background: #943634;
	 color: #fff;
	 font-family: Tajawal, sans-serif;
} */
 /* button:focus {
	 background-color: inherit;
} */
/*
 @import url(https://www.cqc.org.uk/sites/all/modules/custom/cqc_widget/cleanslate.css);
 @import url(https://www.cqc.org.uk/sites/all/modules/custom/cqc_widget/cqc-widget-styles.css);
 */
 .contact {
	 font-size: 22px;
	 padding: 10px;
}
 mat-icon.md-18 {
	 font-size: 22px;
	 vertical-align: middle;
}
 .footer-card {
	 background-color: #943634;
	 color: white;
	 margin-top: 50px;
}
/* h3 {
	 color: white;
	 margin-top: 0;
}*/
 .map-responsive {
	 overflow: hidden;
	 padding-bottom: 200px;
	 position: relative;
	 height: 0;
}
 .map-responsive iframe {
	 left: 0;
	 top: 0;
	 max-width: 100%;
	 position: absolute;
}
 
 /* @import '~@angular/material/theming'; */
 /* .text-columns {
	 -webkit-columns: 2 350px;
	 -moz-columns: 2 350px;
	 columns: 2 350px;
	 -webkit-column-gap: 4em;
	 -moz-column-gap: 4em;
	 column-gap: 4em;
	 margin: 25px;
} */
 /* .text-single-column {
	 margin: 25px;
} */
 .bh-icon {
	 color: #943634;
	 vertical-align: middle;
}
 /* .bh-section {
	 padding: 10px;
	 margin: 40px 5px 5px 5px;
	 background-color: white;
} */
 /* .mat-list-item {
	 color: #444;
	 font: Tajawal, sans-serif;
} */
 .bullets {
	 display: flex;
	 flex-wrap: wrap;
	 margin: 0 25px;
}
 .bullets .bullet {
	 flex: 1 0 200px;
	 margin-left: 1px;
	 margin-top: 1px;
}
 @media (min-width: 402px) {
	 .bullets .bullet {
		 max-width: calc(50% - 1px);
	}
}
 @media (min-width: 603px) {
	 .bullets .bullet {
		 max-width: calc(33.3333333333% - 1px);
	}
}
 @media (min-width: 600px) {
	 .bullets .bullet {
		 min-width: calc(33.3333333333% - 1px);
	}
}
 .bullets .bullet {
	 color: #171e42;
	 box-sizing: border-box;
}
 
 
 @import '~@angular/material/theming';
 .t-author {
	 font-family: Montez, tajawal, open-sans;
	 font-size: 1.3em;
	 color: #2a5fd3;
	 text-align: right;
}
 .t-text {
	 font-family: Montez, tajawal, open-sans;
	 font-size: 1.3em;
	 color: #2a5fd3;
}
 /* .t-date {
	 font-size: 0.9em;
	 text-align: right;
} */
 .t-frame {
	 padding: 20px;
	 margin: 7px 5px;
	 background-color: #fffaf1;
}
 /* .bh-section {
	 padding: 10px;
	 margin: 40px 5px 5px 5px;
	 background-color: white;
} */
 /* h2 {
	 font-size: 1.25em;
	 color: #943634;
	 margin: 0 25px;
} */
 /* .t-intro {
	 margin: 25px;
} */
/*------*/

/* .bh-scrollspy {
	position: relative;
} */

.three-image-container {
	display: flex;
	justify-content: center;
	align-items:  center;
	flex-direction: row;
}

.three-image {
	width: 30%;
	margin: 1%;
}

.testimonials {
	/*fxlayout="row wrap"
            fxlayout.lt-sm="column"
            style="flex-flow: row wrap; box-sizing: border-box; display: flex*/
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			flex-direction: row;
}


 
.page {
	padding: 30px;
	background-color: white;
	margin: 30px 0;
}

.tmw21 {
	max-width: 21%;
}

.tmw79 {
	max-width: 79%;
}

.tmw100 {
	max-width: 100%;
}

.tmw44 {
	max-width: 44%;
}

.tmw56 {
	max-width: 56%;
}

.tmw38 {
	max-width: 38%;
}

.tmw62 {
	max-width: 62%;
}

.tmw51 {
	max-width: 51%;
}

.tmw49 {
	max-width: 49%;
}

.footer {
	flex-direction: row; box-sizing: border-box; display: flex;
	text-align: left;
}

@media screen and (max-width: 768px) {
	.three-image-container {
		flex-direction: column;
	}
	
	.three-image {
		width: 100%;
		/*margin: 0;*/
	}

	.testimonials {
		flex-direction: column;
	}

	.tmw21, .tmw79, .tmw44, .tmw56, .tmw38, .tmw62, .tmw51, .tmw49 {
		max-width: 100%;
		/*border: 5px solid hotpink;*/
	}

	

}

@media screen and (max-width: 1310px) {
	.footer {
		flex-direction: column;
	}
}