/*** 

====================================================================
				Top Nav Section
====================================================================

***/
/* body{font-family:PingFangSC-Regular,PingFang SC !important;} */
.main-width{width: 1180px;margin: 0 auto;}
.nav_model{width: 100%;height: 280px;margin-top: 96px;background: url(../images/technology/bannerbg.png) no-repeat;background-size: 100% 100%;}
.nav_content{height: 280px;position: relative;}
.left_title{position: absolute;top: 93px;color: #fff;}
.chinese_title{font-size:36px;font-family:PingFangSCRegular;}
.english_title{font-size:16px;font-family:ArialMT;margin-left: 20px;}
.right_nav{position: absolute;right: 0;top: 110px;font-size: 16px;font-weight: 400px;color: #fff;}
.right_nav span{margin-left: 5px;}
.nav_list{height: 60px;position: absolute;bottom: 0;}
.on {
    width: 230px;
    height: 60px;
    text-align: center;
    background:rgba(0,53,120,0.5);
	float: left;
	border-top: 4px solid
    rgba(0,53,120,0);
    margin-left: 5px;
}
.on_a{width: 100%;height: 100%; line-height: 50px; font-size:16px;font-weight:600;color: #fff;text-align: center; display:inline-block;margin-top: 5px;}
.on:nth-of-type(1){margin-left: 0px;}
.act{border-top-color: #F68228 !important;background:rgba(0,53,120,1) !important;}
.act a{font-size: 18px !important;}
.on:hover{border-top-color: #F68228 !important;background:rgba(0,53,120,1) !important;font-size: 18px !important;cursor: pointer;}
.on:hover a{color:#fff !important; font-size: 18px !important;}
.c_title {
    font-size: 30px;
    line-height: 50px;
    color: 
    #222222;
}
/*** 

====================================================================
				News Section
====================================================================

***/

.news-section{
	position: relative;
	padding: 50px 0 50px;
}
.news-section .sec-title.left {
    margin-bottom: 58px;
}
.news-section .sec-title.left h2{
	padding-bottom: 18px;
}
.news-section:before{
	/*content: "";*/
	/*position: absolute;*/
	/*left: 0;*/
	/*top: 0;*/
	/*width: 165px;*/
	/*height: 825px;*/
	/*background-image: url(../images/background/news-bg.jpg);*/
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
	
}

.news-section:after{
	/*content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	height: 100%;
	background-color: #f5f5f5;
	z-index: -1;*/
}

.news-block{
	position: relative;
	margin-bottom: 30px;
	z-index: 1;
	margin-right: 20px;
	visibility: visible; 
	animation-name: fadeIn;
}

.news-block .inner-box{
	position: relative;
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.news-block .image-box{
	position: relative;
}

.news-block .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.news-block .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.news-block .image-box .overlay-box .link-btn {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-color: #f68228;
    padding: 13px 39px;
    color: #fff;
    border-radius: 32px 0 0 32px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.news-block .inner-box:hover .overlay-box .link-btn{
	bottom: 40px;
    opacity: 1;
}
.news-block .inner-box .overlay-box .link-btn:hover{
	background-color: #186AAB;
}

.news-block .caption-box {
    position: relative;
    padding-bottom: 20px !important;
    background-color: #ffffff;
    border: 1px solid #d7d7d7;
    border-top: none;
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.news-block .caption-box h3 {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 30px;
    color: #222;
    font-weight: 700;
    margin-top: 4px;
}
.news-block .caption-box .text {
    margin: 14px 0 16px;
    color: #666;
}
.news-carousel {
	position: relative;
	width: 100%;
}

.news-block .caption-box h3 a{
	color: #222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .inner-box .caption-box h3 a:hover{
	color: #186AAB;
}

.news-block .caption-box .post-meta{
	position: relative;
	display: block;
}

.news-block .caption-box .post-meta li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #838282;
	font-weight: 400;
	margin-right: 15px;
	/*padding-top: 5px;*/
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.news-block .caption-box .post-meta li i {
	margin-right: 5px;
	color: #f68228;
	font-size: 14px;
}
/* .news-block .inner-box:hover .caption-box .post-meta li{
	color: #222222;
} */

.news-block .caption-box .post-meta li a{
	color: #777777;
}

/*** 

====================================================================
				News Section style Two
====================================================================

***/

.news-block-two{
	position: relative;
	z-index: 1;
}

.news-block-two .inner-box{
	position: relative;
	margin-bottom: 10px;
}

.news-block-two .image-box{
	position: relative;
}

.news-block-two .image-box .image{
	position: relative;
}

.news-block-two .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.news-block-two .image-box .overlay-box .link-btn {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-color: #f68228;
    padding: 13px 39px;
    color: #fff;
    border-radius: 32px 0 0 32px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.news-block-two .inner-box:hover .overlay-box .link-btn{
	bottom: 40px;
    opacity: 1;
}
.news-block-two .inner-box .overlay-box .link-btn:hover{
	background-color: #186AAB;
}

.news-block-two .caption-box {
    position: relative;
    text-align: left;
    padding-top: 7px;
    padding-right: 0;
    padding-left: 6px;
}
.news-block-two .caption-box h3 {
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #222;
	font-weight: 700;
	margin-top: 4px;
}
.news-block-two .caption-box .text {
    margin: 14px 0 10px;
    color: #838282;
}

.news-block-two .caption-box h3 a{
	color: #222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .inner-box:hover .caption-box h3 a{
	color: #f68228;
}

.news-block-two .caption-box .post-meta{
	position: relative;
	display: block;
}

.news-block-two .caption-box .post-meta li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #838282;
	font-weight: 400;
	margin-right: 2px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.news-block-two .caption-box .post-meta li i {
	margin-right: 5px;
	color: #f68228;
	font-size: 14px;
}
.news-block-two .inner-box:hover .caption-box .post-meta li{
	color: #838282;
}

.news-block-two .caption-box .post-meta li a{
	color: #777777;
}


.news-block .caption-box .text {
    margin: 14px 0 16px;
    color:#838282;
}
.lower-content .text, .caption-box .text {
    text-align: left !important;
}
.news-block-two .caption-box h3 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #222;
    font-weight: 700;
    margin-top: 4px;
}


/*** 

====================================================================
			Services Section
====================================================================

***/
.services-section {
    position: relative;
    background-color: #f5f5f5;
    padding: 47px 0 40px;
}

.services-section:before {
    content: "";
    position: absolute;
    left: 0;
    /*top: -286px;*/
    width: 100%;
    height: 381px;
    animation: fadeIn 1s;
    animation-delay: 500ms;
    /*background-image: url(../images/background/services-bg.png);*/
    z-index: 1;
    background-repeat: no-repeat;
}
.services-box {
	position: relative;
	margin-top: 30px;
}

.services-box .container{
	padding: 0;
}

.services-carousel {
	position: relative;
}

.service-block{
	position: relative;
	
}
.service-block .inner-box{
	position: relative;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-bottom: 40px;
}

.service-block:hover .inner-box{
	background-color:#fff; 
	box-shadow: 0 0 24px rgba(0,0,0,0.24);
}

.service-block .lower-content {
	position: relative;
	padding: 21px 20px 6px;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .lower-content h3 {
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 54px;
	color: #f68228;
	font-weight: 700;
	margin-bottom: 8px;
}

.service-block .lower-content h3 a{
	color: #222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block:hover .lower-content h3 a{
		color: #f68228;
}

.service-block .lower-content .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 27px;
}

.service-block .lower-content .link-box{
	position: relative;
}

.service-block .lower-content .link-box a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 1.2em;
	color: #f68228;
	font-weight: 600;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .lower-content .link-box a:hover{
	color: #f68228;
}

.services-carousel .owl-nav{
	display: none;
}

/* .services-carousel .owl-dots{
	position: absolute;
	display: block !important;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.services-carousel .owl-dot{
	position: relative;
	display: inline-block;
	height: 4px;
	width: 30px;
	margin: 0 5px;
	background-color: #f68228;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	margin-bottom: 7px;
}

.services-carousel .owl-dot:hover,
.services-carousel .owl-dot.active{
	height: 8px;
	width: 30px;
	margin-top: 3px;
	background-color: #2154cf;
} */
.service-block .image-box {
	position: relative;
}
.service-block .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.service-block .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.service-block .image-box .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 0%;
	width: 100%;
	content: "";
	opacity: 0;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.service-block .inner-box:hover .overlay-box{
	height: 100%;
	opacity: 1;
}

.service-block .overlay-box a{
	position: absolute;
	right: 0;
	bottom: 10%;
	height: 40px;
	width: 130px;
	margin-left: -20px;
	margin-top: -20px;
	text-align: center;
	font-size: 14px;
	line-height: 42px;
	color: #fff;
	background-color: #f68228;
	font-weight: 400;
	border-radius: 25px 0 0 25px;
}
.service-block .overlay-box a
.service-block .inner-box:hover .overlay-box a{
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.service-block .overlay-box a i{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .overlay-box a:hover i{
	color: #ffffff;
}



/*** 

====================================================================
			Services Section Style Two
====================================================================

***/

.services-section-two .services-box {
    position: relative;
    margin-top: -55px;
    z-index: 9;
}

.services-section-two .service-block .inner-box {
    position: relative;
    text-align: center;
    padding: 66px 50px 39px;
}
.services-section-two .service-block .inner-box .lower-content{
	padding:0; 
}

.yellow{
	position: relative;
	background-color: #f68228;
}
.grey{
	position: relative;
	background-color: #222222;
}
.blue{
	position: relative;
	background-color: #2154cf;
}

.services-section-two .service-block .inner-box .icon-box {
    position: relative;
    padding-bottom: 14px;
    -webkit-transform: all 500ms ease-in-out;
    -moz-transform: all 500ms ease-in-out;
    -ms-transform: all 500ms ease-in-out;
    -o-transform: all 500ms ease-in-out;
    transform: all 500ms ease-in-out;
}
.services-section-two .service-block .inner-box .icon-box .icon {
    color: #fff;
    -webkit-transform: all 500ms ease-in-out;
    -moz-transform: all 500ms ease-in-out;
    -ms-transform: all 500ms ease-in-out;
    -o-transform: all 500ms ease-in-out;
    transform: all 500ms ease-in-out;
}
.services-section-two .service-block .inner-box .icon-box .icon:before {
    margin: 0;
    font-size: 60px;
}
.services-section-two .service-block .lower-content h3{
	line-height: 25px;
}
.services-section-two .service-block .lower-content h3 a,
.services-section-two .service-block .lower-content .text,
.services-section-two .service-block .lower-content a{
	color: #fff;
	-webkit-transform: all 500ms ease-in-out;
    -moz-transform: all 500ms ease-in-out;
    -ms-transform: all 500ms ease-in-out;
    -o-transform: all 500ms ease-in-out;
    transform: all 500ms ease-in-out;
}
.services-section-two .service-block:hover .lower-content a,
.services-section-two .service-block:hover .lower-content .text,
.services-section-two .service-block:hover .inner-box .icon-box .icon{
	color: #222;
}


/*** 

====================================================================
	Fact Counter style
====================================================================

***/
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
.fun-fact-section{
	position:relative;
	padding:100px 0px;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#ffffff;
}

.fun-fact-section.style-two{
	background:none;
	padding:0px;	
}

.fun-fact-section:before{
	content:'';
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	background:#ffffff;
	opacity:0.6;
}

.fact-counter{
	position:relative;
	background:#186AAB;
	color:#ffffff;
}

.fact-counter .column{
	position:relative;
	padding:40px 40px;
	z-index:5;	
}

.fun-fact-section.style-two .fact-counter .column{
	padding-left:0px;	
}

.fact-counter .column:after{
	content:'';
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-35px;
	height:70px;
	border-right:1px solid rgba(255,255,255,0.20);
	-webkit-transform:skewX(-15deg);
	-ms-transform:skewX(-15deg);
	-o-transform:skewX(-15deg);
	-moz-transform:skewX(-15deg);
	transform:skewX(-15deg);	
}

.fact-counter .column:last-child:after{
	display:none;	
}

.fact-counter .column .inner{
	position:relative;
	padding-left:70px;	
}

.fact-counter .column .inner .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	line-height:1.4em;
	font-size:54px;	
}

.fact-counter .count-outer{
	position:relative;
	font-size:48px;
	line-height:1em;
	font-weight:600;
	font-family: 'Titillium Web', sans-serif;
	margin:0px 0px;
}

.fact-counter .column .counter-title{
	position:relative;
	font-size:20px;
	font-weight:400;
	font-family: 'Titillium Web', sans-serif;
	text-transform:uppercase;
}
.fact-counter .count-outer i {
    font-size: 14px;
    color: 
    #f68228;
}

/*** 

====================================================================
	Default Section style
====================================================================

***/

.default-section{
	position:relative;
	padding:100px 0px 70px;
}

.default-section .column{
	position:relative;
	margin-bottom:30px;	
}

.default-section .text-column .title-box{
	position:relative;
	margin-bottom:25px;
}

.default-section .text-column .title-box h4{
	margin-bottom:5px;
	font-size:18px;
	color:#1182df;	
}

.default-section .text-column .title-box h2{
	font-size:28px;
	font-weight:600;
	line-height:1.4em;
	color:#1c2125;	
}

.default-section .text-column .text{
	padding-bottom:20px;	
}

.default-section .text-column .text p{
	margin-bottom:20px;
}

.default-section h2.default-title{
	font-size:32px;
	font-weight:600;
	line-height:1.4em;
	color:#1c2125;
	margin-bottom:40px;		
}

.default-section .gallery-column .row{
	position:relative;
	margin-left:-5px;
	margin-right:-5px;
	padding-right:30px;
}

.default-section .gallery-column .img-column{
	float:left;
	padding:0px 4px;	
}

.default-section .gallery-column .image-box{
	display:block;
	margin-bottom:10px;
	overflow:hidden;	
}

.default-section .gallery-column .image-box img{
	display:block;
	width:100%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.default-section .gallery-column .image-box:hover img{
	-webkit-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-webkit-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);	
}

/*** 

====================================================================
	Accordions style
====================================================================

***/

.services-content{
	position:relative;	
}

.accordion-box{
	position:relative;
	padding-top:20px;
}

.accordion-box .block{
	position:relative;
	margin-bottom:10px;
	border:1px solid #f0f0f0;	
}

.accordion-box.style-two .block{
	border:none;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:0px;	
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:20px;
	margin-bottom:0px;
	cursor:pointer;
	background:none;
	line-height:30px;
	padding:16px 50px 16px 25px;
	overflow:hidden;
	font-weight:600;
	color:#1c2125;
	border-radius:2px;
	font-family: 'Titillium Web', sans-serif;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box.style-two .block .acc-btn{
	font-size:18px;
	padding-left:0px;
}

.accordion-box.style-three .block .acc-btn{
	font-size:16px;
	padding-left:70px;
	padding-right:20px;
}

.accordion-box.style-two .block .acc-btn.active{
	color:#1182df;	
}

.accordion-box .block .icon-outer{
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-15px;
	width:30px;
	height:30px;
	text-align:center;
	font-size:14px;
	color:#ffffff;
	background:#1182df;
	border-radius:50%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box.style-two .block .acc-btn .icon-outer{
	right:0px;
	background:none;
	color:#186AAB;
}

.accordion-box.style-three .block .acc-btn .icon-outer{
	right:auto;
	left:20px;
}

.accordion-box .block .icon-outer .icon{
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-15px;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;	
}

.accordion-box .block .icon-outer .icon-plus{
	opacity:1;
}

.accordion-box .block .icon-outer .icon-minus{
	opacity:0;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
	opacity:1;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
	opacity:0;
}

.accordion-box .block .acc-btn.active .icon-outer{
	background:#1182df;
}

.accordion-box.style-two .block .acc-btn.active .icon-outer{
	background:none;
	color:#1182df;
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;	
}

.accordion-box .block .acc-content.current{
	display:block;	
}

.accordion-box .block .content{
	position:relative;
	font-size:13px;
	background:#ffffff;
	padding:10px 25px 0px;	
}

.accordion-box.style-two .block .content{
	padding-top:0px;
	font-size:14px;
	padding-left:0px;	
}

.accordion-box .block .content .image{
	float:left;
	margin:0px 20px 20px 0px;	
}

.accordion-box .block .content .image img{
	display:block;
	max-width:100%;	
}

.accordion-box .block .content p{
	margin-bottom:20px;
	line-height:1.8em;	
}

.content em{
font-size: 14px;
line-height: 24px;
color:#838282;
font-weight: 400;
}
.content em i{margin-right: 5px;}

.moreBtn{
    height: 40px;
    display: inline-block;
    background: #006db7;
    text-transform: capitalize;
    font-size: 13px;
    line-height: .8;
    color: #fff;
    border-radius: 3px;
    position: relative;
    padding: 15px 63px 15px 13px;
    font-family: 'Lato', sans-serif;
    font-style: normal;
}
.moreBtn i{
    width: 35px;
    height: 40px;
    background: #147ac0;
    padding: 15px;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.moreBtn:hover{
    background: #147ac0;
    color: #fff;
    text-decoration: none;
}
.moreBtn:hover i{
    background: #006db7;
    color: #fff;
}