/**=========================
	START BODY
=========================**/
::-webkit-scrollbar{
    background-color: #ccc;
    width: 10px;
}
::-webkit-scrollbar-thumb{
    background-color: #009da5;
}
::selection{
	color: #fff;
	background-color:#009da5;
}
*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 14px;
}
body{
	margin:0px;
	padding:0px;
	color: #333333;
	font-size:14px;
	font-family:"Microsoft YaHei",Helvetica,Arial,FreeSans,Arimo,"Segoe UI","Lucida Grande",Helvetica,Arial,FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;
}
/**=========================
	END BODY
=========================**/

/**=========================
	START COMMON
=========================**/
a,
a:hover{
	color: #333333;
	text-decoration: none;
	outline: none;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
}


h1, h2, h3, h4, h5, h6{
	color: #333333;
}

li{ 
	color: #333333;
	list-style: none;
}
span,b,strong{	font-size: 100%;}

.clear { clear:both; }


/* loader */
.loader{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background-color: #009da5;
	text-align: center;
}
.rolling{
	position: absolute;
	text-align: center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; 
	margin: auto;
	color:#FFFFFF; font-size:20px; font-weight:bold; line-height:20px;
}
.rolling div,
.rolling div:after{
	position: absolute;
	width: 130px;
	height: 130px;
	border: 10px solid #fff;
	border-top-color: transparent;
	border-radius: 50%;
}
.rolling div{
	-webkit-animation: rolling 1.5s linear infinite;
	animation: rolling 1.5s linear infinite;
	top: 20px;
	left: 100px;
}
.rolling div:after{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.rolling{
	width: 200px !important;
	height: 200px !important;
	-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
	transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

/* loader rolling */
@keyframes rolling {
0% {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
100% {
  -webkit-transform: translate(-50%, -50%) rotate(360deg);
  transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes rolling {
0% {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
100% {
  -webkit-transform: translate(-50%, -50%) rotate(360deg);
  transform: translate(-50%, -50%) rotate(360deg);
  }
}


.logo_nav { float:left; background:url(../../images/en_logo.svg) no-repeat;}
.logo_nav a { padding:50% 50%;}



/**=========================
	START HEADER
=========================**/

.header-fixed{
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999;

}

#header { position: fixed;top: 0;width: 100%; z-index: 999;}
#header .navbar{}

.menu_fix {
	animation: smooth 1s;
	top: 0;
	width: 100%;
	z-index: 9999;
	box-shadow: 0 0 30px 0 #FFF;
}

@keyframes smooth {
	from {		top: -50px;
	}
	to {
		top: 0px;
	}
}


.container {
    width: 100%;
    padding:0 20px;
    margin: auto;
	position: relative;
	z-index:20;
	 
}

#header .navbar-brand{
	font-size: 30px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}
#header .navbar-brand span{
	color: #009da5;
}
#header .nav-item{
	position: relative; font-weight: normal; 
}


#header .nav-item.active a:before,
#header .nav-item a:hover:before{
	content: "-";
	position: absolute;
	left: 0px;

	font-weight: bold;
}

 
#header .dropdown.active .dropdown-item:hover:before,
#header .dropdown.active .dropdown-item.active:before,
#header .nav-item .dropdown-item:hover:before{
	content: "-";
	color: #fff;
}


	
#header .nav-link{
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}
#header .dropdown-menu{
	padding: 0px;
	border-radius: 0;
	background-color: #fff;
	font-size: 14px;
	min-width: 12rem;	
}
#header .dropdown-menu:before{
	content: "\f0de";
	font-family: 'FontAwesome';
	position: absolute;
	top: -17px;
	left: 10px;
	font-size: 26px;
}
#header .dropdown.active .dropdown-item:before{
	content: "";
}
#header .dropdown-menu .dropdown-item{
	padding: 6px 20px;
	color: #333333;
	border-bottom:1px solid #F0F0F0;
}
#header .dropdown-menu .no-boder-bottom { padding: 6px 20px; color: #333333; border-bottom: none;}

#header .dropdown-menu .dropdown-item:hover,
#header .dropdown.active .dropdown-menu .dropdown-item:hover{
	background-color: #009da5;
	color: #FFF;
	padding-left:30px;
}


#header .dropdown.active .dropdown-menu a{
	color: #333333;
}
#header .dropdown.active .dropdown-menu .dropdown-item.active{
	background-color: #;
	color: #fff;
}



.version_nav {	position: absolute; z-index:999999; text-align:center;}
.version_nav a { width:28px; height:28px; display:inline-block; line-height:28px; border-radius:50%; font-size:14px; font-weight:600; background-color: #FFF; border:1px solid #009da5; color:#009da5; }
.version_nav a:hover{  background-color: #009da5; color:#FFF;}


#header .navbar-toggler{ position:relative;
	border-radius: 0;
	background-color: #FFF;
	outline: 0;
	border: 0;
	padding: 0px;
	cursor:pointer;

}

#header .navbar-toggler-icon{
	position: relative;
    display: block;
    height: 6px;
    width: 20px;
}
#header .navbar-toggler-icon:before{
	content: "";
    position: absolute;
    height: 3px;
    background-color: #009da5;
    opacity: 1;
    left: 0px;
    right: 0px;
    top: 3px;
}
/**=========================
	END HEADER
=========================**/



/* animate */
.animate {
	animation-duration: 0.4s;
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
}

/* nav menu */
@keyframes slideIn {
  0% {
    transform: translateY(2rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(2rem);
    opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}


/**=========================
	START SLIDER
=========================**/

.carousel-item{}

.carousel-item:before{
	content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
	z-index:-10;
    width: 100%;
    height: 100%;
	background-color: rgba(0, 0, 0, 0.0);
}
.carousel-item a{  padding:100% 100%; display:block;}


.carousel-indicators .active{
	background-color: #009da5;
}
.carousel-indicators:hover{
	cursor: pointer;
}
#carouselExampleIndicators .carousel-item{

	background-position: top;
}
#carouselExampleIndicators .carousel-caption{
	width: 60%;
	text-align: left;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: 0px auto;
}
#carouselExampleIndicators .carousel-caption .btn{
	margin-right: 15px;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
	padding: 20px;
}
/**=========================
	END SLIDER
=========================**/



/* list_cp4 begin */
.tuijian_col { margin:80px auto 0 auto; float:left; width:100%;}

.container_list4 { margin:0px auto;}
.good_list_nav { float:left;  padding:0 10px; margin:0;}
.view_tj_nav { float:left; padding:15px 10px; text-align:center;}
.tj_img_list { float:left;overflow:hidden; width:100%;}
.tj_img_list img { width:100%; margin:auto; transition: all 0.6s; float:left; 
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter: gray; }

.tj-title-content{ text-align:center; width:100%; float:left; }
.tj-title-content h3 {  margin:20px 0 5px 0; font-size: 1.25rem; color:#333;  font-weight:normal;display:block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; transition: all 0.6s;}
.tj-title-content P {  font-size: 1rem; color:#999;}

.view_tj_nav:hover img { transform: scale(1.1);}
.view_tj_nav:hover h3 {color:#009da5;}
/* list_cp4 end */




/* ========================== 
   about Enamn area css start 
=========================== */

 
 *,::after,::before{box-sizing:border-box} 
.enman_container{width:100%;padding-right:15px; padding-left:15px; margin-right:auto;margin-left:auto}

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

.col-lg-6 {position:relative;width:100%;min-height:1px;  }

.about_part {
	padding: 80px 0 60px 0;
	text-align: center;
	position: relative;
}

.col-lg-12 { margin: 0 auto;}

.section_title { text-align: center; padding:0 20px; float:left; width:100%; color: #333;}

.section_title h1 {  padding:0px; margin-bottom:10px;}
.section_title ul { height:5px; background-color:#009da5;border-radius:5px; width:60px; margin:10px auto 20px auto;}
.section_title p {	 padding:0px; margin:0px;}

.about_part .slick-list {
	padding-bottom: 0px;
}

.slider_about:after {
	position: absolute;
	content: "";
	top: -20px;
	left: 0;
	background: url(../../images/about-top.gif);
	width: 370px;
	height: 3px;
	z-index: 1;
}

.slider_about:before {
	position: absolute;
	content: "";
	bottom: -10px;
	right: 0;
	background: url(../../images/about-bottom.gif);
	width: 370px;
	height: 3px;
	z-index: 1;
}

.slider_about img {
	width: 100%;
	padding-bottom: 5px;
}

.about_part .slick-dots {
	top: 84%;
	left: 52%;
	transform: translate(-52%);
}

.about_part .slick-dots li {
	display: inline-block;
	margin: 0px;
}

.slick-dots li button:before {
	font-size: 0px;
}

.about_part .slick-dots li button {
	background-color: transparent;
	border: 1px solid #999999;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	font-size: 0px;
}

.about_part .slick-dots li.slick-active button {
	border-color: #009da5;
	background-color: #009da5;
}

.about_slider img {
	-webkit-clip-path: polygon(23% 0, 100% 0, 77% 100%, 0 100%);
	clip-path: polygon(23% 0, 100% 0, 77% 100%, 0 100%);

}

.about_text { text-align: left; }
.about_text p {	font-size: 14px; color: #333; line-height:22px; margin-bottom: 15px;
    text-align:justify;
	text-align-last:distribute;
	text-justify:inter-ideograph;
	text-justify:distribute-all-lines;
	text-justify:distribute;
	}
.about_text a:hover { color: #009da5; text-decoration:underline;}

.about_text .button { float:left;}
.about_text .button a {
	font-family: 'Arimo';
	font-weight: 400;
	font-size: 14px;
	padding: 12px 16px;
	background: #333;
	text-decoration: none;
	color: white;
	border-radius: 5px;
	margin-right: 20px;
	margin-top: 25px;
	display: inline-block;
	transition: all linear .4s;
	-webkit-transition: all linear .4s; 
	-moz-transition: all linear .4s;
	-o-transition: all linear .4s;
	-ms-transition: all linear .4s;
}

.about_text .button a:hover {
	background: #009da5;
}


/* Enman group img Slider begin */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-slide{ float: left; height: 100%; min-height: 1px;}
/* Enman group img Slider end */



/* ========================== 
   about Enman area css end 
=========================== */





/* Found begin */

.found-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}


.col-lg-3 {
    position: relative;
    width: 100%;
    min-height: 1px;
}
.p_50 {	line-height:22px;}
.p_50 strong { color:#009da5; width:100%; text-align:center; float:left; margin-bottom:10px; font-size:16px;}
.p_50 span {  text-align:center;}

.mb-4{  margin-bottom: 1.5rem!important}



.counter-bg{
	position: relative;
	color: #fff;
	background-image: url(../../images/found-img03.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center; 
	z-index: 1;
}
.counter-bg:after{
    content: '';
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    z-index: -1;
}
.counter-bg h1,
.counter-bg p{
	margin: 0;
	color: #fff;
}
.counter-bg .mb-4{
	position: relative;
}
.counter-bg .mb-4:after{ 
	content: "";
	position: absolute;
	right:0px;
	bottom: 0;
	top: 0;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
}
.counter-bg .mb-4:last-child:after{
	width: 0;
}
.count-timer i{
    position: relative;
    bottom: 10px;
}
.count-timer div{
	font-size: 2.5rem; color:#009da5; font-weight:bold;
}
/* Found end */

/* haibao begin */
.haibao_nav { width:100%;background-position: top;	}
.haibao_nav a { padding:100% 100%; display:block;}
/* haibao end */


/* product-intro begin */
.nav_product {  padding:110px 0;}
.product_list_all {  margin: auto;  }
.col-cp { margin: 0 auto;}

.imageflow_nav { margin:0 auto; }
.imageflow{ overflow:hidden; visibility:hidden; position:relative;}
.imageflow img{ border:1.5px solid #ddd; border-radius:8px; -moz-border-radius:10px; /* Old Firefox */position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic;}

/* product-intro end */


/* 产品分类 begin */
.product_fenlei { margin:auto; width:100%; text-align:center; margin-top:50px;}
.product_fenlei ol { background-color:#555; color:#FFF; display:inline-block;} 

.product_fenlei ol:hover { background-color:#009da5; color:#FFF; font-weight: bold; cursor: pointer;
    transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	}


.product_fenlei .ppt_a {  background-color:#009da5; font-weight:bold; top:-20px; position:relative; }

#ptp { width:100%; }

#ptp,.imageflow_nav { height:400px; overflow: hidden; }

/* 产品分类 end */


<!-- nav_news begin -->
.newsall_nav { width:100%;}

.news_title { text-align: center;float:left; height:60px; overflow:hidden; }
.news_title h2 { color: #333;}
.news_title ul { height:5px; background-color:#009da5; border-radius:5px; width:60px; margin:10px auto 20px auto; float:left;}

.moreinfo { float:right; padding-top:10px;}
.moreinfo a { text-align:right; font-size:16px; color:#333;border-radius:0px;}
.moreinfo a:hover { background-color:#; color:#009da5;}

.top_mar { float:left; width:100%; margin-top:30px;}

.gs_news_nav { width:100%; float:left; margin:20px auto 0px auto; }

.mainnews_nav {  margin:20px  auto;  float:left;}
.con_updata{ width:100%;}
.newimg_nav { float:left; overflow:hidden; width:100%;}
.newimg_nav img {  width:100%; text-align:center; transition: all 0.6s;  margin:auto; float:left; }
.company_news_info { float:left;width:100%;}
.company_news_info H2 { padding:0; color:#009da5;  transition: all 0.6s; }
.company_news_info H2 { color: #333; background:url(../../images/lit_news_icon_over.svg)  no-repeat; background-position:-10px center; background-size:7px;}

.mainnews_nav:hover img { transform: scale(1.2);}
.mainnews_nav:hover H2 { color: #009da5; padding-left:20px; background:url(../../images/lit_news_icon_over.svg) no-repeat; background-position:0px center; background-size:7px;}

.company_news_info span { color: #777; font-size:14px; margin:10px 0; float:left; padding-left:18px; width:100%;background:url(../../images/news_time_icon.svg) no-repeat 5px 0; background-size:12px; background-position: left center;}
.company_news_info p { color:#333; font-size: 16px; line-height:24px; float:left; width:100%;
    text-align:justify;
	text-align-last:distribute;
	text-justify:inter-ideograph;
	text-justify:distribute-all-lines;
	text-justify:distribute;
	}


.nav_hy_news { width:100%; margin:27px auto; clear:both; float:left;}
.nav_hy_news ul{ list-style:none;}
.nav_hy_news li { width:100%; float:left; padding:9px 0; border-bottom:1px solid #999; }
.nav_hy_news li:hover { color:#009da5;}
.nav_hy_news li a { color:#333; padding-left:20px; font-size:18px; display:block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; background:url(../../images/lit_news_icon.svg) no-repeat; background-position:left center; background-size:7px;}
.nav_hy_news li a:hover{ color:#009da5; padding-left:35px; background:url(../../images/lit_news_icon_over.svg) no-repeat; background-size:7px; background-position: 15px center;}


.newbg_flow{
	position: relative;
	background-position: top;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: 1;
}
.newbg_flow:after{
    content: '';
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: 0.7;
    z-index: -1;
}
<!-- nav_news end -->


/* brand_flow begin */

.hezuo_title { margin:30px auto;}
.hezuo_title h1 { text-align:center; font-size: 30px; color: #333;}
.hezuo_title ul { height:5px; background-color:#009da5;border-radius:5px; width:60px; margin:-10px auto 0px auto;}


.nav_brand_flow { width:100%;}

.auto-container{ position:static;   margin:0 auto;}
.testimonial-section{ position:relative; }


.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
	
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
	
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }

	
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
	
.brand_stage {background:url(../../images/brand_stage.svg) no-repeat center; background-size:98%;}


/* brand_flow end */





/* footer_contact begin */

.footer_contact {  background-color:#404040;}
.width_contact {margin:auto; }

.contact_title { width:100%; margin-bottom:20px; float:left;}
.contact_title P{ font-size:18px; font-weight:bold; color:#009da5; padding:0 40px 0 0; background-color:#404040; float:left; z-index:2; position:relative;}
.contact_title span { width:100%; height:1px; border-bottom:1px solid #009da5; float:left; margin-top:-12px; z-index:1; position:relative;}

.contact_info { width:100%; color:#FFF;}
.contact_info span { float:left;  font-size:14px; margin:6px 0; padding:2px 0 2px 50px; width:100%;}

.contact_info span.tel_icon_img { background:url(../../images/tel_icon.svg) no-repeat; background-size:22px;  background-position:left center;}
.contact_info span.mail_icon_img { background:url(../../images/mail_icon.svg) no-repeat; background-size:22px;  background-position:left center;}
.contact_info span.location_icon_img { background:url(../../images/location_icon.svg) no-repeat; background-size:22px; background-position:left center;}


.menu_title { float:left; width:50%;}
.menu_title p {font-size:18px; font-weight:bold; color:#009da5; margin-bottom:26px;}
.menu_title span { width:100%; padding:2px 0; color:#FFF; float:left;}
.menu_title span a { color:#FFF;background:url(../../images/lit_news_icon_over.svg) no-repeat; background-position:-10px center; background-size:5px;}
.menu_title span a:hover { color:#009da5; padding-left:15px; background:url(../../images/lit_news_icon_over.svg) no-repeat; background-position:left center; background-size:5px;}


.sanjiao_block { float:left; margin-left:-60px;  margin-top:-30px;
    width: 0;
    height: 0;
    border-bottom: 30px solid #009da5;
    border-top: 30px solid transparent;
    border-left: 30px solid transparent;}
	
.QR_tmall_jd { width:100%;  float:left;}
.QR_wh {  width:50%; float:left;}
.QR_wh img {  width:75%; }

.tmall_jd { width:50%; float:right;}
.tmall_jd img {  width:100%;}

.QQ_wechat_nav { width:60%; text-align:center; padding:0; z-index:2; position:relative; }
.QQ_wechat_nav span { display:inline-block; cursor:pointer;}
.QQ_wechat_nav span.qq_over a {  display:block;   background:url(../../images/QQ_icon.svg) no-repeat; background-position:left center; background-size:100%;} 
.QQ_wechat_nav span.qq_over a:hover { background:url(../../images/QQ_over_icon.svg) no-repeat; background-position:left center; background-size:100%;}
.QQ_wechat_nav span.wechat_over a {  display:block;  background:url(../../images/wechat_icon.svg) no-repeat; background-position:left center; background-size:100%;} 
.QQ_wechat_nav span.wechat_over a:hover { background:url(../../images/wechat_over_icon.svg) no-repeat; background-position:left center; background-size:100%;}

.middle_line { width:100%; height:1px; border-bottom:1px solid #009da5; float:left;  z-index:1; position:relative;}



.wechat_con,.QQ_con { position: absolute; display:none; z-index:20; border: 10px solid rgba(0, 0, 0, 0.1); }
.wechat_con img,.QQ_con img { width:150px; height:150px; float:left;}

/* footer_contact end */





/* footer_company begin */
.footer_company { background-color:#009da5;}
.company_info_nav { margin:auto; padding:20px 30px; color:#FFF; text-align:center; }
.company_info_nav  P {font-size:14px; margin:3px 0; line-height:18px;}
.company_info_nav  P a { color:#FFF; text-decoration:none;}
.company_info_nav  P a:hover { color:#FFF; text-decoration:underline;}
/* footer_company end */



/* back to top begin */
.back_to_top{ display:none;}
.back_to_top i {
	position: fixed; 
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: white;
	font-size: 20px;
	background: rgba(0, 0, 0, .5);
	right: 20px;
	bottom: 20px;
	z-index: 999;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}
.back_to_top i:hover {
	background: #009da5;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
}

.fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.fa-angle-up:before{content:"\f106"}
.far{font-weight:400; }
@font-face{font-family:"Font Awesome 5 Free";src:url(http://themesitem.com/demos/html/gyan/portflo/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.ttf) format("truetype")}
.fa{font-family:"Font Awesome 5 Free"}
/* back to top end */