@charset 'UTF-8';

html, body {
	height: 100%;
	width: 100%;
	color: #444;
}

body {
	font-family: Raleway, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Poppins, sans-serif;
	font-weight: 600;
}

/* cerfopp main logo color text */
.cerfopp-text-logo-main  {
	color: rgb(125,122,184) !important
}

/* cerfopp main logo color background */
.cerfopp-logo-main, .cerfopp-hover-logo-main:hover  {
	color: #fff !important;
	background-color: rgb(125,122,184) !important
}

/* cerfopp secondary logo color text */
.cerfopp-text-logo-secondary {
	color: rgb(116,199,179) !important
}

/* cerfopp secondary logo color background */
.cerfopp-logo-secondary {
	color: #fff !important;
	background-color: rgb(116,199,179) !important
}

#hp_header {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	min-height: 400px;
	background-image: url('../img/hp/hp_header_bg.jpg');
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

 #hp_header div {
	padding: 50px;
}

/* @media screen and (min-width: 600px) {
	#hp_header div {
		padding: 20px;
	}
}
*/

#page_header {
	margin-top: 70.5px;
}

/* #page_header h1 {
	font-size: 48px;
}

@media screen and (min-width: 600px) {
     #page_header h1 {
         font-size: 64px;
    }
} */

.parallax-bg {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 400px;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	box-sizing: border-box;
	padding-top: 32px;
	padding-bottom: 32px;
}

.parallax-bg-1 {
	background-image: url('../img/hp/bg01.jpg');
}

.parallax-bg-2 {
	background-image: url('../img/hp/bg02.jpg');
}

.parallax-bg-3 {
	background-image: url('../img/hp/bg03.jpg');
}

.important {
	font-weight: 800;
}

.myslider a:link {
	text-decoration: none;
}

footer {
	background-color: #f1f1f1;
	color: #777;
	font-size: 14px;
	line-height: 1.8;
}

.inline-image-left {
	max-width: 50%;
	float: left;
	margin-right: 10px;
}

.inline-image-right {
	max-width: 50%;
	float: right;
	margin-left: 10px;
}

.inline-image-left-66 {
	max-width: 66.66%;
	float: left;
	margin-right: 10px;
}

.inline-image-right-66 {
	max-width: 66.66%;
	float: right;
	margin-left: 10px;
}

@media (max-width: 600px) {
	.inline-image-left, .inline-image-right, .inline-image-left-66, .inline-image-right-66 {
		float: none;
		max-width: 100%;
		margin: 10px 0 10px 0;
	}
}