@charset "utf-8";
/*----------------------------------------
  Yoursite Style
----------------------------------------*/
/*.row-maxwidth-98pct.unset-maxwidth{
  max-width:unset;
}*/
.page.FFM
{
	font-size: 16px;
	line-height: 1.3;
	font-family: Arial, 'Microsoft JhengHei', 'Microsoft YaHei' , '微軟正黑體', "Meiryo" , "Malgun Gothinc" , sans-serif;
	font-weight: 400;
	color: #4D4D4D;
	overflow: hidden;
	width: 100%;
	position: relative;
}

.page.FFM .content
{
	width:100%;
}

.page.FFM .content .inner
{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	box-sizing: border-box;
}

.page.FFM .row
{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.page.FFM .row .col-1,
.page.FFM .row .col-2,
.page.FFM .row .col-3,
.page.FFM .row .col-4,
.page.FFM .row .col-5,
.page.FFM .row .col-6,
.page.FFM .row .col-7,
.page.FFM .row .col-8,
.page.FFM .row .col-9,
.page.FFM .row .col-10,
.page.FFM .row .col-11,
.page.FFM .row .col-12
{
	position: relative;
	width: 100%;
	min-height: 1px;
	box-sizing: border-box;
}

.page.FFM .row .col-1
{
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.page.FFM .row .col-2
{
	-ms-flex: 0 0 16.666666%;
	flex: 0 0 16.666666%;
	max-width: 16.666666%;
}

.page.FFM .row .col-3
{
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.page.FFM .row .col-4
{
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.page.FFM .row .col-5
{
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.page.FFM .row .col-6
{
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.page.FFM .row .col-7
{
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.page.FFM .row .col-8
{
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.page.FFM .row .col-9
{
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.page.FFM .row .col-10
{
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.page.FFM .row .col-11
{
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.page.FFM .row .col-12
{
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.page.FFM .forMobile
{
	display:none;
}

.page.FFM .hidden
{
	display:none !important;
}
.page.FFM .dontBreak{
    white-space: nowrap;
}
@media screen and (max-width: 1199px){
	.page.FFM .content .inner{
		padding-left:2%;
		padding-right:2%;
	}
}
@media screen and (max-width: 1024px){
	/*.page.FFM{
		margin-top:84px!important;
	}*/
}
@media screen and (max-width: 767px)
{
	.page.FFM .forDesktop
	{
		display:none;
	}

	.page.FFM .forMobile
	{
		display:block;
	}
}
@media screen and (max-width: 580px){
	/*.page.FFM{
		margin-top:69px!important;
	}*/
}
/* =================================================== */
/* =================================================== */
/* =================================================== */
/* KV Banner & Slider */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.FFM .sliderBanner
{
	position:relative;
}

.page.FFM .sliderBanner .owl-nav
{
	position:absolute;
	bottom:10px;
	width:100%
}

.page.FFM .sliderBanner .owl-nav button
{
	font-size: 50px;
	color: #FFF;
	margin: 15px 30px;
	cursor: pointer;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position:relative;
}

.page.FFM .sliderBanner .owl-nav button:hover
{
	background-color:transparent;
}

.page.FFM .sliderBanner .owl-nav button span
{
	padding: 0 20px;
	opacity:0;
}

.page.FFM .sliderBanner .owl-nav .owl-prev:before
{
	content: "\f104";
	position: absolute;
	left: 20px;
}

.page.FFM .sliderBanner .owl-nav .owl-next:before
{
	content: "\f105";
	position: absolute;
	left: 16px;
}

.page.FFM .sliderBanner .owl-dots
{
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}

.page.FFM .sliderBanner .owl-dots button
{
	outline:none;
}

.page.FFM .sliderBanner .owl-dots .owl-dot.active span
{
	background-color:#ff9a00;
}

.page.FFM .sliderBanner .owl-item
{
	overflow:hidden;
}

.page.FFM .sliderBanner .owl-carousel
{
	background-color:#274259;
}

.page.FFM .sliderBanner,
.page.FFM .sliderBanner .item,
.page.FFM .sliderBanner .item .bg,
.page.FFM .sliderBanner .item .text
{
	height:450px;
}

.page.FFM .sliderBanner .item
{
	background-color:#274259;
}

.page.FFM .sliderBanner .item .bg
{
	width:100%;
}
.page.FFM .sliderBanner .item.s1 .bg{
	background-color: #274259;
}

.page.FFM .sliderBanner .item .bg img
{
	position:absolute;
	z-index:100;
	top:0;
	left:50%;
	transform: translate(-50%,0);
	width:auto;
	height:450px;
	max-width: unset;
}

/* ---------------------------------------- */
/* KV Banner */
/* ---------------------------------------- */

.page.FFM .sliderBanner
{
	margin-bottom:55px;
}

.page.FFM .content .sliderBanner
{
	overflow:hidden;
	margin:0;
	background-color:#274259;
}

.page.FFM .sliderBanner .item .text
{
	position:absolute;
	left:calc( (100vw - 1200px)/2 + 10px );
	top:0;
	z-index:101;
	bottom:unset;
	display:flex;
	align-items:center;
	width:700px;
}

.page.FFM .content .sliderBanner .item .text
{
	width:550px;
}

.page.FFM .sliderBanner .item h1.banner_title
{
	font-size:44px !important;
	line-height:1.3 !important;
	font-weight:bold !important;
	color:#fff !important;
	margin:0 0 10px 0 !important;
	padding:0 !important;
	border:0 !important;
}

.page.FFM .content .sliderBanner .item h2.banner_title
{
	font-size:26px !important;
	line-height:36px !important;
	font-weight:normal !important;
	color:#fff !important;
	margin:0 0 25px 0 !important;
	border:0 !important;
}

.page.FFM .sliderBanner .item h3.banner_subTTL
{
	font-size:18px !important;
	line-height:21px !important;
	color:#fff !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	font-weight: normal!important;
}

.page.FFM .content .sliderBanner .item h3.banner_subTTL
{
	font-size:18px !important;
	line-height:18px !important;
	font-weight:normal !important;
	color:#ff9a00 !important;
	margin:0 0 0 0 !important;
	border:0 !important;
}

.page.FFM .content .sliderBanner .item p.banner_text
{
	font-size:14px !important;
	line-height:24px !important;
	font-weight:normal !important;
	color:#727272 !important;
	margin:10px 0 25px 0 !important;
}

.page.FFM .sliderBanner .item .banner_btn a
{
	display:inline-block;
	font-size:14px;
	line-height:20px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	padding:12px 23px;
	border-radius:5px;
	border:1px solid #ff9a00;
	background-color:#ff9a00;
}

.page.FFM .sliderBanner .item .banner_btn a:hover
{
	background-color:#ff7800;
}

.page.FFM .sliderBanner .item .banner_btn a:nth-child(2)
{
	color:#ff9a00;
	border:1px solid #ff9a00;
	background-color:transparent;
}

.page.FFM .sliderBanner .item .banner_btn a:nth-child(2):hover
{
	color:#FFF;
	background-color:#ff7800;
}

@media screen and (max-width: 1199px)
{
	.page.FFM .sliderBanner .item .text
	{
		left:20px;
	}
	.page.FFM .sliderBanner .item .bg img
	{
		left:50%;
		transform: translate(-50%,0);
	}
}

@media screen and (max-width: 991px)
{
	.page.FFM .sliderBanner .item .text
	{
		width:550px;
		text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.8);
	}
	.page.FFM .sliderBanner .item .bg img
	{
		left:50%;
		transform: translate(-50%,0);
	}
}

@media screen and (max-width: 767px)
{
	.page.FFM .content .sliderBanner .item .text
	{
		width:450px;
	}
	.page.FFM .sliderBanner .item .text
	{
		width:70%;
	}
	.page.FFM .content .sliderBanner .item  h2.banner_title
	{
		font-size:26px !important;
		line-height:1.3 !important;
		margin:0 0 10px 0 !important;
	}
	.page.FFM .sliderBanner .item .bg
	{
		/*opacity:0.3;*/
	}
	.page.FFM .sliderBanner .item .bg img
	{
		left:50%;
		transform: translate(-50%,0);
	}
	.page.FFM .content .sliderBanner .item .banner_btn a
	{
		line-height:16px;
		padding:12px 23px;
	}
	.page.FFM .sliderBanner .item .banner_btn a:nth-child(2)
	{
		background-color:#FFF;
	}
	.page.FFM .content .sliderBanner .item .banner_btn a:nth-child(1)
	{
		margin-bottom:10px;
	}
}

@media screen and (max-width: 580px)
{
    .page.FFM .sliderBanner .item h1.banner_title{
        font-size:36px!important;
    }
	.page.FFM .sliderBanner .item .text
	{
		width:90% !important;
	}
}
@media screen and (min-width:1921px){
	.page.FFM .inner {
		padding: 4vw 0;
	}
	.page.FFM .sliderBanner, .page.FFM .sliderBanner .item, .page.FFM .sliderBanner .item .bg{
		height: 550px;
	}
	.page.FFM .sliderBanner .item .text{
		height: 100%;
	}
	.page.FFM .sliderBanner .item .bg img {
		position: relative;
		z-index: 100;
		top: auto;
		left: auto;
		transform: none;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

/*****************/
/**** Common ****/
/***************/
.page.FFM img{
	max-width: 100%;
}
.page.FFM .ContentWrap h2{
	font-size: 36px!important;
	margin: 0 auto 20px!important;
}
.page.FFM .ContentWrap h3{
	font-size: 24px!important;
	font-weight: normal!important;
	margin-bottom: 15px;
}
.page.FFM .ContentWrap h4{
	font-size: 18px!important;
	font-weight: normal!important;
}
.page.FFM .ContentWrap h5, .page.FFM .ContentWrap p{
	font-size: 16px!important;
}
.page.FFM .ContentWrap p{
	margin: 0 0 10px 0;
	line-height: 24px!important;
}
.page.FFM .ContentWrap > div:first-of-type > .inner{
	padding-top: 70px;
}
.page.FFM .ContentWrap > div:last-of-type > .inner{
	padding-bottom: 70px;
}
.page.FFM .inner{
	padding: 50px 0;
}
.page.FFM .sectionContent {
    margin-top: 50px;
}
.page.FFM .sectionTitle{
	text-align: center;
}
.page.FFM .ContentWrap .textOnly{
	max-width: 820px;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
}
.page.FFM .moreBtn {
    background: #fff;
    color: #64B450;
    text-align: center;
    line-height: 2.5;
    border-radius: 25px;
    padding: 10px 33px;
    margin-bottom: 15px;
    text-decoration: none;
    border: 1px solid #64B450;
    transition: 0.5s ease;
}
.page.FFM .moreBtn:hover, .page.FFM .moreBtn.reverse{
    background: #64B450;
    color: #fff;
}
.page.FFM .moreBtn.reverse:hover{
	background: #fff;
    color: #64B450;
}
.page.FFM .moreBtn.reverse.blue{
    background: #008CD6;
    color: #fff;
    border-color: #008CD6;
}
.page.FFM .moreBtn.reverse.blue:hover{
	background: #fff;
    color: #008CD6;
}

.page.FFM .moreBtn.inactiveBtn{
	background: #777;
	border-color: #777;
	pointer-events: none;
}
.page.FFM .owl-dots{
	text-align: center;
	margin-top: 15px;
}
.page.FFM .owl-carousel .owl-dot {
    width: 13px!important;
    height: 13px!important;
    border-radius: 50%;
    padding: 0!important;
    border: 0;
	background: #fff;
	margin: 0 8px;
}
.page.FFM .owl-carousel .owl-dot.active {
    background: #64b450;
	display: inline-block;
}

@media screen and (max-width:991px){
	.page.FFM .ContentWrap .inner{
		padding-left: 15px;
		padding-right: 15px;
	}
	.page.FFM .ContentWrap h2{
		font-size: 26px!important;
	}
	.page.FFM .ContentWrap h3{
		font-size: 22px!important;
	}
}
@media screen and (max-width:580px){
	.page.FFM .ContentWrap h5, .page.FFM .ContentWrap p{
		font-size: 14px!important;
	}
}

/***********************/
/**** Introduction ****/
/*********************/

.page.FFM #Introduction h2.sectionTitle {
    padding: 0 5%;
    color: #008CD6;
	margin-bottom: 50px;
}
.page.FFM #Introduction p.textOnly{
    text-align: center;
}
.page.FFM #Introduction .upperInfo {
    background: #f7f7f7;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
.page.FFM #Introduction .upperInfo h3 {
    color: #008CD6;
	font-weight: bold!important;
}
.page.FFM #Introduction .upperInfo .col-6 {
    padding: 15px 25px;
}
.page.FFM #Introduction .upperInfo>.col-6:last-of-type {
    position: relative;
}
.page.FFM #Introduction .upperInfo p{
	margin-bottom: 15px;
}
.page.FFM #Introduction #playBtn {
    font-size: 80px;
    color: #64B450;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    cursor: pointer;
}
.page.FFM #Introduction .lowerSpec {
    margin-top: 30px;
}
.page.FFM #Introduction .lowerSpec h3 {
    text-align: center;
	color: #212529;
}
.page.FFM #Introduction .lowerSpec .row{
	display: flex;
}
.page.FFM #Introduction .lowerSpec .col-4 {
	padding: 15px;
}
.page.FFM #Introduction .lowerSpec .specWrapper {
    padding: 15px;
    height: 100%;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 5px;
	transition: 0.5s ease;
	display: block;
    box-sizing: border-box;
}
.page.FFM #Introduction .lowerSpec .specWrapper:hover {
    border-color: #C2DFBA;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
}
.page.FFM #Introduction .lowerSpec .specWrapper img{
	max-width:190px;
	margin-bottom:25px;
}
.page.FFM #Introduction .lowerSpec .specWrapper h4{
	color: #008CD6;
	font-weight: normal!important;
	margin-bottom:10px;
}
@media screen and (max-width:991px){
	.page.FFM #Introduction .upperInfo .col-6{
		padding: 25px;
	}
}
@media screen and (max-width:580px){
	.page.FFM #Introduction h2.sectionTitle{
		padding: 0;
	}
	.page.FFM #Introduction .textOnly{
		text-align: center;
	}
	.page.FFM #Introduction .upperInfo {
		margin: 0 -15px;
		padding: 15px;
	}
	.page.FFM #Introduction .lowerSpec {
		margin-top: 50px;
	}
	.page.FFM #Introduction .upperInfo .col-6{
		padding: 15px;
	}
	.page.FFM #Introduction .upperInfo .col-6, .page.FFM #Introduction .lowerSpec .col-4{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.page.FFM #Introduction .lowerSpec .col-4{
		padding: 0;
	}

}


/***********************/
/**** Fixed Youtube ****/
/*********************/
.page.FFM #Youtube {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
}
.page.FFM #Youtube .innerWrap{
	display: flex;
    align-items: center;
    justify-content: center;
	height: 100%;
}
.page.FFM #Youtube .closebg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.page.FFM #Youtube .innerContent {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
	z-index: 2;
}
.page.FFM #Youtube .innerContent .closebtn{
	color: #fff!important;
	font-size: 18px;
	display: inline-flex;
	align-items: center;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
}
.page.FFM #Youtube .innerContent i{
	font-size: 24px;
	margin-right: 10px;
}
.videoWrap{
	width:80vw;
	max-width: 800px;
	min-width: 338px;
	position: relative;
	overflow: hidden;
}
.videoWrap:after{
	content: '';
	padding-top: 56.25%;
	display: block;
}
.page.FFM #Youtube iframe {
	position: absolute;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
    height: 100%;
}
/***********************/
/****** Scenarios *****/
/*********************/

.page.FFM #Scenarios{
	background-color: #F7F7F7;
}
.page.FFM #Scenarios h3 {
    color: #008CE6;
}
.page.FFM #Scenarios .sectionContent>.row{
	display: flex;
	flex-flow: row;
	align-items: center;
	margin: 50px 0;
}
.page.FFM #Scenarios .sectionContent>.row:nth-of-type(2){
	flex-flow: row-reverse;
}
.page.FFM #Scenarios .sectionContent>.row>.col-6{
	padding: 15px 20px;
}
.page.FFM #Scenarios .sectionContent>.row>.col-6:last-of-type{
	text-align: center;
}
.page.FFM #Scenarios .sectionContent>.row>.col-6 .greenWrapper{
	border-left: 3px solid #64B450;
	padding: 15px 20px;
}
.page.FFM #Scenarios .sectionContent>.row>.col-6 p{
	margin-bottom: 0;
}
.page.FFM #Scenarios .sectionContent img{
	width: 100%;
	max-width: 500px;
}

@media screen and (max-width:580px){
	.page.FFM #Scenarios .sectionContent>.row {
		display: flex;
		flex-flow: column-reverse!important;
	}
	.page.FFM #Scenarios .sectionContent>.row>.col-6 {
		padding: 15px 10px;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/***********************/
/****** Stories *******/
/*********************/

.page.FFM #Stories{
	position: relative;
	background: #ededed;
}
.page.FFM #Stories .changeBG {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.page.FFM #Stories .changeBG img {
    width: auto;
    height: 100%;
    max-width: unset;
	position: absolute;
	top: 0;
	opacity: 0;
	transition: 0.5s ease;
}
.page.FFM #Stories .changeBG img.active {
	opacity: 1;
}
.page.FFM #Stories .wrapper {
    position: relative;
}
.page.FFM #Stories .sectionTitle {
    color: #FFF;
}
.page.FFM #Stories .sectionContent {
    display: flex;
    justify-content: flex-end;
	margin-bottom: 50px;
}
ul.storiesList {
    list-style: none;
    background: rgba(0,66,128,0.95);
    color: #fff;
}
.page.FFM #Stories ul.storiesList li {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    display: flex;
    align-items: center;
	padding: 15px;
}
.page.FFM #Stories ul.storiesList li:last-of-type{
	border-bottom: none; 
}
.page.FFM #Stories ul.storiesList li a{
	opacity: 0;
	transform: translateX(-5px);
	transition: 0.5s ease;
	color: #FFF;
	padding:  0 20px;
	pointer-events: none;
}
.page.FFM #Stories ul.storiesList li i {
    font-size: 30px;
}
.page.FFM #Stories ul.storiesList li>i {
	padding:  0 15px 0 0;
}
.page.FFM #Stories ul.storiesList li p {
    margin: 0;
}
.page.FFM #Stories ul.storiesList li.active{
	background: #64B450;	
}
.page.FFM #Stories ul.storiesList li.active a{
	opacity: 1;
	transform: none;
	pointer-events: initial;
}
.page.FFM #Stories ul.storiesList li.active a:hover{
	transform: translateX(5px);
}
@media screen and (max-width:991px){
	.page.FFM #Stories .sectionContent .col-6{
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0 15px;
	}
}
@media screen and (max-width:580px){
	.page.FFM #Stories .sectionContent .col-6{
		padding: 0 5px;
	}
	.page.FFM #Stories ul.storiesList li {
		padding: 10px;
	}
	.page.FFM #Stories ul.storiesList li i {
		font-size: 22px;
	}
	.page.FFM #Stories ul.storiesList li>i {
		padding: 0 10px 0 0;
	}
	.page.FFM #Stories ul.storiesList li a{
		padding: 0 10px;
	}
}
@media screen and (min-width:1921px){
	.page.FFM #Stories .changeBG img{
		width: 100%;
    	object-fit: cover;
	}
}
/***********************/
/***** Solutions ******/
/*********************/

.page.FFM #Solutions{
	position: relative;
}
.page.FFM #Solutions .mainTitle {
    border-bottom: 5px solid #64B450;
    display: flex;
    align-items: flex-end;
}
.page.FFM #Solutions .mainTitle *{
	margin: 0 10px 10px 0;
}
.page.FFM #Solutions .mainTitle h3{
	color: #64B450;
}
.page.FFM #Solutions .solutionList{
	margin: 20px -5px 50px;
}
.page.FFM #Solutions .solutionList .col-3 {
    padding: 5px;
}
.page.FFM #Solutions .solutionList .solutionWrap {
    border: 1px solid #ddd;
    padding: 30px 0;
    text-align: center;
	transition: 0.5s ease;
	height: 100%;
    box-sizing: border-box;
}
.page.FFM #Solutions .solutionList .solutionWrap:hover{
	border-color: #C2DFBA;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
}
.page.FFM #Solutions .solutionList .solutionWrap img{
	margin: 10px 0;
	max-height: 140px;
}
.page.FFM #Solutions .solutions.blue .mainTitle{
	border-color: #008CD6;
}
.page.FFM #Solutions .solutions.blue .mainTitle h3{
	color: #008CD6;
}
.page.FFM #Solutions .solutions.blue .mainTitle{
	border-color: #008CD6;
}
.page.FFM #Solutions .solutions.blue .mainTitle h3{
	color: #008CD6;
}
@media screen and (max-width:991px){
	.page.FFM #Solutions .solutionList .col-3 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (max-width:580px){
	.page.FFM #Solutions .mainTitle {
		align-items: flex-start;
		flex-flow: column;
	}
	.page.FFM #Solutions .solutionList .col-3 {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 10px 10%;
	}
	.page.FFM #Solutions .mainTitle h3 {
		margin: 0;
	}
	.page.FFM #Solutions .mainTitle p {
		margin: 0 0 5px;
	}
	.page.FFM #Solutions .solutionList .solutionWrap img {
		margin: 5px 0;
	}
}

/***********************/
/***** Resources ******/
/*********************/

.page.FFM #Resources{
	position: relative;
	background: url(../images/resources/resources-bg.jpg);
	background-size: cover;
}
.page.FFM #Resources .sectionTitle{
	color: #FFF;
}
.page.FFM #Resources .col-4 {
    padding: 15px;
}
.page.FFM #Resources .resourceWrap {
    background: #fff;
    border-radius: 5px;
    padding: 30px 0;
    text-align: center;
}
.page.FFM #Resources .resourceWrap .imageWrap {
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.page.FFM #Resources .resourceWrap img {
    margin: 0 auto;
    width: auto;
	object-fit: contain;
}
.page.FFM #Resources .resourceWrap h4{
	margin: 20px 0 25px;
}
.page.FFM #Resources .owl-stage {
    display: flex;
}
.page.FFM #Resources .owl-item {
    flex: 1 1;
}
.page.FFM #Resources .owl-item>div, .page.FFM #Resources .owl-item .resourceWrap {
    height: 100%;
	box-sizing: border-box;
}
@media screen and (max-width:991px){
	.page.FFM #Resources .col-4 {
		padding: 10px;
	}
}
@media screen and (max-width:580px){
	.page.FFM #Resources .sectionContent {
		margin: 0 -90px;
	}
}

/***********************/
/***** Contact ******/
/*********************/
.page.FFM #Contact{
	border-bottom: 1px solid #e6e6e6;
}
.page.FFM #Contact .row {
    padding: 0 15%;
}
.page.FFM #Contact .row a {
    text-align: center;
	display: block;
	text-decoration: none!important;
	color: #4D4D4D;
}
.page.FFM #Contact .row p{
	margin: 0;
}
.page.FFM #Contact .row a img{
    max-width: 65px;
	margin-bottom:10px;
}

@media screen and (max-width:991px){
	.page.FFM #Contact .row {
		padding: 0 5%;
	}
}
@media screen and (max-width:580px){
	.page.FFM #Contact .row {
		padding: 0;
	}
	.page.FFM #Contact .col-3 {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 15px 0;
	}
}