
/*page-title*/
.page-container,
.page-title{
	position:relative;
	z-index: 1;
}
.page-title > .container{
	overflow:hidden;
	white-space:nowrap;
}
.page-title > .container:after{
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:100%;
}
.page-title .center{
	display:inline-block;
	clear:both;
	white-space:normal;
	width:100%;
	vertical-align:middle;
}
.page-title .center .center-v{
    width: 100%;
}
.page-title-container .main-title{
	vertical-align:middle;
}
.page-title-container .page-info{
	vertical-align:middle;
}
.page-title-row-left .center-v,
.page-title-row-right .center-v{
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
	display: -moz-box; /* Firefox 17- */  
	display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
	display: -moz-flex; /* Firefox 18+ */  
	display: -ms-flexbox; /* IE 10 */  
	display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */  
    justify-content: space-between;
    align-items: center;
}
.page-title-row-left .center-v>div,
.page-title-row-right .center-v>div{
	flex: 1;
}
.page-title-row-left .center-v{
	flex-direction: row;
}
.page-title-row-left .main-title{
	text-align: left;
}
.page-title-row-left .page-info{
	text-align: right;
}
.page-title-row-right .center-v{
	flex-direction: row-reverse;
}
.page-title-row-right .main-title{
	text-align: right;
}
.page-title-row-right .page-info{
	text-align: left;
}

.page-title-column-left .center .center-v,
.page-title-column-center .center .center-v,
.page-title-column-right .center .center-v{
	display: block;
}
.page-title-column-left .main-title,
.page-title-column-left .page-info{
	display: block;
	text-align: left;
	margin-left: 0 !important;
}
.page-title-column-center .main-title,
.page-title-column-center .page-info{
	display: block;
	text-align: center;
}
.page-title-column-right .main-title,
.page-title-column-right .page-info{
	display: block;
	text-align: right;
	margin-right: 0 !important;
}
.page-title-column-left .page-info,
.page-title-column-center .page-info,
.page-title-column-right .page-info{
	padding-top: 13px;
}
@media only screen and (max-width: 767px) {
	.page-title .center .center-v{
		display: block;
	}
	.page-title-row-left .title-area,
	.page-title-row-left .title-area .main-title,
	.page-title-row-left .page-info,
	.page-title-row-right .title-area,
	.page-title-row-right .title-area .main-title,
	.page-title-row-right .page-info{
		display: block;
		text-align: center;
	}
	.page-title-row-left .page-info,
	.page-title-row-right .page-info{
		padding-top: 13px;
	}
}

.page-title-arrow {
    position: absolute;
    left: 50%;
    bottom: 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    z-index: 99;
	transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0); 	/* IE 9 */
	-moz-transform: translate3d(-50%, 0, 0); 	/* Firefox */
	-webkit-transform: translate3d(-50%, 0, 0); /* Safari 和 Chrome */
	-o-transform: translate3d(-50%, 0, 0); 	/* Opera */
}
@media only screen and (max-width: 767px) {
	.page-title-arrow.mobile_hide{
		display: none;
	}
}
@keyframes arrow-movement {
    0% { 
        opacity: 0;
        top: 0;
    }
    70% {
        opacity: 1;
    }
    100% { 
        opacity: 0;
    }
}
.page-title-arrow .arrow {
	opacity: 0;
    position: absolute;
    left: 12%;
    top: 15px;
    transform-origin: 50% 50%;
	transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0); 	/* IE 9 */
	-moz-transform: translate3d(-50%, -50%, 0); 	/* Firefox */
	-webkit-transform: translate3d(-50%, -50%, 0); /* Safari 和 Chrome */
	-o-transform: translate3d(-50%, -50%, 0); 	/* Opera */
}

.page-title-arrow .arrow-first {
    animation: arrow-movement 1.5s ease-in-out infinite;
}
.page-title-arrow .arrow-second {
    animation: arrow-movement 1.5s 0.75s ease-in-out infinite;
}

.page-title-arrow .arrow:before,
.page-title-arrow .arrow:after {
    background: #666;
    content:"";
    display: block;
    height: 3px; 
    position: absolute;
	top: 0;
	left: 0;
    width: 20px;
}

.page-title-arrow .arrow:before {
    transform: rotate(45deg) translateX(-15%);
    transform-origin: top left;
}

.page-title-arrow .arrow:after {
    transform: rotate(-45deg) translateX(15%);
    transform-origin: top right;
}
.page-title.light .page-title-arrow .arrow:before,
.page-title.light .page-title-arrow .arrow:after {
    background: #fff;
}
.page-title-bg{
	position: relative;
}
.page-title-bg.light-overlay::after{
  content:"";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.50);
}
.page-title-bg.dark-overlay::after{
  content:"";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.50);
}


.page-title-bg{
}	

.page-title-container{
height:358px;
}
@media only screen and (max-width: 767px) {
	.page-title-container{
		height: auto;padding-top:50px;padding-bottom:50px;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.page-title-container{
		height:286.4px;
		}
}

.page-title.dark .main-title{
	color: #1e1e1e;
}
.page-title.dark .page-info,
.page-title.dark .page-info .Normal,
.page-title.dark .page-info a:link, 
.page-title.dark .page-info a:active, 
.page-title.dark .page-info a:visited{
	color: #333333;
}

.page-title.light .main-title{
	color: #ffffff;
}
.page-title.light .page-info,
.page-title.light .page-info .Normal,
.page-title.light .page-info a:link, 
.page-title.light .page-info a:active, 
.page-title.light .page-info a:visited{
	color: #ffffff;
}

.page-title .main-title{
  
    margin:0;
}
 
.page-title.medium .main-title{
  font-size:32px;
}
.page-title.large .main-title{
  font-size:36px;
}
.page-title.small .main-title{
  font-size:28px;
}

@media only screen and (max-width: 767px){
  .page-title .main-title{
    font-size:28px !important;
  }
}

.page-title p{
	margin: 0;
}
