/*--------------------------------------------------------------
  Template Name: Simply Construction HTML Template.
  Template URI: #
  Description: Simply Construction is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: DevItems
  Version: 1.0
---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons-ico,
[class*="material-icons-"]:before {
	font-family: 'Material-Design-Iconic-Font';
	font-weight: 400;
	font-style: normal;
	font-size: inherit;
}


.star_rating {
	width: 160px;
	text-align: left;
	color: gray;
	display: inline-block;
	white-space: nowrap;
	/* background-color:gray; */
	float: left;
	padding-left: 0px;
	/* padding-bottom:5px; */
}

.star_ratingspace {
	width: 300px;
	height: 130px;
	text-align: center;
	color: black;
	display: block;
	float: center;
	/* background-color:gray;  */
}


.material-icons-star_orange_half:before {
	content: "\f27b";
	color: orange;
	display: inline;
	float: left;
	font-size: 20px;
}

.material-icons-star_orange_half {
	color: orange;
	display: inline;
	float: left;
}

.material-icons-star_orange:before {
	content: "\f27d";
	color: orange;
	display: inline;
	float: left;
	font-size: 20px;
}

.material-icons-star_orange {
	color: gray;
	display: inline;
	float: left;
}

.material-icons-star_gray_border:before {
	content: "\f27c";
	color: gray;
	display: inline;
	float: left;
	font-size: 20px;
}

.material-icons-star_gray_border {
	color: gray;
	display: inline;
	float: left;
}

.material-icons-star_orange_border:before {
	content: "\f27c";
	color: orange;
	display: inline;
	float: left;
	font-size: 20px;
}

.material-icons-star_orange_border {
	content: "\f27c";
	color: orange;
	display: inline;
	float: left;
}

.material-icons-star_gray:before {
	content: "\f27d";
	color: gray;
	display: inline;
	float: left;
	font-size: 20px;
}

.font-small-ital {
	color: gray;
	font-size: 12px;
	font-style: italic;
}
.font-small-bold {
	color: gray;
	font-size: 12px;
	font-style: oblique;
}

.font-small {
	color: gray;
	font-size: 12px;
}

.font-small-xs {
	color: gray;
	font-size: 10px;
}
.underline {
	border-bottom: 2px dotted #ffa500;
	width: 90%;

}

.fixed-width-100 {
	width:100px;
}

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

/* Cookie Panel */


.bottomInfoPanel {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #ccc;
	color: #fff;
	z-index: 500;
}

.scroll {
	min-height: 1500px;
}


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