/*mpi css*/

.history_text{
    padding: 15px 30px 40px;
    max-width: 1630px;
    margin: 0px auto;   
}

.waw_word{
    background: url(../images/mpi/earth.png) right 0 no-repeat;
    background-size: 100%;
    height: 324px;
    position: relative;
}

.word_note{
	font-size: 12px;
	color: #808285;
	position: absolute;
	right: 5%;
	bottom: 20px;
}

.history_text p{
     font-size: 16px;
    font-family: "Neue Helvetica Light";
    color: #333;
}

.lang a{
	display: inline-block;
	width: 32.2%;
	background: #e9cdd1;
	color: #6f7072;
	padding: 5px 0;
	font-size: 13px;
	text-align: center;
}

.lang a.active{
	color: #8e1230;
}

.wow_word-box{
	padding-left: 68px;
	background: url(../images/mpi/520_employees_nationwide.png);
	background-repeat: no-repeat !important;
	background-position: left top !important;
	min-height: 60px;
	
}

.waw_word-left{
	margin-left: 50px;
	font-family: "Neue Helvetica Bold";
	display: inline-block;
	vertical-align: top;
}

.waw_word-left-title, .sub_title{
	font-size: 20px;
	font-family: "Neue Helvetica Bold";
}

.whoWeAre .right_box {
    background: #f5f5f5;
}

.wow_word-box p{
	padding-bottom: 0px;
	font-family: "Neue Helvetica Bold";
	color: #c21b17;
	font-size: 20px;
}

.wow_word-box span{
	color: #6f7072;
	font-size: 18px;
	font-family: "Neue Helvetica Light";
	font-weight: bold;
}

.wow_word-box{
	margin-bottom: 30px;
}

.waw_word-left:nth-child(even) p{color: #8e1230;}



p{
	font-family: "Neue Helvetica Light";
}

.rowcontainer{
	padding: 40px 30px 40px;
    max-width: 1630px;
    margin: 0px auto;
}

.line_one{
	width: 230px;
}

.line_box{
	position: relative;
	padding-top: 20px;
	float: left;
	border-right: 1px solid #ccc;
	min-height: 185px;
}

.border_line{
	width: 100%;
	height: 10px;
	background: #c21b17;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.border_radius{
	width: 16px;
  	height: 16px;
  	border: solid 4px #c21b17;
  	background: #fff;
  	border-radius: 50%;
  	position: absolute;
  	right: -9px;
  	top: -3px;
  	z-index: 99;
}

.line_one img, .line_one div{
	display: inline-block;
	vertical-align: middle;
}

.line_one img{
	margin-right: 10px;
}

.line_one .line_info{
	width: 145px;
/*	padding-left: 10px;*/
}

.line_info h3{
	font-family: "Neue Helvetica Bold";
	font-size: 18px;
	color: #c21b17;
	margin-bottom: 5px;
}

.line_info{
	font-family: "Neue Helvetica Light";
	font-size: 14px;
	color: #333333;
}

.line_two{
	width: 128px;
	padding-left: 10px;
	padding-right: 10px;
}

.line_two .border_line{
	background: #8e1230;
}

.line_two .border_radius{
	border: solid 4px #8e1230;
}

.line_three{
	width: 197px;
	padding-left: 10px;
	padding-right: 10px;
}

.line_three .border_line{
	background: #e9573d;
}

.line_three .border_radius{
	border: solid 4px #e9573d;
}

.line_four{
	width: 159px;
	padding-left: 10px;
	padding-right: 10px;
}

.line_four .border_line{
	background: #f09273;
}

.line_four .border_radius{
	border: solid 4px #f09273;
}

.line_five{
	width: 169px;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 0px;
}

.line_five .border_line{
	background: #c21b17;
}

.line_five .border_radius{
	border: solid 4px #c21b17;
}

.timeline_box-two .line_box{
	min-height: 223px;
}

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
    margin-top: 20px;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.our_three-one-info{
	background: #fff;
	padding: 22px 20px;
	min-height: 75px;
	font-size: 16px;
	font-family: "Neue Helvetica Light";
	margin-top: 15px;
	width: 99%;
}


.our_three-one{
	width: 32.4%;
	display: inline-block;
	vertical-align: top;
	margin-left: 1%;
}

.our_three-one:first-child{
	margin-left: 0px;
}

.bv-subtitle{
	position: relative;
	border-left: 10px solid #e9573d;
	padding-left: 10px;
	font-size: 20px;
	font-family: "Neue Helvetica Bold";
	color: #e9573d;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bv-subtitle span{
	width: 10px;
  	height: 10px;
  	background-color: #c21b17; 
  	position: absolute;
  	left: -10px;
  	top: 0px;
}

.bv-subtitle b{
	color: #b0b2b3;
}

.our_three-full{
	margin-left: 0px;
	margin-top: 7px;
	width: 100%;
}

.our_three-full .our_three-one-info{
	width: 49%;
	margin-left: 1%;
	display: inline-block;
	vertical-align: top;
/*	min-height: 280px;*/
}

.our_three-full .our_three-one-info:first-child{
	margin-left: 0px;
}

.our_three-full h4{
	font-family: "Neue Helvetica Bold";
	font-size: 16px;
	padding: 10px 0;
}

.lifetime h5{
	font-family: "Neue Helvetica Bold";
	font-size: 20px;
	color: #e9573d;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.lifetime{
	font-family: "Neue Helvetica Light";
	font-size: 16px;
	color: #333
}

.lifetime img{
	width: 100%;
	max-width: 822px;
	margin: 0 auto;
	display: block;
}
.outbox1{
	width: 60%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 40px;
	background-color: red;
}
.mb_box{
	width: 99.5%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 40px;
}
.mb_box.lv1{
	width: 70%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: -18px;
	background-color: #F5F5F5;
}
.mb_box.lv2{
	width: 60%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 40px;
	background-color: #F5F5F5;
}
.mb_box{
	text-align: center;
	/* background-color: red; */
}

.mb_box{
	text-align: center;
	/* background-color: red; */
}

.mb_box > img{
	display: block;
	margin: 0 auto;
}

.mb_box i, .mb_info-right i{
	font-family: "Neue Helvetica Light";
	font-size: 14px;
	display: block;
	height: 35px;
}

.mb_box p, .mb_info-right h5{
	padding: 10px 0 5px;
	font-size: 18px;
	font-family: "Neue Helvetica Bold";
	color: #333;
}

.mb_info-right h5{
	padding: 0px 0 5px;
}

.mb_box button{
	color: #e9573d;
	font-size: 14px;
	background: transparent;
	padding: 0px;
	margin-top: 20px;
}
.box_right_box>span{
	text-align: right;
}
.box_container{
	      margin-top: 30px;
            display: grid;
            grid-template-columns: 25% 66%;
            column-gap: 1px;
            row-gap: 40px;
            padding-left: 20px;
}
.box_right_box>p{
	color:#eb5635;  text-align: center; font-size: 18px;font-weight: bold; margin: 17px 19px 1.2px 17px;  padding-bottom: 11px;
	height: 46px;
}
.box_left_box{
	background-color: rgba(197, 30, 18, 0.13);
	width: 95%; 

}
.box_left_box>p{
	color:#c21b17;  text-align: center; color:  #c21b17; font-size: 18px;font-weight: bold; margin: 17px 19px 1.2px 17px;  padding-bottom: 11px;height: 46px;

}
.box_right_box{
	background-color: #F3D4CD;  padding: 0,0,0,0;
	width: 60%;
}
.box_right_box>span{
	text-align: right;
}
@media only screen and (max-width: 1400px) {
	.box_right_box{
		width: 80%;
	  }

	}
@media only screen and (max-width: 1260px) {
	.box_right_box{
		width: 80%;
	  }

	}
@media only screen and (max-width: 1180px) {
	.box_right_box{
		width: 97%;
	  }
	  .box_left_box{
	
		width: 95%; 
	
	}
	.box_container{
		  grid-template-columns: 35% 66%;

		  padding-left: 4px;
	}
	.rowcontainer {
		padding: 40px 0px 40px;

	}
}	
	
  
@media only screen and (max-width: 600px) {
  .box_container {
    grid-template-columns: 1fr;
    /* grid-template-rows: 0.4fr 0.4fr 2.2fr 1.2fr 1.2fr 1.2fr 1fr; */
    /* grid-template-areas:
      "nav"
      "sidebar"
      "main"
      "content1"
      "content2"
      "content3"
      "footer"; */
  }
	  .box_right_box{
	background-color: #F3D4CD;  
	}
	.mb_box.right{
width: 100%;
	}

	.box_left_box {
		width: 97%;
		padding-left: 16px;
	}
	.mb_box.lv1 {
		width: 100%;

	}
	.mb_box {
		width: 49%;
	}
  }

.modal-dialog{
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%) !important;
	transform: translate(0, -50%) !important;
	max-width: 747px;
	width: 100%;
	border-left: 10px solid #e9573d;
	margin: 0 auto;
	background: #fff;
}

.modal-header{
	position: absolute;
	right: 0px;
	top: -54px;
	border-bottom: 0px;
	color: #fff;
}

.modal-header .close{
	color: #fff;
	opacity: 1;
	padding: 0px;
	font-size: 40px;
}

.rowcontainer .modal-content{
	background: transparent;
	border: 0px;
	border-radius: 0px;
}

.cube{
	position: absolute;
	left: -10px;
	top: 0px;
	width: 10px;
  	height: 20px;
  	background-color: #c21b17;
}

.mb_info-left{
	width: 30%;
}

.mb_info-left img{
	width: 100%;
}

.mb_info-left h5{

}

.mb_info-right{
	width: 68%;
	padding-left: 1%;
}

.mb_info-left, .mb_info-right{
	display: inline-block;
	vertical-align: top;
}

.mb_info-right p{
	line-height: 20px;
}

.mb_info-right i{
	margin-bottom: 20px;
	direction: block;
}

/*.whatWeDo .rowPannel-1{ padding:0px 0 0px 0; background:url(../images/mpi/gear.png) center 0px no-repeat; background-size:contain; min-height:650px;}
*/
.whatWeDo .rowPannel-1 p{
	padding: 15px 30px 0px;
    max-width: 1630px;
    margin: 0px auto;
    font-family: "Neue Helvetica Light";
    font-size: 16px;
}


.whatWeDo .rowPannel-1 img{
	display: block;
	margin: 0 auto;
	max-width: 786px;
	width: 100%;
}

.item.new_item{
    min-height: 90px;
}

.item.new_item {
    background: url(../images/bop_icon.png) 22px 32px no-repeat;
    background-size: 23px 23px;
}

.new_item.active {
    background: url(../images/bop_icon_W.png) 22px 25px no-repeat #e9573d;
    background-size: 23px 23px;
}

.pd_list-box{
	border-radius: 4px;
  	background-color: #ffffff;
  	position: relative;
  	width: 46%;
  	padding-left: 80px;
  	margin-left: 50px;
  	min-height: 110px;
  	display: table;
  	margin: 0 20px 25px 50px;

}

.pd-align{
	display: flex;
}

.pd_list-box > img{
	position: absolute;
	left: -50px;
	top: 0px;
}

.products{
	background: #fce2d7;
	padding: 40px 40px 20px;
}

.products h2{
	font-family: "Neue Helvetica Bold";
	font-size: 20px;
	color: #e9573d;
	text-transform: uppercase;
}


.pd_list-box > div{
	display: table-cell;
	vertical-align: middle;
}

.pd_list-box h3{
	font-size: 18px;
	color: #c21b17;
	font-family: "Neue Helvetica Bold";
	text-transform: uppercase;
}

.pd_list-box a{
	font-size: 14px;
	color: #e9573d;
	font-family: "Neue Helvetica Light";
	margin-top: 10px;
	display: block;
}

.pd_list-box a img{
	margin-left: 5px;
}

.pd_list-box:nth-child(even){
  	margin: 0 0px 25px 50px;
}

.whyJoin .join-chart{
	background: url(../images/mpi/why_join_us_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 475px;
	display: table;
	margin-top: 12px;
}

.join-chart_info{
	background: url(../images/mpi/why_join_us_chart.png) no-repeat;
	max-width: 568px;
	width: 100%;
	height: 394px;
	background-position: center;
/*	display: table-cell;
	vertical-align: middle;*/
	position: relative;
	margin: 40px auto 0;
}


.join-chart_box{
	width: 245px;
	height: 165px;
	background: #F19274;
	font-size: 20px;
	font-family: "Neue Helvetica Bold";
	color: #fff;
	text-align: center;
	position: absolute;
	left: 14px;
	top: 14px;
	border-top-left-radius: 8%;
	border-top-right-radius: 8%;
	border-bottom-left-radius: 8%;
	padding-top: 20px;
}


.join-chart_box img{
	display: block;
	margin: 0 auto 10px;
	height: 75px;
}

.two_info{
	left: inherit;
	right: 14px;
	top: 14px;
	border-bottom-left-radius: 0%;
	border-bottom-right-radius: 8%;
	background: #E9583D;
}

.three_info{
	left: 14px;
	top: inherit;
	bottom: 14px;
	background: #8E1230;
	border-top-right-radius: 0;
	border-top-left-radius: 8%;
	border-bottom-right-radius: 8%;
}

.four_info{
	left: inherit;
	top: inherit;
	right: 14px;
	bottom: 14px;
	background: #752127;
	border-bottom-right-radius: 8%;
	border-top-right-radius: 8%;
	border-top-left-radius: 0;
}

.join_list-item ul {
    width: 49%;
    font-size: 16px;
    color: #333;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.join_list-item ul li {
    background: url(../images/tick.png) no-repeat left 8px;
    padding: 10px 0 10px 30px;
    line-height: 100%;
    font-family: "Neue Helvetica Light";
}

.howweHelp .modal-content img{
	width: 100%;
}

.whyJoin .mrdt_section, .howweHelp .mrdt_section{
	padding: 40px 30px 40px;
    max-width: 1630px;
    margin: 0px auto;
}

.howweHelp .mrdt_section{
	padding: 10px 30px 40px;
	font-family: "Neue Helvetica Light";
}

.howweHelp .mrdt_section .join_list-item{
	margin-top: 25px;
}

.whyJoin .mrdt_width, .howweHelp .mrdt_width{
	max-width: 100%;
}

.join_list-item a {
    font-size: 14px;
    color: #e9573d;
    font-family: "Neue Helvetica Light";
    margin-top: 10px;
    display: block;
}


.howweHelp .mrdt_section .leftmrdt {
    width: 39%;
    float: left;
}

.howweHelp .mrdt_section .rightmrdt {
    padding-left: 3%;
    /* padding-top: 60px; */
    width: 60%;
    float: left;
}

.howweHelp .mrdt_section .rightmrdt h2 {
    font-size: 20px;
    color: #e9573d;
    padding-bottom: 13px;
    font-family: "Neue Helvetica Bold";
}

.howweHelp .mrdt_section .rightmrdt p {
    font-size: 16px;
    font-family: "Neue Helvetica Light";
    color: #333333;
    padding: 0;
}

.howweHelp .btn{
	color: #e9573d;
    font-size: 14px;
    background: transparent;
    padding: 0px;
    margin-top: 20px;
    display: block;
    margin: 20px auto;
}

.howweHelp .leftmrdt .rightVideo, .agent_video .rightVideo, .pageVideo{
	position: relative;
    height: 100%;
    overflow: hidden;
}

.howweHelp .mrdt_section .leftmrdt img, .pageVideo img{
    width: 100%;
}

.howweHelp .leftmrdt .rightVideo video, .agent_video .rightVideo video, .pageVideo video{
    width: 100%;
    height: 100%;
    background: #000;
}

.video_box > img{
	display: none;
}

.coverimageforplayer video{
	display: none;
}

.video_box video{
	display: block;
}

.service_item > p{
	font-family: "Neue Helvetica Light";
	font-size: 16px;
	color: #333;
}

.service_item-info{
	display: flex;
	margin-left: -1%;
}

.service_item-list{
	width: 49%;
	padding: 0 15px 15px;
	margin: 60px 1% 0;
	background: #fff;
	min-height: 208px;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #333;
	font-family: "Neue Helvetica Light";
}

.service_item-list > img{
	margin-top: -42px;
}

.service_item-list h2{
	font-family: "Neue Helvetica Bold";
	color: #333;
	font-size: 20px;
	padding-top: 10px;
}

.agent_TML h2{
	font-family: "Neue Helvetica Bold";
	color: #e9573d;
	font-size: 20px;
	text-transform: uppercase;
}

.agent_video{
	width: 31%;
	float: left;
	margin: 0 1%;
	
}

.agent_video h3{
	font-family: "Neue Helvetica Bold";
	color: #333;
	font-size: 16px;
	margin-top: 10px;
}

.agent_video img{
	width: 100%;
}

.club-item{
	width: 24%;
	float: left;
	font-size: 16px;
	font-family: "Neue Helvetica Bold";
	color: #8e1230;
	margin-top: 40px;
	text-align: center;
}

.club-item img{
	display: block;
	margin: 0 auto 10px;
	max-width: 84px;
	width: 100%;
}

.flexslider{
	margin: 0 0 5px 0px;
}


.lion_list{
	text-align: center;
}

.lion-box{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0 15px;
}

.lion-box img{
	display: block;
	margin: 0 auto;
}

.lion-box h3{
	color: #e9573d;
	font-size: 16px;
	font-family: "Neue Helvetica Bold";
	padding-bottom: 10px;
}


.lion-box p{
	font-size: 16px;
	color: #333;
	font-family: "Neue Helvetica Light";
}

.page-note{
	border-top: 1px solid #d9d9d9;
}

.page-note h4, .page-note p{
	font-size: 12px;
	color: #808285;
	padding: 0px;
}


.page-note > div{
	padding-top: 20px;
}

.page-note h4{
	font-family: "Neue Helvetica Bold";
}

.item.slamdown {
    max-height: 357px;
    background-color: #e9573d;
}
.item.slamdown ul{
	background-color: #e9573d;
}

.item.slamdown a, .item.slamdown a p{
	color: #fff;
}

.slamdown .arrow_up {
    background: url(../images/arrow-up_w.png) no-repeat center;
}

.slamdown .arrow_right {
    background: url(../images/arrow-right_w.png) no-repeat center;
}


.one.slamdown {
    background: url(../images/navIcon-1_w.png) 22px 24px no-repeat #e9573d;
    background-size: 24px 24px;
}

.new_item.slamdown {
    background: url(../images/bop_icon_W.png) 22px 32px no-repeat #e9573d;
    background-size: 23px 23px;
}

.seven.slamdown {
    background: url(../images/navIcon-7_w.png) 22px 25px no-repeat #e9573d;
    background-size: 23px 23px;
}

.bannerPannel {
    position: relative;
    margin-top: 15px;
    background: url(../images/calculator-banner.png);
    height: 238px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #9B826E;
    background-position: 80% center;
}

.im_table .height_area td{
	height: 100%;
}


.bannerPannel h1{
	position: absolute;
	top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0px;
    font-size: 20px;
    text-transform: uppercase;
    max-width: 520px;
    right: 10%;
    line-height: 24px;
    color: #e9573d;
}

.market-agents .bannerPannel {
    background: url(../images/mpi/business_banner.jpg);
    background-position: 60% center;
    background-size: cover;
    background-repeat: no-repeat;
}

.committee .bannerPannel {
    background: url(../images/mpi/executive_committee_banner_1920x338.jpg);
    background-position: 80% center;
    background-color: #E8F7FC;
    background-size: cover;
    background-repeat: no-repeat;
}

.market-agents .bannerPannel h1{
    right: 20%;
}

.five-item{
	text-align: center;
}

.five-item a{
	text-align: center;
	color: #fff;
	max-width: 140px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	-moz-filter:brightness(.5);
  	-webkit-filter:brightness(.5);
  	-o-filter:brightness(.5);
  	-ms-filter:brightness(.5);
  	filter:brightness(.5); 
}

.five-item img{
	display: block;
	margin: 0 auto;
}

.five-item .active img{
	display: block;
	margin: 0 auto; 
}

.five-item a.active{
	-moz-filter:brightness(100%);
  	-webkit-filter:brightness(100%);
  	-o-filter:brightness(100%);
  	-ms-filter:brightness(100%);
  	filter:brightness(100%);
}

.five-item p{
	width: 100%;
	height: 56px;
	color: #fff;
	font-size: 14px;
	font-family: "Neue Helvetica Light";
	padding-bottom: 0px;
	display: table;
}

.five-item p span{
	display: table-cell;
	vertical-align: middle;
}


.five-item_info{
	padding:0 30px 40px;
	background: #e9cdd1;
	border-top: 10px solid #8e1230;
}

.five-item_info .join_list-item{
	padding: 20px 0;
}


.five-item_info .join_list-item ul li {
    background: url(../images/mpi/tick_market_agents.png) no-repeat left 8px;
}

.five-item_info .join_list-item ul li p{
	padding-bottom: 0px;
}

.join_list-item_chart img{
	width: 100%;
	max-width: 627px;
}


.join_list-item_chart{
	background: #f0dee0;
	text-align: center;
	padding:30px 0;
}

.car-list{
	display: flex;
}

.car-list div{
	width: 48%;
	min-height: 140px;
	background: #e3d3d4;
	text-align: center;
	font-size: 16px;
	font-family: "Neue Helvetica Bold";
	color: #333;
	margin: 76px 1% 0;
}

.car-list div img{
	display: block;
	margin: -42px auto 32px;
}

.car-list div p{
	font-family: "Neue Helvetica Light";
	padding-bottom: 0px;
}

.car-list div p span{
	color: #752127
}

.item > ul >li a {
    padding: 10px 15px 10px 53px;
    width: 100%;
}
.logo img{
	max-width: 200px !important;
}
.slamdown.active > ul >li a p{
	color: #fff;
}

.active.slamdown > ul {
    background: #e9573d;
}

.slamdown.active li.active{
	background: #f09273;
}

.menu ul li .item a{
	position: relative;
}

.menu ul li .logo a{
	position: inherit;
	height: 100%;
}

.item .arrow_up{
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}

.item > a{
	position: relative;
}

.active .arrow_up {
    background: url(../images/arrow-down_w.png) no-repeat center;
}

.logo a{
	height: 100%;
}

/*.menu > div, .mobile-menu > div{
	padding-bottom: 50px;
}*/

.fade-in {
  animation: fadeIn ease 4s;
  -webkit-animation: fadeIn ease 4s;
  -moz-animation: fadeIn ease 4s;
  -o-animation: fadeIn ease 4s;
  -ms-animation: fadeIn ease 4s;
}

.item.drop {
    max-height: 71px;
    overflow: hidden;
    transition: max-height 0.15s ease-out;
}

#slider .flex-viewport ul li img{
/*	height: 500px;*/
	width: 100%;
	margin: 0 auto;
}

#slider .flex-viewport ul li{
	overflow: hidden;
}

#carousel .flex-viewport ul li img{
/*	height: 140px;*/
	width: 100%;
	margin: 0 auto;
}


@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.flexslider{
	border: 0px;
}

.flex-direction-nav .flex-next{
	right: 0px;
}

.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
	opacity: 1;
	width: 30px;
  	height: 60px;
  	line-height: 60px;
  	background-color: rgba(255, 255, 255, 0.8);
  	color: #c21b17;
  	text-align: center;
  	margin: -30px 0 0;
}

.flex-direction-nav a:before{
	font-size: 23px;
	color: #c21b17;
}

.flex-direction-nav .flex-prev {
    left: 0px;
}

#carousel .flex-viewport .slides li img{
	-moz-filter:brightness(.5);
  	-webkit-filter:brightness(.5);
  	-o-filter:brightness(.5);
  	-ms-filter:brightness(.5);
  	filter:brightness(.5); 
}

#carousel .flex-viewport .slides .flex-active-slide img{
	-moz-filter:brightness(100%);
  	-webkit-filter:brightness(100%);
  	-o-filter:brightness(100%);
  	-ms-filter:brightness(100%);
  	filter:brightness(100%);
}

.div-align{
	display: flex;
}

.timeline_box{
	width: 930px;
	display: flex;
	padding-top: 5px;
}

.timeline-scoll{
	overflow-x:auto;
	width: 100%;
}

.lifetime .mobile_view{
		display: none;
	}
/*.our_three-full .div-align > div{
	float: left;
}
*/

.calculator .col1{
	max-width: 480px;
	width: 100%;
}


@media screen and (min-width: 1200px){
	#slider .flex-viewport ul li img{
	height: 500px;
	width: auto;
	margin: 0 auto;
}

}

@media screen and (max-width: 1320px){
	.waw_word{
		background-size: cover;
	}

}

@media screen and (max-width: 1200px){
/*	.our_three-full .div-align{
		display: block;
	}*/
	.our_three-full .our_three-one-info{
		width: 49%;
	}

	.our_three-full .our_three-one-info:nth-child(3){
		margin-left: 0;
	}

	.five-item a{
		width: 19%;
	}

	.five-item a img{
		width: 100%;
	}

	.five-item a p{
		font-size: 12px;
		line-height: 100%;
	}

	.bannerPannel{
		background-position: 49% center;
	}

	.bannerPannel h1{
		max-width: 285px;
	}

	.committee .bannerPannel {
	    background-position: 40% center;
	    background-size: cover;
	    background-repeat: no-repeat;
	    height: 120px;
	}

	.bannerPannel h1{
		right: 5%;
		font-size: 16px;
    	max-width: 205px;
	}

}

@media screen and (max-width: 1020px){
	.our_three-one{
		width: 48%;
		margin-bottom: 15px;
	}
	.our_three-full{
		width: 100%;
	}
	.our_three .div-align{
		display: block;
	}
	.our_three-full .div-align{
		display: flex;
	}
	.our_three-one:nth-child(3){
		margin-left: 0px;
	}

	.waw_word-left{
		margin-left: 2%;
		width: 45%;
	}

	.waw_word{
		background-size: cover;
	}
}

@media screen and (max-width: 992px){
	.pd_list-box h3{
		font-size: 16px;
	}
	.pd_list-box{
		width: 90%;
	}

	.waw_word{
		height: 514px;
	}

	.im_table td, .im_table .height_area td{
		height: 66px;
		vertical-align: middle;
	}

	.pd-align{
		display: block;
	}

	.lifetime img{
		display: none;
	}

	.lifetime .mobile_view{
		display: block;
	}

	.bannerPannel h1 {
	    right: 5%;
	    font-size: 15px;
	    max-width: 151px;
	}

	.committee .bannerPannel {
    	background-position: 88% center;
	}

}

@media screen and (max-width: 780px){
	.mb_box > img{
		width: 100%;
		max-width: 142px;
		margin: 0 auto;
	}

	.bannerPannel h1 {
	    right: 5%;
	}

	.wow_word-box p{
		font-size: 16px !important;
	}
	.wow_word-box span{
		font-size: 14px;
	}

	.wow_word-box{
		background-size: 55px !important;
	}

	.market-agents .bannerPannel{
		height: 120px;
	}

	.market-agents .bannerPannel h1{
		right: 5%;
	}

	.market-agents .bannerPannel {
	    background: url(../images/mpi/business_banner.jpg);
	    background-position: 72% center;
	    background-size: cover;
	}
}

@media screen and (max-width: 580px){
	.our_three-one{
		width: 48%;
	}
	.car-list div{
		min-height: 165px;
	}
	.mb_info-left, .mb_info-right{
		display: block;
		width: 100%;
	}
	.mb_info-left{
		max-width: 142px;
	}
	.our_three-full .div-align{
		display: block;
	}
	.our_three-full{
		width: 100%;
	}
	.our_three-full .our_three-one-info{
		width: 100%;
	}
	.our_three-full .our_three-one-info{
		height: 100%;
		min-height: 100%;
	}
	.mb_box{
		width: 49%;
	}
	.join-chart_box{
		width: 40%;
		font-size: 12px;
	}

	.join_list-item ul{
		width: 100%;
	}
	.howweHelp .mrdt_section .leftmrdt{
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}

	.howweHelp .mrdt_section .rightmrdt{
		width: 100%;
		float: none;
		padding-left: 0px;
		margin-bottom: 10px;
	}

	.service_item-list{
		width: 100%;
	}

	.service_item-info{
		display: block;
	}
	.agent_video{
		width: 100%;
		margin-bottom: 15px;
	}

	.bannerPannel{
		background-position: 44% center;
	}

	.bannerPannel h1{
		max-width: 175px;
		font-size: 18px;
	}

	.five-item a{
		display: none;
		width: 100%;
		max-width: 141px;
	}

	.five-item a.active{
		display: inline-block;
	}

	.join_list-item_chart img{
		width: 100%;
	}

	.join_list-item_chart{
		padding: 30px 10px;
	}

	.car-list div img {
	    display: block;
	    margin: -42px auto 25px;
	}

	.committee .bannerPannel {
	    background-position: 74% center;
	    background-size: cover;
	    background-repeat: no-repeat;
	    height: 120px;
	}
}